UI/UX tasarımı
UI/UX tasarımı, bir arayüzün güzel görünmesinden önce anlaşılır olmasıyla ilgilenir. Ziyaretçi nerede olduğunu, ne yapabileceğini ve sonraki adımın ne olduğunu düşünmeden anlıyorsa; daha az terk, daha çok tamamlanan form ve arama oluyor.
Ne zaman ihtiyaç duyarsınız?
- Ziyaretçi sıradaki adımı bulamıyor
- Ekranda beş şey aynı görsel ağırlıkta duruyorsa hiçbiri öne çıkmıyor. Ziyaretçi ne yapması gerektiğini okuyarak çözmek zorunda kalıyor ve çoğu bunu yapmadan çıkıyor.
- Formlar ve akışlar yarıda kalıyor
- Uzun form, belirsiz hata mesajı ve adımın kaçta kaçında olduğunu göstermeyen bir akış. Terk noktası genellikle tek bir ekranda toplanıyor ve bakılmadığı için görünmüyor.
- Arayüz sektördeki diğerlerinden ayrışmıyor
- Hazır bir şablonun rengi değiştirilmişse, ziyaretçi sitenizi daha önce gördüğü on siteyle aynı yere koyuyor. Fark yaratan tipografi, boşluk ve bileşen kararları şablonun içinde kalıyor.
- Tasarım gerçek cihazda başka türlü çalışıyor
- Masaüstünde tasarlanan ekran telefonda dokunma hedeflerinin küçüldüğü, kontrastın düştüğü ve klavyeyle gezilemeyen bir hâle geliyor. Bunlar tasarım kararıyken düzeltilmezse geliştirme sırasında düzelmiyor.
Evet. Geliştirmeyi sizin ekibiniz veya başka bir sağlayıcı üstlenebilir.
Nasıl çalışıyoruz?
- Kullanıcı akışı planı
- Ziyaretçinin siteye hangi soruyla geldiğini ve hangi adımları izlemesi gerektiğini çıkarıyoruz. Ekran tasarımı bu akışın çıktısı oluyor, tersi değil.
- Markaya özel arayüz
- Hazır şablonların üzerine renk değiştirmek yerine; tipografi, boşluk ve bileşen kararlarını markanızın tonuna göre kuruyoruz. Sonuç, sektörünüzdeki diğer sitelerin kopyası gibi durmuyor.
- Erişilebilirlik ve gerçek cihazlar
- Kontrast, dokunma hedefi boyutu ve klavyeyle kullanım tasarımın parçası. Ekranları mobil ve masaüstü için ayrı ayrı kurguluyor, gerçek cihazlarda kontrol ediyoruz.
Teslim edeceğimiz çalışma
Bu kalemlerin kapsamını teklif aşamasında birlikte netleştiriyoruz.
- Kullanıcı akışı planı
- Ziyaretçinin hangi soruyla geldiği ve hangi adımları izlemesi gerektiği. Ekran tasarımı bu akışın çıktısı oluyor; hangi ekranın neden var olduğu tek tek gerekçeli.
- Mobil ve masaüstü ekranlar
- Her ekranın iki boyutta da tasarlanmış hâli, durum varyantlarıyla birlikte: boş, dolu, hatalı ve yükleniyor. Geliştirmeyi başka bir ekip üstlenecekse en çok bu eksik kalıyor.
- Bileşen ve token dosyası
- Renk, tipografi, boşluk ve bileşen kararlarının yeniden kullanılabilir hâli. Site büyüdüğünde yeni sayfaların aynı sistemin içinde kalmasını sağlayan şey bu dosya.
Sık sorulanlar
Ne yaptığınız, kime hitap ettiğiniz, öne çıkarmak istediğiniz hizmetler ve varsa mevcut görsel/metin içerikleriniz iyi bir başlangıç. Eksik olan içerikleri keşif ve içerik planı aşamasında birlikte tamamlıyoruz.
Evet. Tasarıma mobil ekrandan başlıyor, tablet ve masaüstünü sonra kurguluyoruz. Teslim öncesinde farklı ekran boyutlarında ve gerçek cihazlarda kontrol ediyoruz.
Süre; sayfa sayısına, içeriklerin hazır olmasına ve özel fonksiyon ihtiyacına göre değişir. Keşif görüşmesinden sonra kapsama uygun, gerçekçi bir takvim paylaşıyoruz ve süreç boyunca bu takvimi güncel tutuyoruz.
Anlaşılan bir arayüz kuralım.
Önce akış, sonra ekran. Geliştirmeyi biz üstlenebiliriz ya da tasarım dosyalarını kendi ekibinize teslim ederiz; ikisi de aynı süreçle ilerliyor.