UI/UX Tasarım Süreci Rehberi: Araştırmadan Onaylı Prototipe

Bu rehber, bir dijital ürünün arayüz ve deneyim tasarımının keşiften onaylı prototipe nasıl ilerlediğini anlatır. Web uygulaması, mobil uygulama ya da kurumsal panel için aynı adımlar geçerlidir; ölçek yalnız araştırma derinliğini ve ekran sayısını değiştirir.

1. Kullanıcı ve Görev Tanımı

Tasarım, "kim, hangi görevi, hangi koşulda" sorusuyla başlar: depo görevlisi eldivenle dokunmatik ekranda sayım yapar; finans müdürü ay sonu raporunu masaüstünde inceler. Kullanıcı tipleri, en sık görevler ve başarı ölçütleri (görev tamamlama süresi, hata oranı) yazılır.

Çıktı: Kullanıcı tipleri, görev listesi ve ölçütler.

2. Araştırma

Mevcut sistem varsa kullanım kayıtları ve destek talepleri incelenir; beş ila sekiz kullanıcıyla kısa görüşme ve gözlem yapılır. Hedef, varsayımları gerçek davranışla değiştirmektir; çoğu "herkesin istediği" özellik görüşmelerde kaybolur.

3. Bilgi Mimarisi ve Akışlar

Ekranlar değil, görevler çizilir: her görev için adımlar, karar noktaları ve istisnalar. Menü yapısı ve adlandırma kullanıcı diliyle kurulur (sistemin iç terimleriyle değil). Bu aşamada çıkan akış şeması, geliştirme ekibinin de ilk belgesidir.

Çıktı: Site/uygulama haritası ve görev akışları.

4. Tel Kafes ve Prototip

Düşük ayrıntılı tel kafesler yerleşimi ve içerik önceliğini doğrular; ardından tıklanabilir prototip (Figma) gerçek kullanıcılarla test edilir. Bir prototip turunda üç ila beş kullanıcı, en kritik üç görev; her turda düzeltme. Onaylı prototip, geliştirme kapsamının yazılı tanımıdır.

Çıktı: Test raporu ve onaylı prototip.

5. Görsel Dil ve Tasarım Sistemi

Renk, yazı tipi, boşluk ölçeği, bileşenler (düğme, form alanı, tablo, bildirim) ve durumları (odak, hata, yükleniyor) tek kaynakta tanımlanır. Tasarım sistemi, yeni ekranların tutarlı ve hızlı üretilmesini sağlar; geliştirme ekibi bileşenleri bire bir kodlar.

6. Erişilebilirlik

Kontrast oranları, klavye ile gezinme, ekran okuyucu etiketleri, dokunma hedefi boyutları ve hareket azaltma tercihi tasarımın başından uygulanır (WCAG 2.2 AA). Erişilebilirlik sonradan eklenen bir denetim değil, kabul kriteridir.

7. Teslim ve Geliştirmeyle Birlikte Çalışma

Tasarım dosyaları bileşen adlarıyla, ölçülerle ve durumlarla teslim edilir; iki haftalık sürümlerde tasarımcı sürüm sonu demosuna katılır ve sapmaları işaretler. Yayın sonrası kullanım verisi (nerede bırakılıyor, hangi adım uzun sürüyor) bir sonraki iyileştirme turunu besler.

8. Süre ve Maliyeti Belirleyen Etkenler

• Kullanıcı tipi ve görev sayısı; platform çeşitliliği (web, mobil, kiosk).
• Araştırma derinliği (görüşme, gözlem, kullanım verisi).
• Prototip test turu sayısı.
• Mevcut tasarım sisteminin olup olmaması.
• Erişilebilirlik ve çok dillilik gereksinimleri.

Kontrol Listesi

• Kullanıcı tipleri, görevler ve başarı ölçütleri yazıldı.
• Gerçek kullanıcılarla araştırma yapıldı; varsayımlar güncellendi.
• Görev akışları ve bilgi mimarisi onaylandı.
• Prototip en az bir test turundan geçti; onaylı sürüm kapsam belgesi oldu.
• Tasarım sistemi bileşen ve durumlarıyla tanımlı.
• WCAG 2.2 AA ölçütleri kabul kriterlerinde.
• Tasarımcı sürüm demolarına katılıyor; kullanım verisi izleniyor.