Hedef ve kullanıcı tanımı
İş hedefini, öncelikli kullanıcıları, görevleri ve başarı ölçütlerini netleştiririz.
UX, kullanıcının amacına hangi sırayla ve ne kadar çabayla ulaştığını ele alır. UI ise bu yolun ekranda nasıl göründüğünü ve nasıl tepki verdiğini tasarlar. Renk ve butonlardan önce görev, içerik ve geri bildirim düzeni kurulmalıdır.
Çalışmaya iş hedefi ile kullanıcı hedefini ayırarak başlarız. İşletme daha çok talep isterken kullanıcı fiyatı, koşulu veya güven kanıtını görmek isteyebilir. İki hedef aynı sayfada doğru sırayla karşılanmadığında güzel bir ekran da sonuç üretmez.
Bilgi mimarisi ve kullanıcı akışları sade wireframe üzerinde hazırlanır. Navigasyon, form adımları, hata durumları ve içerik önceliği renk eklenmeden tartışılır. Kritik akışlar tıklanabilir prototipe çevrilerek ekip ve mümkünse gerçek kullanıcılarla denenir.
Bir kurumsal site projesinde çalışma web sitesi tasarımı ile; özel iş akışında ise özel web yazılım geliştirme ile birlikte yürütülebilir.
Onaylanan görsel yön; renk, tipografi, boşluk, buton, form, tablo, kart ve durum bileşenlerine dönüştürülür. Ekranlar tek tek çizilmiş bağımsız görseller olmaktan çıkar, tekrar kullanılabilir bir sisteme bağlanır.
Geliştirici tesliminde ölçüler, durumlar, responsive davranışlar ve gerekli varlıklar açıklanır. Tasarım uygulandıktan sonra arayüz kontrolü yapılır; erişilebilirlik ve gerçek içerik kaynaklı sapmalar düzeltilir.
İş hedefini, öncelikli kullanıcıları, görevleri ve başarı ölçütlerini netleştiririz.
İçerik ve özellikleri anlaşılır gruplara ayırır, menü ve sayfa ilişkilerini kurarız.
Kayıt, arama, satın alma veya talep gibi görevlerin adımlarını ve sapmalarını çizeriz.
İçerik önceliği ve etkileşimleri görsel süsten bağımsız biçimde doğrularız.
Kritik akışları ekip ve kullanıcı geri bildirimi için gerçekçi bir denemeye dönüştürürüz.
Marka dili, okunurluk, erişilebilirlik ve responsive davranışlarla final ekranları hazırlarız.
Tekrar kullanılan bileşenleri, durumlarını ve temel görsel kuralları belgeleriz.
Dosya düzeni, ölçüler, varlıklar ve uygulama kontrolüyle tasarımın doğru aktarılmasını destekleriz.
Kullanıcı görevi, iş hedefi ve teknik kısıtlar aynı briefte buluşur.
Bilgi mimarisi ve wireframeler üzerinden adım sırası, içerik ve hata durumları kontrol edilir.
Kritik görevler tıklanabilir prototip üzerinde denenir ve belirsizlikler düzeltilir.
Geliştirilen arayüz tasarımla, responsive davranışlarla ve gerçek içerikle karşılaştırılır.
UX kullanıcının hedefe ulaşma yolunu, bilgi yapısını ve etkileşimi ele alır. UI bu yolun görsel arayüzünü ve bileşenlerini tasarlar.
Evet. Ancak akış ve içerik hiyerarşisi hazır değilse sınırlı bir UX keşfi gerekir. Aksi halde görsel tasarım çözülmemiş kullanım sorunlarını örtebilir.
Hayır. Prototip etkileşim ve akışı test eder; canlı veri, güvenlik ve gerçek işlevleri içermez.
Kapsama göre görev tabanlı kısa testler planlanabilir. Katılımcı profili, senaryo ve bulgular proje başında netleştirilir.
Teslim biçimi sözleşmede belirlenir. Genellikle düzenli ekranlar, bileşenler, prototip ve geliştirici inceleme bağlantısı hazırlanır.
Az sayfalı sitelerde hafif bir stil kılavuzu yeterli olabilir. Çok ekranlı ve büyüyen ürünlerde bileşen sistemi tutarlılık ve hız sağlar.
Ürünü, kullanıcıyı ve en çok zorlandığınız görevi anlatın; doğru tasarım kapsamını belirleyelim.
Aramak için yazmaya başlayın.