Powered by:Proticaret
Arayüz Tasarımı : Smart Bilişim

Arayüz Tasarımı

PSD'den CSS'e Entegrasyon

ARAYÜZ TASARIMI

PSD'den CSS'e Entegrasyon

Arayüz tasarımı denildiğinde ilk akla gelen web sayfalarına ait bir programlamanın kullanıcı arabirimi için uyarlanması işlemidir. Kastettiğimiz bu olsa da gerçek anlamda arayüz tasarımı pek çok farklı alanda kullanılabiliyor. Örneğin mimari detayları çıkarılmış bir yapıya ait projenin 3D modellemesi, görsel açıdan zenginleştirilmesi gibi. Sunum için kullanılan bu gibi alanlar dışında genel yazılım uygulamaları için de bir arabirim gereklidir.

Başta web sayfası ve e-ticaret uygulamaları olmak üzere mimari detaylara ait görsel zenginleştirme, yazılımlara ait kullanıcı arayüz tasarımları yapıyoruz. Aşağıda genel hatlarıyla tasarım aşamasının bilinmesi gereken yönleri var. Bu içerik size web sayfalarınızın oluşumu hakkında gerekli ön bilgiyi sağlayacaktır.

Arayüz Tasarımı Nasıl Yapılır

Kriterleri Nelerdir?

Arayüz tasarımı yapılmadan önce mutlak suretle ilgili program ve kullanıcının erişilebilirlik talepleri toplanmalıdır. Daha net olarak maddeler halinde bu bilgileri şu şekilde sıralayabiliriz:

  • Yazılım altyapısı, modül içerikleri tanınmalı.
  • Erişilebilirlik kriterleri çıkarılmalı (navigasyon, içerik yönetimi v.b)
  • İçerik yönetimi düzenlenmeli (bilgilendirme taslakları) 
  • İstenilen görsel nitelikler için Photosop üzerinde PSD çalışılmalı.
Bu aşamadan sonra eğer bir web sayfası arayüz tasarımı yapılacaksa, eklenecek içeriklerin olduğu sayfalar kabaca da olsa açılmalı. Sebebi arayüz tasarlarken, örneğin bir menü tasarlarken her açtığınız liste dizimi için, aynı zamanda hedef linki tanımlamakla zaman kaybetmemektir. En önemlisi çalışma sırasında pozitif etki oluşturur. Müşterilerimizden bu hususta, web sayfalarında ya da sunumlarında yer almasını istedikleri ana başlıkları, içeriklerini net olarak hazırlamalarını istiyoruz. 
  • Tasarımcıya içerikte yer alacak tüm bilgiler eksiksiz olarak sağlanmalı. 
  • Tasarımın ağırlık noktası çıkarılmalı. Örneğin firmanın öncü olarak çalıştığı ürün ve hizmetler belirlenmeli.
  • Belirlenen ana içeriklerin özetleri çıkarılmalı
  • Çıkarılan özetler önem sırasına göre anasayfa üzerinde bir hiyeyrarşiyle eklenmeli.
  • Anasayfada yer alan özet bilgiler iç sayfalarda oluşturulan tam metinlere linklendirilmeli.

Nelere Dikkat Edilmeli?

Arayüz Tasarımında Dikkat Edilmesi Gerekenler?

Bu sektörde her nekadar müşteri istekleri projenin tamamlanması için ön şart olsa da mutlak suretle uyulması gereken belli başlı hususlar vardır. Müşterilerimizin bu kriterleri göz önünde bulundurması faaliyetlerin niteliği açısından oldukça önemlidir.

  • İçerik sayfalarınız 300 kelimenin altında olmamalı
  • İçeriklerinizi başlıklar, alt başlıklar şeklinde sıralamalısınız.
  • Dokumanlar mutlaka fotoğraflarla desteklenmeli.
  • Bir sitenin görsel açıdan iyi olması erişilebilirliğinin iyi olduğu anlamına gelmez.
  • Görsel içeriğiniz ziyaretçilerin siteyi kullanmasını güçleştirmemelidir.
  • Müşteri tarafından daha sonra revize etmek isteyebilecekleri alanlar anlaşılır kodlanmalı.
Sonradan yapılacak olan revizeler adına anlaşılır kodlamaktan bahsediyoruz. Bunu basit bir örnekle ilişkilendirmek faydalı olacaktır. Örneğin bir katmanın dış boşluk - mesafe değerini margin: 4px 8px 6px 10px olarak belirttik. Web sayfasını kullanan kişi daha sonra değiştirmek istediğinde bunu net şekilde algılamalı. margin-top, margin-right, margin-bottom şeklinde ayrı ayrı yazılmaları revizelerde kolaylık sağlar.

Bu basit gibi görünen ama önemli kriterleri sıklıkla tecrübe ediyoruz. Bu yüzden web sayfasını yönetecek kişilerin gelecekte değişiklik yapıp yapmayacağı hususunda net bilgi alınmalıdır.