UI/UX Ürün Tasarımı

Kimin için

• Çözülmemiş problemin görsel stil değil, yolculuğun kendisi olduğu platformlar ve hizmet ürünleri
• Gerçek bir hiyerarşiye ihtiyaç duyan veri yoğun ekranlara sahip dashboardlar, yönetim panelleri ve iç araçlar
• Adımların, fiyat netliğinin ve müsaitliğin tüm deneyimi belirlediği rezervasyon sistemleri
• Kullanıcıların eğitim almadan anlayabileceği bir arayüze ihtiyaç duyan SaaS ürünleri
• Kurs, ders, ilerleme ve kayıt durumlarının düzgün tasarlanması gereken eğitim platformları
• Kendi geliştiricisi olan ve kodlamak için eksiksiz, profesyonel bir tasarıma ihtiyaç duyan ekipler

Çalışma neleri içeriyor

• Keşif: kullanıcılar, hedefler, kısıtlar, mevcut sistemler ve ürünün asla bozmaması gerekenler
• Kullanıcı akışları: hangi ekranlar var ve kullanıcılar aralarında tam olarak hangi sırayla geziyor
• Herhangi bir görsel tasarım başlamadan onaylanan site haritası ve bilgi mimarisi
• Değişiklik hâlâ ucuzken yapıyı ve hiyerarşiyi çözen wireframe’ler
• Ürünün gerçekten ihtiyaç duyduğu kırılım noktaları için responsive arayüz tasarımı
• Bir tasarım sistemi: bileşenler, tipografi, boşluk düzeni ve tutarlı etkileşim örüntüleri
• Geliştiriciye bırakılmayıp tasarlanan boş, yükleniyor, hata ve başarı durumları
• Geliştiriciye teslim: bir geliştirmenin gerçekten ihtiyaç duyduğu notlarla düzenlenmiş bir Figma dosyası

Çoğu tasarım dosyasında hiç bulunmayan durumlar

Yalnızca mutlu yolu gösteren bir tasarım, tasarımın yarısıdır. Gerçek ürünler ömrünün büyük kısmını başka durumlarda geçirir: henüz verisi olmayan bir dashboard, sonuç dönmeyen bir arama, ödemede başarısız olan bir rezervasyon, yavaş bir API, doğrulamadan geri dönen bir form, kullanıcıya bundan sonra ne olacağını söylemesi gereken bir başarı ekranı. Kullanıcının ürüne güvenip güvenmeyeceğine karar verdiği anlar bunlardır ve en sık tasarlanmadan teslim edilen kısımlar da bunlardır. Burada standart kapsamın parçasıdır, ek değil.

Front-end’i de kodlayan biri tarafından tasarlanır

Yalnızca tasarım içeren projelerdeki tipik başarısızlık çirkin bir dosya değildir; bir geliştirici onu yeniden yorumlarken boşlukları, durumları ve detayları kaybeden güzel bir dosyadır ya da gerçek içerik geldiğinde uygulanamaz olduğu anlaşılan bir dosyadır. React ve Next.js ile yayına giden front-end kodladığım için kodlanabilir olanın içinde tasarlarım, açıklama gerektiren yerleri not düşerim ve aynı tasarımı hiçbir devir teslim olmadan canlı bir ürüne kadar götürebilirim.

Çok dilli ürünler her iki yönde tasarlanır

Ürün Arapça ve İngilizce kullanıcılara hizmet ediyorsa iki yön de tasarlanır, biri aynalanmaz. Yön; menü sırasını, ikonların anlamını, form ve girdi davranışını, sayı ve tarih işleyişini, tipografiyi ve satır yüksekliğini etkiler. RTL’i bu aşamada düzgün tasarlamanın maliyeti, front-end var olduktan sonra sonradan eklemenin maliyetinin çok küçük bir kısmıdır.

Nasıl başlanır

Ürünü ve kullanıcıların tamamlaması gereken ana yolculuğu anlatın. Kapsam hakkında dürüst bir değerlendirme, tek başına tasarımın mı yoksa tasarım artı front-end’in mi daha mantıklı olduğu ve bir başlangıç aralığı alırsınız.