Neden önce prototip
Bir ürünü anlatmak zordur; göstermek kolaydır. Tıklanabilir prototip sayesinde kurucu, ekip ve müşteri daha kod yazılmadan aynı ekrana bakar ve aynı şeyi hayal eder. Bu aşamada yapılan değişikliğin maliyeti dakikalarla ölçülür; aynı değişiklik geliştirme başladıktan sonra günlere mal olur.
Şu an gezdiğiniz site ve projeler sayfasındaki canlı demolar bu yaklaşımın kendisidir: ürün vizyonunu anlatmak yerine çalışırken gösteriyoruz.
Teslim tipleri
| Teslim | İçerik | Süre |
|---|---|---|
| Akış ve ekran taslağı | Kullanıcı akışları, düşük detaylı ekranlar | 3-5 gün |
| Etkileşimli prototip | Tıklanabilir, gerçek veriye benzer içerikle | 1-2 hafta |
| Tasarım sistemi | Renk, tipografi, bileşen kütüphanesi, tema desteği | 1-2 hafta |
| Tam ekran seti | Geliştirmeye hazır tüm ekranlar ve durumlar | 2-4 hafta |
| Mevcut ürünün yenilenmesi | Arayüz revizyonu, akış sadeleştirme | 2-4 hafta |
Sadece tasarım da alabilirsiniz
Tasarımı bizden alıp geliştirmeyi kendi ekibinizle yapmanız tamamen mümkün. Bu durumda teslim, tasarım dosyalarının yanı sıra bileşen davranışlarını, durumları (boş, yükleniyor, hata) ve duyarlı davranışı da içerir. Yani geliştiricinin soru sormadan uygulayabileceği bir set alırsınız. Tersi de geçerli: elinizde tasarım varsa yalnızca geliştirme tarafını üstlenebiliriz.
Bir ürünü anlatmak zordur, göstermekse kolay. Prototip bu farkı kapatır.
Görsel dili belirleyen dört soru
Görsel dili seçerken ilk baktığımız şey ekrana kimin, nerede ve ne kadar süre baktığıdır. Marka renkleri bu kararın içine yerleştirilir.
Kim kullanıyor?
Yazılıma alışık bir ofis çalışanı mı, telefonu çoğunlukla WhatsApp için kullanan bir esnaf mı? Yazı boyutu ve kullanılan kelimeler buna göre değişir.
Nerede kullanıyor?
Aydınlık bir mağaza, loş bir depo, güneş altında bir şantiye. Kontrast ve tema, ekranın kullanıldığı yerin ışığına göre seçilir.
Ne kadar süre bakıyor?
Gün boyu açık kalan bir operasyon ekranı ile ayda bir girilen ayar sayfası aynı yoğunlukta tasarlanmaz.
Hangi cihazla?
Masaüstü, tablet, telefon ya da dokunmatik kiosk. Dokunma alanları ve menü yapısı cihazla birlikte belirlenir.
İki demo, iki görsel dil: EsnafDefter ve ServisPro
EsnafDefter: kağıt defterden gelen kullanıcı için
Bakkal ya da tamirci çoğu zaman yıllarca kağıt deftere yazmış biridir. Demo bu yüzden krem kağıt zemin, defter sekmeleri, çizgili sayfa ve el yazısıyla bir notla açılır. Borç ve alacak sütunları defterdeki sırayla durur. Kullanıcı yeni bir yazılım öğrendiğini hissetmeden eski alışkanlığını ekranda bulur.
ServisPro: atölyede gün boyu açık kalan ekran için
Oto serviste ekran tezgahta ya da duvarda gün boyu açık durur ve çoğu zaman birkaç metre öteden okunur. Koyu zemin, büyük sayılar ve her lift için ayrı bir kart, atölyenin durumunu tek bakışta gösterir. Aksiyon isteyen tek şey olan kritik parça uyarısı turuncuyla öne çıkar.
Prototipi birkaç gerçek kullanıcıyla kendiniz deneyin
Tıklanabilir prototipin asıl değeri, kod yazılmadan gerçek kullanıcıya denetilebilmesidir. Bunun için laboratuvar gerekmez; 5-6 kişiyle yapılan kısa oturumlar büyük sorunları genellikle ortaya çıkarır.
- 01
Bir görev yazın
Ekranı anlatmayın. “Geçen hafta verdiğin siparişi iptal et” gibi gerçek bir iş verin.
- 02
Kullanıcıyı yalnız bırakın
Takıldığında yardım etmeyin. Sesli düşünmesini isteyin ve sadece dinleyin.
- 03
Takıldığı yeri not edin
Nerede durdu, neyi aradı, hangi düğmeyi yanlış anladı? İkinci bir kişi de aynı yerde takılıyorsa ortada bir tasarım sorunu vardır.
- 04
Düzeltip tekrar deneyin
Prototip aşamasında değişiklik hızlıdır. Düzeltmeyi yapın ve bir sonraki kişiyle yeniden deneyin.
Tasarım teklifi alırken sorulacak sorular
- Prototip tıklanabilir mi, yoksa yalnızca statik ekran görüntüleri mi teslim ediliyor?
- Boş, yükleniyor ve hata durumları teklife dahil mi?
- Bileşen kütüphanesi ile renk ve tipografi kuralları ayrı bir tasarım sistemi olarak teslim ediliyor mu?
- Koyu tema gerekiyorsa baştan mı planlanıyor?
- Kontrast ve dokunma alanı gibi erişilebilirlik kontrolleri işin içinde mi?
- Proje bittiğinde tasarım dosyalarının ve fikri mülkiyetin sahibi kim oluyor?
Sıkça sorulan sorular
Sadece tasarım hizmeti alabilir miyim?
Evet. Uçtan uca çalışabildiğimiz gibi yalnızca tasarım da veriyoruz. Bu durumda geliştirme ekibinizin doğrudan uygulayabileceği bir set teslim ediyoruz: ekranlar, bileşen davranışları, boş/yükleniyor/hata durumları ve duyarlı davranış kuralları.
Tasarım aşaması ne kadar sürer?
Akış ve ekran taslağı 3-5 gün, tıklanabilir bir prototip 1-2 hafta, geliştirmeye hazır tam ekran seti 2-4 hafta sürer. Uçtan uca bir projede tasarım aşaması tipik olarak 2-4 gündür; çünkü kapsam zaten keşif aşamasında daraltılmış olur.
Kaç revizyon hakkım var?
Revizyonu sayıyla sınırlamıyoruz; bunun yerine aşamalı ilerliyoruz. Akış onaylanmadan görsel tasarıma, görsel tasarım onaylanmadan tam ekran setine geçmiyoruz. Bu şekilde büyük geri dönüşler oluşmuyor ve süreç öngörülebilir kalıyor.
Mevcut kurumsal kimliğimizi kullanabilir misiniz?
Evet. Marka rehberiniz varsa tasarım onun üzerine kurulur; yoksa ürün için renk, tipografi ve bileşenlerden oluşan tutarlı bir sistem oluşturuyoruz. Bu sistem daha sonra eklenecek ekranlar için de referans olur.
Tasarım dosyaları kime ait olur?
Son ödemeyle birlikte tasarım dosyalarının ve fikri mülkiyetin tamamı size geçer. Tasarım sistemi de teslimatın parçasıdır; ileride başka bir ekiple çalışsanız bile yeni ekranlar aynı kurallarla eklenebilir.
Koyu tema her ürün için gerekli mi?
Hayır. Gün boyu açık kalan operasyon ekranlarında ve loş ortamlarda işe yarar; ayda birkaç kez açılan bir yönetim ekranında çoğu zaman gereksizdir. Gerekecekse baştan planlamak, sonradan eklemekten daha az iş çıkarır.
Erişilebilirlik için neye dikkat ediyorsunuz?
Temel kontrollerimiz metinle arka plan arasındaki kontrast, okunabilir yazı boyutu, parmakla rahat basılabilen dokunma alanları ve yalnızca renge dayanmayan uyarılardır. Renk körlüğü olan bir kullanıcı da kırmızı bir uyarıyı yanındaki ikon ya da metin sayesinde fark edebilmelidir.