Hizmet · Web Siteleri ve Web Uygulamaları

UI/UX Tasarım

Bir ekranın “güzel” olması ile işe yaraması arasında çoğu zaman büyük bir fark vardır. Konya'da tarım makinesi üreten bir firmanın, bayilerindeki servis teknisyenleri için arıza kaydı uygulaması yaptırdığını düşünelim. Masaüstünde şık görünen tasarım, tarlada, güneş altında, eldivenle tutulan bir tablette kullanılamaz hâle gelir: düğmeler küçük, kontrast düşük, seri numarası girmek için altı ekran geçmek gerekiyor. Bu hataların hepsi, uygulama geliştirilmeden önce iki teknisyenle yapılacak yarım saatlik bir testte ortaya çıkardı. UI/UX tasarım, işte bu testi ve ondan önceki soruları sistemli hâle getirir: kim kullanacak, nerede, hangi koşulda, hangi işi bitirmek için.

Kullanıcı görüşmeleri
tasarımdan önce, gerçek kullanıcılarla
Figma prototipi
kod yazılmadan tıklanabilir
5 kişilik test turları
sorunların çoğunu bulmaya yeter
Tasarım sistemi
renk, tipografi ve bileşenler tek kaynakta

Hizmetin kapsamı

Tasarım işi ekranlarla bitmez. Geliştiricinin aynı kararları tekrar vermek zorunda kalmaması için her şey belgelenir.

Kapsamı mühendislerimizle netleştirin

Kullanıcı araştırması

Asıl kullanıcılarla kısa görüntülü görüşmeler, mümkünse ekran paylaşımıyla bugünkü iş akışını izleme. Çıktı, varsayımların değil gözlemlerin yazılı olduğu kısa bir bulgular belgesidir.

Kullanıcı akışları

En önemli beş on görevin adım adım akışı: kayıt, sipariş, arıza bildirimi, onay. Gereksiz adımlar bu aşamada, ekran çizilmeden önce elenir.

Tıklanabilir prototip

Figma'da gerçek içerikle, gerçek ekran boyutlarında hazırlanan ve telefonda da denenebilen bir prototip. Lorem ipsum yerine gerçek ürün adları ve rakamlar kullanılır.

Kullanılabilirlik testleri

Beş kullanıcıyla uzaktan test: kendilerinden bir görevi tamamlamaları istenir, nerede takıldıkları kaydedilir. Bulgular önceliklendirilir ve prototipe işlenir.

Erişilebilirlik

WCAG 2.1 AA düzeyinde kontrast, dokunma alanı boyutları, klavyeyle kullanım ve ekran okuyucu etiketleri daha tasarım aşamasında kontrol edilir.

Tasarım sistemi ve devir

Renkler, tipografi, boşluklar, düğmeler, form öğeleri ve hata mesajları için bir bileşen kütüphanesi. Geliştiriciler Figma'dan ölçüleri ve durumları doğrudan okur.

Çalışma adımları

Erken ve küçük turlarla test ederiz. Prototipte fark edilen bir hata bir saate mal olur, yayındaki üründe fark edilen haftalara.

01

Keşif

İş hedefi, kullanıcı grupları ve mevcut sistem üzerine bir atölye; ardından beş altı kullanıcı görüşmesi. Bu aşama genellikle bir iki hafta sürer.

02

Akışlar ve eskizler

Temel görevlerin akışları ve düşük detaylı ekran eskizleri. Burada renk ve görsel tartışılmaz, sadece sıralama ve içerik.

03

Prototip ve test

Yüksek detaylı prototip hazırlanır, beş kullanıcıyla test edilir, düzeltilir. Gerekirse ikinci bir test turu yapılır.

04

Tasarım sistemi ve geliştirici desteği

Bileşen kütüphanesi tamamlanır ve geliştirme ekibine devredilir. Geliştirme boyunca soruları cevaplar, uygulanan ekranları tasarımla karşılaştırırız.

Beş kullanıcıyla yapılan bir test, elli kişilik bir toplantıdan daha çok şey söyler. Toplantıda herkes ekranı kendi alışkanlığıyla değerlendirir ve en kıdemli kişinin görüşü kazanır. Testte ise gerçek bir kullanıcı, gerçek bir görevi yapmaya çalışır ve takıldığı yer tartışmaya yer bırakmaz. Tasarım kararlarında anlaşmazlık çıktığında bunu fikir tartışmasıyla değil, küçük bir testle çözmeyi öneririz.

Sık sorulan sorular

Evet. Figma dosyaları, bileşen kütüphanesi ve akış belgeleri geliştirici ekibinizin doğrudan kullanabileceği şekilde teslim edilir. Geliştirme sırasında danışmanlık ve tasarım kontrolü saatlik olarak devam edebilir.

Çoğu B2B projede kullanıcılar sizin müşterileriniz, bayileriniz veya çalışanlarınızdır ve birkaç kişiye ulaşmak kolaydır. Tüketiciye yönelik ürünlerde hedef kitleye uygun katılımcıları birlikte belirleriz. Katılımcılardan açık bir onay alınır, kayıtlar KVKK'ya uygun şekilde saklanıp silinir.

Evet, genellikle mevcut ürünün bir kullanılabilirlik değerlendirmesiyle başlarız. Sorunların çoğu yeni bir görsel dilden değil, akışlardaki gereksiz adımlardan kaynaklanır. Bu yüzden önce onları düzeltip sonra görünüşe geçmeyi öneririz.

Hayır. Biz ekran ve etkileşim tasarımına odaklanırız. Kurumsal kimliğiniz yoksa bir marka ajansıyla çalışmanızı öneririz ve onların çıktısını dijital ürüne uyarlarız.

Tasarlanacak ürünü anlatın

Ürünün ne işe yaradığını, kimlerin kullandığını ve bugün hangi aşamada olduğunu yazın. Bir iş günü içinde bir keşif görüşmesi önerisiyle dönüş yaparız.

Çalışma saatleri
Pazartesi-Cuma, 09:00-18:00 (Türkiye saati), yanıt bir iş günü içinde
Görüşmeler
Microsoft Teams ya da Google Meet üzerinden görüntülü görüşme

Bu sitede yalnızca sitenin çalışması ve seçtiğiniz şehri hatırlamak için gereken zorunlu çerezler var. Reklam ya da takip çerezi kullanmıyoruz. Ayrıntılar Gizlilik ve KVKK aydınlatma metni bölümünde.