Kat 02 · Web
UI/UX tasarım hizmeti. Net ekranlar, daha az soru.
UI/UX tasarım, bir ürünün nasıl çalıştığını ve nasıl göründüğünü şekillendirme işidir: kullanıcının önce ne gördüğü, bir işi nasıl bitirdiği ve nerede takıldığı. yop, Tallinn, Estonya'da uygulamalar, SaaS ürünleri ve web siteleri tasarlar; araştırma ve wireframe'den geliştiricilerin üzerine kurabileceği bir tasarım sistemine kadar. Kendi ürünlerimizi de tasarlayıp yayına alıyoruz.
UI ve UX
UI tasarım ve UX tasarım: hangisi neyi kapsar?
UX tasarım, yani kullanıcı deneyimi tasarımı, ürünün nasıl çalıştığıdır: kullanıcının attığı adımlar, her ekrandaki bilgi, kararların sırası ve bir şey ters gittiğinde ne olduğu. UI tasarım ise görünüm ve histir: düzen, tipografi, renk, düğmeler, durumlar ve hareket. İyi UX ile zayıf UI güven vermez; iyi UI ile zayıf UX göze hoş gelir ama yine de kullanıcı kaybettirir.
İkisini de, bu sırayla yaparız. Bir akış, renk eklenmeden önce gri bir wireframe olarak test edilir; çünkü akışı o aşamada değiştirmek ucuzdur, geliştirmeden sonra değildir.
- Araştırma. İnsanların nerede zorlandığını bulmak için görüşmeler, analitik ve oturum kayıtları.
- Yapı. Bilgi mimarisi, kullanıcı akışları ve wireframe'ler.
- Arayüz. Görsel tasarım, bileşenler, durumlar ve erişilebilirlik.
- Teslim. Geliştiricilerin üzerine kurabileceği bir tasarım sistemi ve notlu dosyalar.
Kendinizi test edin
Ürününüzün UX'e ihtiyacı olduğunu gösteren işaretler.
Son bir ayda gördüklerinizi işaretleyin. Her biri, izini bir ekrana kadar sürebileceğimiz bir belirti.
0/ 6
Henüz işaret yok. Gördüklerinizi seçin.
Bir işaret: çoğu zaman düzeltilecek tek bir ekran ya da etiket.
Bir örüntü var. Kısa bir UX denetimi nereden başladığını gösterir.
Ürün kullanıcı kaybediyor. Ana akışlarda araştırmayla başlayın.
Neler tasarlıyoruz
Üzerine kurulabilecek altı çıktı.
UX denetimi
Mevcut ürününüzü ya da sitenizi kullanılabilirlik ve erişilebilirlik açısından test eder, sorunları kullanıcıya verdiği zarara göre sıralarız.
Kullanıcı araştırması
Gerçek kullanıcılarla kısa görüşmeler ve testler; analitikten de insanların yarıda bıraktığı noktalar çıkarılır.
Wireframe ve akışlar
Her ana görev griyle adım adım çizilir; görsel stil başlamadan mantık üzerinde anlaşılır.
Tıklanabilir prototip
Kullanıcıların ve ekibinizin dizüstünde ve telefonda tıklayarak gezdiği bir Figma prototipi.
Arayüz tasarımı
Markanıza uygun ekranlar; her durum çizilir: boş, yükleniyor, hata ve başarılı.
Tasarım sistemi
Figma'da koda eşlenmiş bileşenler, token'lar ve kurallar; yeni ekranlar tutarlı kalır.
Deneyin
Üç menü, tek görev.
Ağaç testi insanlara bir görev ve yalnızca menüyü verir, tasarım yoktur. Tıklamaları, etiketlerin anlaşılır olup olmadığını gösterir. Bir kullanıcının üç sürümü denemesini izleyin.
Ağaç testinin bir illüstrasyonu. Gerçek bir test aynı görevi bir grup kullanıcıya verir ve her yolu kaydeder.
Görev
İade koşullarını nerede okursunuz?
Tıklama 4
Bulunamadı
Eski etiketler: dört tıklama, kullanıcı vazgeçer.
Nasıl ilerler
İşleyen ekranlara dört adım.
Anlamak
Hedefleri, kullanıcıları ve mevcut ürünü görüşmeler, analitik ve denetimle tanırız.
Yapı
Ana görevler için akışlar ve wireframe'ler; sizinle gözden geçirilir, birkaç kullanıcıyla test edilir.
Tasarım
Markanıza uygun arayüz, tüm durumlarıyla, tıklanabilir prototip olarak.
Teslim
Tasarım sistemi ve notlu dosyalar; geliştirme sırasında da geliştiricilerle birlikte çalışırız.
Yaygın inanışlar
Ürünlere kullanıcı kaybettiren tasarım yanılgıları.
Neredeyse her ilk toplantıda karşılaştığımız üç inanış. Her biri mantıklı görünür, her biri ürünü kullanmayı zorlaştırır.
Sık duyduğumuz
“Kullanıcılar talimatları okur.”
Gördüğümüz
Nadiren okurlar. Bir ekran kılavuz gerektiriyorsa sorun ekrandadır; açıklamayı net etiketler ve mantıklı varsayılanlar yapmalı.
Sık duyduğumuz
“Kullanıcı testini yayından sonra yaparız.”
Gördüğümüz
Yapabilirsiniz, ama o noktada her değişiklik kod demektir. Bir prototipte tıklayan birkaç kişi, düzeltmenin Figma'da dakikalar sürdüğü aşamada en kötü sorunları bulur.
Sık duyduğumuz
“Erişilebilirlik birkaç kullanıcıyı ilgilendirir.”
Gördüğümüz
Kontrast, odak durumları ve net etiketler herkese yardım eder: güneşli bir sokakta, yavaş bir telefonda, bir eli doluyken. AB'de Avrupa Erişilebilirlik Yasası da birçok dijital ürün ve hizmet için bunu yasal bir yükümlülük yapıyor; Avrupa'daki kullanıcılara hizmet veriyorsanız bu sizi de ilgilendirebilir.
Karşılaştırma
Her aşama neye cevap verir?
| UX araştırması, UX tasarım ve UI tasarım karşılaştırması | UX araştırması | UX tasarım | UI tasarım |
|---|---|---|---|
| Soru | Kullanıcının neye ihtiyacı var, nerede zorlanıyor? | Ürün nasıl çalışmalı? | Nasıl görünmeli, nasıl hissettirmeli? |
| Çıktı | Bulgular ve öncelikler | Akışlar, wireframe'ler, prototip | Ekranlar, bileşenler, tasarım sistemi |
| Tipik süre | Birkaç günden birkaç haftaya | Haftalar | Haftalar |
| yop'ta | Var | Var | Var |
Başlangıç
Bir UX denetiminin ilk iki haftası.
Denetim genellikle ilk adımdır ve bilerek kısa tutulur. İlk görüşmeden sıralı bir düzeltme listesine kadar ilk iki hafta böyle geçer.
1. gün
Başlangıç
Hedefler, kullanıcılar ve en önemli akışlar tek görüşmede netleşir. Siz analitiği ve varsa kayıtları paylaşırsınız.
2–5. gün
Bakmak ve dinlemek
Analitik, oturum kayıtları ve destek talepleri incelenir, birkaç kullanıcıyla görüşülür.
2. hafta
Test
Ana görevler gerçek kullanıcılar tarafından canlı ürününüzde ya da hızlı bir prototipte denenir.
10. gün
Bulgular
Sıralı bir sorun listesi; her biri ekranı, kanıtı ve önerilen düzeltmesiyle.
Birden çok dil
Birden çok dil için arayüz tasarlıyor musunuz?
Evet. Metin uzunluğu dilden dile değişir: Almanca etiketler uzar, Türkçe metinler de çoğu zaman İngilizceden uzun çıkar, Arapça ise sağdan sola okunur ve bütün düzeni aynalar. Esneyen, satır atlayan ve yön değiştiren bileşenler tasarlar; teslimden önce ana ekranları en uzun dilde ve sağdan sola okunan dilde test ederiz.
Böylece çevrilen bir düğme sığmadığında ya da sağdan sola bir sayfa dağıldığında yapılacak düzeltme turuna gerek kalmaz.
Ürününüz
Kullanıcıların takıldığı ekranı gösterin.
Bir bağlantı ya da birkaç ekran görüntüsü gönderin. İki iş günü içinde kuruculardan biri, ilk neyi test edeceğimizi yazar.
Sorular
Tasarım hakkında sorulanlar.
UI/UX tasarım hizmeti neleri kapsar?
UI/UX tasarım hizmeti, dijital bir ürünün nasıl çalışacağını (UX) ve nasıl görüneceğini (UI) planlar: araştırma ve wireframe'den görsel tasarıma, prototipe ve tasarım sistemine kadar. yop bunu uygulamalar, SaaS ürünleri ve web siteleri için yapar.
UI UX tasarım fiyatları neye göre değişir?
Fiyat, işin hangi aşamaları kapsadığına göre değişir: bir denetim, bir dizi akış ya da tam bir tasarım sistemi. yop her aşama için kısa bir keşif görüşmesinden sonra sabit fiyat verir.
Bir UI/UX tasarım projesi ne kadar sürer?
Bir denetim birkaç gün, en fazla iki hafta sürer. Bir ürünün ana akışlarını ve arayüzünü tasarlamak genellikle birkaç hafta alır; çok rollü büyük ürünlerde daha uzun.
Sonunda elimize ne geçer?
Her ekran ve durumuyla Figma dosyaları, tıklanabilir bir prototip ve bileşenleri ile geliştirici notlarını içeren bir tasarım sistemi. Tüm dosyalar şirketinizindir.
Tasarımlarınız erişilebilir mi?
Evet. yop WCAG 2.2 AA'ya göre tasarlar: kontrast, odak durumları, yazı boyutları, etiketler ve klavye kullanımı teslimden önce kontrol edilir.
Tasarladığınızı geliştirebilir misiniz?
Kaç kullanıcıyla test yapıyorsunuz?
Görev bazlı testlerde genellikle tur başına beş ila sekiz kişiyle; bu, insanların çoğunu durduran sorunları görmeye yeter. Sonda tek büyük bir test yerine, aralarda düzelterek birkaç küçük tur yapmayı tercih ederiz.
Kat 02 · Web
Web katındaki diğer odalar
İhtiyacınız olan her dilde satış yapan hızlı siteler ve online mağazalar.
Ekibinizin düzenlediği hızlı siteler ve web uygulamaları.
Ekibinizin düzenlediği, çok dilli WordPress siteleri.
Yurt dışına satan, gönderen, stoğu güncel mağazalar.
Tıklamayı talebe çeviren, yabancı dilde tek teklif sayfası.
Güncelleme, yedek, güvenlik ve küçük işler; her dilde.
Daha hızlı sayfa, geçilen test, daha az kayıp ziyaretçi.