UI ile UX arasındaki fark ne?

UX kullanıcının hedefine nasıl ulaştığını kurgular: akış, adım sayısı, bilgi düzeni. UI ise bunun görünen hâlidir: renk, tipografi, bileşenler ve durumlar. İkisi ayrı ellerde olduğunda ortaya güzel ama kullanılamayan ya da işleyen ama itici ürünler çıkıyor.

Küçük bir ürün için de araştırma gerekli mi?

Kapsamı ölçeklendiriyoruz. Büyük bir araştırma programı yerine beş-altı kullanıcıyla yapılan görev bazlı bir test bile sorunların büyük kısmını ortaya çıkarır. Araştırmayı tamamen atlamak ise yanlış varsayım üzerine ay harcamak demek. En pahalı seçenek bu.

Tasarımı geliştiriciye nasıl teslim ediyorsunuz?

Ölçüler, boşluklar, renk değişkenleri ve bileşen durumları tanımlı bir tasarım dosyası ve yazılı teslim notlarıyla. Geliştirici ekibiniz bizim dışımızdaysa soru-cevap için bir devir oturumu yapıyoruz; tahminle kodlanan tasarım hep sapıyor.

Tasarım sistemi nedir, neden gerekli?

Tekrar kullanılan bileşenlerin ve kuralların kütüphanesidir. Ürün büyüdükçe her yeni ekranı sıfırdan tasarlamak yerine mevcut parçalardan kurarsınız: geliştirme hızlanır, tutarlılık kendiliğinden korunur. Yatırım başta, getiri her yeni ekranda.

Mevcut ürünümüzün deneyimini iyileştirebilir misiniz?

Evet. Kullanılabilirlik denetimiyle başlıyoruz: mevcut arayüzde kullanıcıların nerede takıldığını tespit edip önceliklendirilmiş bir iyileştirme listesi çıkarıyoruz. Tamamen yeniden tasarım her zaman gerekmiyor; çoğu zaman birkaç akış düzeltmesi en büyük kazancı veriyor.

Erişilebilirlik kapsama dahil mi?

Evet. Renk kontrastı, klavyeyle gezinme, odak göstergeleri ve dokunma alanı boyutları tasarım kararının parçası. Erişilebilirliği sonradan eklenen bir katman olarak görmüyoruz; sonradan eklendiğinde hem pahalı hem yarım oluyor.

Kaç kullanıcıyla test yapmak yeterli?

Görev bazlı testlerde beş kullanıcı, sorunların büyük çoğunluğunu ortaya çıkarmaya yetiyor. Daha fazlası aynı bulguları tekrarlamaya başlıyor. Bu yüzden tek büyük test yerine, küçük ve sık testleri tercih ediyoruz.

Hizmetlerimiz

UI/UX Tasarım

İyi arayüz fark edilmez. Kullanıcı sadece yapmaya geldiği işi bitirir.

Kapsam

Kullanıcı araştırması
Bilgi mimarisi
Wireframe
Prototip
Tasarım sistemi
Kullanılabilirlik testi

Kullanıcı hata yapmaz; arayüz yanlış yönlendirir.

Bir formu yanlış dolduran kişiyi suçlamak kolay ama hiçbir şeyi düzeltmiyor. Aynı hatayı beş kişiden dördü yapıyorsa sorun kullanıcıda değil, tasarımdadır. Bu yüzden tartışmayı beğeniden çıkarıp gözleme taşıyoruz: insanların ne söylediğine değil, ekranda ne yaptığına bakıyoruz.

UI/UX Tasarım nedir?

UI/UX tasarım iki işi birlikte kapsar. UX (kullanıcı deneyimi), kişinin hedefine kaç adımda ve ne kadar kolay ulaştığını kurgular: akışlar, bilgi mimarisi ve etkileşim mantığı. UI (kullanıcı arayüzü), bu kurgunun görünen katmanını üretir: bileşenler, tipografi, renk ve tüm durumlar. İkisi ayrı ellerde kaldığında ya güzel görünen ama kullanılamayan, ya işleyen ama kimsenin güvenmediği ürünler çıkar.

Deneyimi kuran altı iş.

