Tasarım ve İçerik
UI/UX Tasarım
İyi arayüz fark edilmez; kullanıcı ne yapacağını düşünmeden yapar. Tasarımın işi dikkat çekmek değil, sürtünmeyi azaltmaktır.
Tasarıma renk ve tipografi seçerek değil, kullanıcının yapmaya çalıştığı işi tanımlayarak başlarız. Ekranların sırası, form alanlarının sayısı ve bilgilerin gruplanması bu tanımdan çıkar.
Ardından tutarlı bir bileşen sistemi kurarız. Butonun, kartın, formun ve tablonun her yerde aynı davranması hem kullanıcı için öğrenilebilirlik hem geliştirme için hız üretir.
Kimler için uygun?
- 01
Ziyaretçisi olan ama dönüşüm alamayan siteler
Trafik varken sonuç yoksa sorun genellikle mesajda değil, akıştaki takılma noktalarındadır.
- 02
Yönetim paneli ve uygulama geliştiren şirketler
Her gün kullanılan ekranlarda küçük bir iyileştirme, saatlerce zaman kazandırır.
- 03
Çok sayfalı ve karmaşık yapıya sahip kurumlar
Bilgi mimarisi düzenlenmediğinde içerik artışı siteyi kullanılamaz hâle getirir.
Neler sunuyoruz?
Kullanıcı akışı ve bilgi mimarisi
Sayfa hiyerarşisi, gezinme yapısı ve adım sıralaması çıkarılır.
Tel kafes ve prototip
Görsel tasarımdan önce yapı üzerinde anlaşılır; tıklanabilir prototiple akış denenir.
Arayüz tasarımı
Tipografi ölçeği, renk kullanımı, boşluk düzeni ve etkileşim durumları tanımlanır.
Tasarım sistemi
Bileşenler, durumları ve kullanım kurallarıyla belgelenir; ekipler aynı dili konuşur.
Erişilebilirlik denetimi
Kontrast, odak sırası, klavye kullanımı ve ekran okuyucu uyumu tasarım aşamasında ele alınır.
Mikro etkileşimler
Yükleme, boş durum, hata ve başarı ekranları tasarımın parçası olarak hazırlanır.
- 01
Anlama
Hedef kitle, iş hedefi ve mevcut verilerdeki takılma noktaları incelenir.
- 02
Yapı
Akış ve tel kafes çalışması yapılır, onaylanır.
- 03
Görsel tasarım
Ana ekranlar tasarlanır, tasarım dili bileşen setine dönüştürülür.
- 04
Devir ve destek
Tasarım dosyaları, ölçüler ve davranış notları geliştirme ekibine aktarılır; uygulama sırasında kontrol edilir.
Tasarım dosyası tek başına çıktı değildir; uygulanabilirliği kadar değerlidir.
- 01Bileşen tabanlı, değişken destekli tasarım dosyaları
- 02Duyarlı davranışın kırılım noktalarıyla birlikte tanımlanması
- 03Renk ve tipografi token’larının kod tarafındaki karşılıklarıyla eşleştirilmesi
- 04WCAG AA kontrast oranlarının tasarım aşamasında doğrulanması
- 05Odak halkası, hover ve pasif durumların ayrı ayrı tanımlanması
- 06Hareket tercihini azaltan kullanıcılar için alternatif davranış notları
UI/UX Tasarım hakkında merak edilenler
UX, kullanıcının hedefine hangi adımlarla ulaştığıyla ilgilenir; yapı ve akış kararlarıdır. UI ise bu yapının ekrandaki görünümüdür. İkisi ayrı ayrı iyi olsa da uyumsuzsa sonuç kötü olur; bu yüzden birlikte yürütülür.
Evet. Tasarım sistemi ve ölçü notlarıyla birlikte teslim ederiz. Uygulama sırasında ekibinizin sorularını yanıtlamak için kısa bir destek dönemi tanımlanabilir.
Kapsama göre. Küçük projelerde mevcut analitik veriyi ve akış incelemesini temel alırız. Kritik akışlarda birkaç gerçek kullanıcıyla yapılan kısa testler bile önemli bulgular üretir; bu durumlarda test öneririz.
UI/UX Tasarım için kapsamı birlikte belirleyelim.
İhtiyacınızı dinleyip kalem kalem ayrıştırılmış, şeffaf bir teklif hazırlayalım.