UI/UX Tasarımı
İnsanların Gerçekten Anladığı Arayüzler
Körfez kitlesi için araştırmaya dayalı ürün ve web sitesi tasarımı — müşterilerinizin gerçekte nasıl davrandığına göre, Türkçe, İngilizce ve Arapça.
İyi tasarım beğenilmez, ölçülür
Bir arayüz, kullanıcı gelme amacını tamamladığında başarılı olur. Geri kalan her şey — animasyon, renk geçişleri, zekice düzenler — bunun üzerindeki süslemedir.
İnsanların ürününüzde veya sitenizde gerçekte nasıl ilerlediğini izleyerek başlarız, nerede tereddüt ettiklerini veya vazgeçtiklerini bulur ve o anları yeniden kurarız. Körfez’de bu çoğu zaman iki okuma yönü, uzunlukları çok farklı iki dil ve hızla bir insana ulaşmayı bekleyen bir müşteri için tasarlamak demektir.
Tarayıcıda ve gerçek cihazlarda tasarlarız; onayladığınız şey, alacağınız şeydir.
Neler yapıyoruz
Tek bir sorunlu ekrandan eksiksiz bir tasarım sistemine kadar.
UX araştırması
Mevcut deneyiminizin insanları nerede kaybettiğini gösteren görüşmeler, analitik incelemesi ve rakip analizleri.
Tel çerçeve
Herhangi bir görsel karardan önce yapı ve akış üzerinde anlaşılır; böylece revizyonlar ucuz kalır.
Arayüz tasarımı
Gerçek cihaz boyutlarında, tüm dillerde yüksek çözünürlüklü ekranlar.
Tasarım sistemleri
Ürününüz büyüdükçe tutarlı kalması için yeniden kullanılabilir bileşenler, değişkenler ve kurallar.
Sağdan sola tasarım
Projenin sonunda sonradan aynalanmış değil, baştan Arapça olarak tasarlanmış düzenler.
Kullanılabilirlik testi
Gerçek kullanıcılar, gerçek görevler ve önce neyin düzeltileceğine dair önceliklendirilmiş bir liste.
Tasarım sürecimiz
01
Anlamak
Kullanıcılarınızı, ticari hedeflerinizi ve ekibinizin içinde çalıştığı kısıtları öğreniriz.
02
Yapı
Herhangi bir stil verilmeden önce neyin nereye gideceğini netleştiren akışlar ve tel çerçeveler.
03
Tasarım
Tüm dillerde tam görsel tasarım, müşterilerinizin gerçekten kullandığı cihazlarda incelenir.
04
Doğrulama
Gerçek insanlarla test eder, iyileştirir ve belgelenmiş, geliştirmeye hazır dosyalar teslim ederiz.
Körfez arayüzleri insanları genellikle nerede kaybeder
Mevcut bir ürünü denetlediğimizde, kopuş nadiren müşterinin beklediği yerdedir. Neredeyse hiçbir zaman ana bölüm değildir. Bir formun üçüncü adımıdır, bağlamı olmadan bir fiyatın göründüğü andır ya da kullanıcının henüz anlamadığı seçenekler arasında seçim yapması gereken noktadır.
Bu bölgede iki hata noktası tekrar eder. İlki bağlılığı çok erken istemek — ziyaretçinin size güvenmek için herhangi bir nedeni olmadan önce bir kayıt duvarı veya uzun bir form. İkincisi insana ulaşma yolu sunmamak. Körfez’deki alıcıların büyük bir kısmı ilerlemeden önce tek bir soru sormak ister ve buna izin vermeyen bir ürün onları sessizce kaybeder; analitikte nedenini açıklayan hiçbir şey olmaz.
Bu anları teoriyle değil, gerçek oturumları izleyerek buluruz; sonra size maliyet çıkaran belirli ekranları yeniden tasarlarız.
Bir denetim gerçekte ne üretir
Görüşlerden oluşan bir sunum değil; gerekçeleriyle birlikte sıralanmış belirli değişikliklerin listesi.
Kopuş haritası
İnsanların nerede, hangi sırayla ve kaç kişi olarak ayrıldığı. Varsayılmış değil, ölçülmüş.
Açıklamalı ekranlar
Tereddüde neden olan öğeler tam olarak işaretlenir; neyin neden değişeceği yazılır.
Sıralı düzeltmeler
Her şey olası etkiye karşı efora göre sıralanır; ekibiniz nereden başlayacağını bilir.
Arapça inceleme
İngilizce tarafta olmayan hataları neredeyse her zaman barındıran sağdan sola deneyim için ayrı bir kontrol.
Erişilebilirlik bulguları
Kontrast, odak sırası, etiketleme ve klavye gezinmesi; WCAG’ye göre kontrol edilir.
Yeniden yapım planı
Yeniden tasarım gerekiyorsa, mevcut kullanıcıları rahatsız etmeyen aşamalı bir sıra.
Aynı anda iki yön için tasarlamak
Arapça bir arayüz, ters çevrilmiş bir İngilizce arayüz değildir. Yön taşıyan ikonlar — oklar, ilerleme göstergeleri, gönder düğmeleri — aynalanmalıdır. Logolar, saatler, medya kontrolleri ve rakamlar aynalanmamalıdır. Bu ayrımı yanlış yapmak, Arapça konuşan bir kullanıcıya ürünün onun için yapılmadığının en açık işaretidir.
Düzen de bu farkı karşılamalıdır. Arapça aynı anlam için genellikle İngilizceden daha kısadır ama daha fazla satır yüksekliği ister; bu yüzden tek bir dile göre ayarlanmış bir bileşen diğerinde sıkışık veya boş görünür. Bileşenleri ikisine piksel piksel uydurmak yerine her ikisini de taşıyabilecek şekilde tasarlarız.
Bunu tasarım sistemine işleriz; böylece ekibiniz teslimden sonra da doğru uygulamaya devam eder.
Neler teslim ediyoruz
Geliştiricilerinizin ihtiyaç duyduğu her şey, gerçekten kullanabilecekleri formatlarda.
- Gerçek cihaz boyutlarında, tüm dillerde tam ekran tasarımları
- Boşluk, renk ve yazı değişkenleri tanımlı bir bileşen kütüphanesi
- En önemli akışlar için etkileşimli prototipler
- Durumları, hataları ve istisnaları kapsayan yazılı etkileşim notları
- Kontrast, odak sırası ve etiketler için erişilebilirlik notları
- Geliştiricilerinizle bir devir oturumu ve sonrasında destek
UI/UX soruları
UI ile UX arasındaki fark nedir?
UX ürünün nasıl çalıştığıdır — akış, yapı, bir işi tamamlamanın mantığı. UI ise nasıl göründüğü ve tepki verdiğidir. İkisini de yapıyoruz, çünkü bozuk bir akış üzerindeki güzel bir ekran yine de başarısız olur.
Arapça arayüzleri baştan Arapça olarak mı tasarlıyorsunuz?
Evet. Arapça ekranları en baştan diğer dillerle birlikte tasarlarız; böylece satır uzunlukları, ikon yönü ve düzen dengesi sonunda aynalanmak yerine doğru şekilde ele alınır.
Mevcut geliştiricilerimizle çalışabilir misiniz?
Evet. Belgelenmiş tasarım dosyaları ve bir bileşen sistemi teslim eder, geliştirme sırasında soruları yanıtlamak için hazır oluruz.
Mevcut ürünleri yeniden tasarlıyor musunuz?
Sıklıkla. Birçok proje, halihazırda yayında olan bir şeyin denetimiyle başlar; ardından mevcut kullanıcıları rahatsız etmeyen aşamalı bir yeniden tasarım gelir.
Bir UX denetimi ne kadar sürer?
Analitiğinize ve ürününüze erişim aldıktan sonra genellikle iki ila üç hafta. Daha büyük ürünler ya da yeni kullanıcı görüşmeleri gerektirenler daha uzun sürer ve bunu başlamadan önce söyleriz.
Analitiğimize erişmeniz gerekiyor mu?
İşi çok daha keskin kılar. Analitiğinize ve varsa oturum kayıt aracınıza salt okunur erişim, tahmin yürütmek yerine gerçek kopuş noktalarını bulmamızı sağlar. Onsuz da çalışabiliriz ama bulgular daha zayıf olur.
Her şeyi yeniden mi tasarlayacaksınız?
Genellikle hayır; tam bir yeniden tasarım gerekli değilse bunu söyleriz. Çoğu ürün sıfırdan başlamaktan çok, dört beş belirli ekranı düzeltmekten kazanır.
Deneyiminize bir bakalım
Bize bir bağlantı gönderin; insanları nerede kaybettiğini dürüstçe söyleyelim.