Kullanıcı Arayüzü Tasarlarken Unutmamamız Gerekenler
3 min readJan 10, 2017
--
- Sistem durumunuz görünür olsun.
Kullanıcıyı o an yaptığı aksiyon ile ilgili onu bilgilendirmelisin. Örneğin kulllanıcı fotoğrafların yüklenmesini bekliyorsa, bulunduğu ekrana fotoğraflar yükleniyor bilgilendirmesini yazmalısın. - Çok teknik olmayın, günlük dil kullanın.
Bilgilendirmelerde kullanıcı dilinde olun. Örneğin kullanıcının üyelik bilgileri D950 tablosunda tutuluyor ise profilinde değişiklik yaptığında kullanıcıya “D950 tablonuz güncelleniyor” yerine, “Profil bilgileriniz güncelleniyor” diyebilirsin. - Hata mesajlarınız anlaşılır ve yönlendirici olsun.
Index hatası gibi teknik hata terimleri kullanmamaya özen göstermelisin. Örneğin; şifresini hatalı giren kullanıcıya “Hata! Eksik/yanlış giriş yaptınız.” gibi cümleler kurup hatanın ne olduğunu anlatmayan ve anlatım bozukluğu olan cümleler kurmayın. Bunun yerine “Geçersiz bir e-posta adresi girdiniz, lütfen e-mailini kontrol edip tekrar dene”, “Bu e-mail adresi ile üyelik bulunamadı” mesajı ile birlikte üye ol butonu ekleyebilirsiniz böylece hem doğru bilgiyi vermiş hem de yönlenlendirmiş olursun.
- Hata mesajı iyileştirmek yerine hataya yer bırakmayacak bir ürün akışı çizmeye özen gösterin.
Ürünü iyileştirip, kullanıcının hata yapmasını engelleyin. Kullanıcılarınız, üyelik formu doldururken eksik bilgi girdiniz gibi hataları elbette ki alacaktır. Burada engelleyemeceğiniz durumlardan bahsetmiyorum. Kullanıcı üyelik formu doldururken numara gireceği alana text yazdığında ona “Lütfen rakam giriniz” hata mesajını çıkarmayın. Bunun yerine rakam girilecek alanlarda numerik klavyeyi açık getirin, o input için klavyeyi normal mod’a getirmesini de kitleyin. Böylece istese de rakam yerine harf giremeyecektir :) - Standartlara uygun kelimeler olsun.
Örneğin her yerde bir sonraki aksiyon için “Devam Et” kullanılıyorsa sen “Sonraki” yazma. Herkes hata pop-up’larının başına Hata! yazarken sen gidip Ooooopss! yazmamalısın! :)
- Kullanıcı kendini her zaman rahat hissetsin.
Herhangi bir durumda exit butonu ile uygulamadan çıkış yapabilsin. - Kullanıcının balık hafızası oldugunu unutmayın ve recall (yeniden isimlendirme) yapın.
Örneğin harita kullanarak bir aksiyon alıyorsa, Şimdi buradasın demeyi ihmal etmeyin, nereden geldiğini de geri döneceği butona yazın (Back demek yerine Listeye Dön diyerek kullanıcıya o adıma listeden geldiğini hatırlatın). Akış tasarlarken her daim kullanıcının balık hafızalı olduğunu bir kenara not alın :)
- Esnek olun.
Herkese hitap etmeyi deneyin. Bu birçok uygulama için çok zor bir durum ama yapabiliyorsanız her kullanıcıya hitap etmeye çalışın. Bunun için de kullanıcılarınızın segmentini iyi tanıyın ve ona göre aksiyon alın, biliyorsunuz ki en başarılı firmalar kullanıcılarına kişiselleştirme deneyimi (kullanıcıya özel olduğunu hissettir) sunanlar. Biraz fazla derine girmiş olabilirim aslında ilk etapta şunu yapsanız yeterli: iki tip kullanıcınız var diyelim. Biri advanced biri basic olsun. Basic kullanıcı kitlesine her butona erişimi kolaylaştırıp, tüm aksiyonları alabilmesini sağlarken, Advance kullanıcılarınız için hızlı erişim şekli örneğin hot keys ekleyebilirsiniz. Sadece basic kullanıcıya hitap edip, advance kullanıcının sıkılmasına izin vermeyin. Kıssadan hisse, Hızlandırıcı menünüz de olsun ama basic kullanıcı da aradığını bulabilsin. - Estetik ve minimal olun.
Çok klişe olacak ama “Simple is the best” felsefesini benimseyin. Gereksiz olan herşeyden uzak olun, aksiyon ve akış için ne gerekiyorsa sayfada sadece o elementler olsun. - Yardım ve dökümantasyon menünüz olsun ve kullanıcıyı her zaman yönlendirebilin.
Kullanıcınız aradığını bulamadığında dökümanınızı açtığında yönlendirme bulabilmeli. Dökümanın uzun metinler içermesindense yönlendirme linki içermesi daha makbuldur. Yardım menüsüne girdiğinde de bunun için şurayı tıklayın, şunun için şuna diye uzun cümleler sarfetmeyin; aradığına en kısa yoldan nasıl erişim sağlayabileceğini kullanıcıya doğru bir dil ile sade bir biçimde anlatın.