Ekran tasarlamadan önce akışı çözüyoruz. Görsel katman, çözülmüş bir problemin üzerine gelir; tersi olduğunda cila sorunu örtmez, büyütür.

Kullanıcı Araştırması

Görüşmeler, mevcut veri analizi ve kullanıcı profilleri. Varsayım üzerine ay harcamanın maliyeti, araştırmanın maliyetinden yüksek.

Bilgi Mimarisi

İçeriğin ve işlevlerin nasıl gruplanacağı, gezinmenin nasıl kurulacağı. Kullanıcı aradığını bulamıyorsa geri kalan her şey boşa.

Wireframe ve Akış

Görsel detaya girmeden ekran akışları ve düzen kararları. Bir akışı burada değiştirmek dakikalar, kodlandıktan sonra haftalar sürer.

Arayüz Tasarımı

Bileşen kütüphanesi, tipografi ölçeği, renk ve tüm etkileşim durumları. Hover, odak, hata, boş; hepsi tasarlanır.

Prototip

Tıklanabilir prototiple akış, tek satır kod yazılmadan denenir. En ucuz geri bildirim burada alınır.

Kullanılabilirlik Testi

Gerçek kullanıcılarla görev bazlı test; nerede takıldıkları kayda alınır. Kayıt, fikir tartışmasını bitiren tek şey.

Süreç

Ekran çizmeden önce ne çözülüyor?

Her aşamada bir çıktı onaylanmadan sonrakine geçmiyoruz. Geri dönüşün en ucuz olduğu yer wireframe aşamasıdır; en pahalı olduğu yer yayın sonrası.

Araştırma ve tanımlama
Kullanıcı ihtiyaçları, iş hedefleri ve kısıtlar netleşir. Başarının neye göre ölçüleceği baştan yazılır.
Tipik süre: 1-2 hafta
Akış ve bilgi mimarisi
Ekran haritası ve kullanıcı akışları çıkarılır; adım sayısı azaltılır. Tasarımın en çok kazandıran kısmı burası.
Tipik süre: 1-2 hafta
Wireframe ve prototip
Düşük detaylı ekranlar ve tıklanabilir prototip; erken geri bildirim alınır.
Tipik süre: 2 hafta
Arayüz tasarımı ve sistem
Bileşen kütüphanesi ve tüm ekranların görsel tasarımı; hata mesajları ve boş durumlar dahil.
Tipik süre: 3-4 hafta
Test ve devir
Kullanılabilirlik testi, düzeltmeler ve geliştirici teslim dosyası hazırlanır.
Tipik süre: 1-2 hafta

İmza işlerimiz

Strateji, tasarım ve geliştirme sınırlarını birlikte zorladığımız projelerden birkaçını keşfedin.

Tüm projeler

Haskar

Lastik distribütörü için bayi paneli, finans özeti ve kampanya yönetimli B2B platform.

Örnek incele

PAACADEMY

Mimari tasarım ve AI eğitimleri için kurs vitrini, etkinlik takvimi ve eğitmen profilleri.

Örnek incele

Güzel arayüz kullanılabilir demek değildir.

Ödül alan ekranlar da kullanıcı kaybedebilir. Ölçüt beğeni değil, görevin tamamlanma oranı.

En ucuz düzeltme wireframe aşamasındadır.

Kodlanmış bir akışı değiştirmek haftalar alır; kâğıt üzerindeki akışı değiştirmek dakikalar.

Tasarım İlkelerimiz

Gözlem

Kullanıcının ne söylediğine değil ne yaptığına bakıyoruz. Test kaydı, tartışmayı bitiriyor.

Adım sayısı

Her ek tıklama bir kayıp. Akışı kısaltmak, ekranı güzelleştirmekten önce gelir.

Durumlar

Boş ekran, yükleniyor, hata ve başarı da tasarlanır. Tasarlanmayan durum sonradan çirkin çözülür.

Herkes için

Kontrast, klavye erişimi ve dokunma alanı ölçüleri pazarlık konusu değil.

SSS

Sorularınız mı var?
Cevaplarımız var.

UI/UX Tasarım hakkında sık sorulanlar

Projeler çoğu zaman tek başlıkta kalmıyor. Bu hizmetle birlikte en sık çalıştığımız alanlar: