Web Tasarım – Kullanıcı arayüzü tasarımında 7 önemli kural

0

Kendi web sitenizi tasarlatmak isteyen bir marka sahibi veya web tasarımı yapan biri misiniz? Cevabınız her iki sorudan birine evet ise bu cevap, ya bir kullanıcı arayüzü tasarımcısı olduğunuzu ya da bugünlerde böyle bir tasarımcıya ihtiyaç duyacağınızı gösterir. Çünkü artık web tasarımda kulanıcı arayüzü tasarımcılığının önemi herkes tarafından kabul edildi. Günümüz web tasarımında kullanıcı deneyimini önemsememek kesinlikle mümkün değil.

Günümüzde iletişim formu ve gezinme dışında bir özelliği bulunmayan web siteleri, rakipleriyle rekabet edebilmeleri için yeni teknolojilerle birlikte daha dinamik ve özelleştirilmiş deneyim sağlayabilmek adına kendilerini yenilemek mecburiyetinde kalacaktır. Bu da kesinlikle daha fazla kullanıcı arayüzü çalışması anlamına gelir. Haydi gelin, kullanıcı deneyimini iyileştirmek için gerekliliklerin neler olduğuna birlikte bakalım.

1. Açıklık kuralı

Kullanıcılar açık bir anlamı olmayan arayüz elemanlarından kaçınacaklardır. İnsanlar, anlamadıkları şeyleri çoğu zaman görmezden gelir – bu temel insan doğasından kaynaklanır. İnsanların ne işe yaradığını bir çırpıda çözemeyecekleri arayüz elemanları tasarlamayın çünkü kimse bu öğelerin ne işe yaradığı öğrenmekle zaman harcamak istemez. Web tasarımda en küçük detayların dahi ziyaretçilerde yaratacağı etkiler düşünülmelidir.

2. Eylemin doğrultusu kuralı

Kullanıcılar web sitesine girdiklerinde nereye girecekler, nasıl ilerleyecekler, nasıl bir eylem yapacaklar…  Web tasarımı yapmadan önce kullanıcıların eylemleri düşünülmedir. Web tasarım sadece estetik bir sayfa hayal etmek değil, kullanıcıların davranışlarını düşünmektir. Kullanıcılar eylemin doğrultusunun ne olduğunu anladıklarında daha rahat hissedeceklerdir.

C:\Users\selda\AppData\Local\Microsoft\Windows\INetCache\Content.Word\01-law-of-clarity.jpg

Yukarıdaki eski Twitter ekranına bakın. Yeni kullanıcıların, ne yapmaları gerektiğini anladıklarını düşünüyor musunuz? Tweet atmaları gerekiyor. Fakat sağ üst köşedeki “Yeni tweet oluştur” düğmesi çok net değil (açıklık kuralına bakınız) ve sol kenar çubuğundaki giriş kutusu site kompozisyonunda oldukça kafa karıştırıcı. Twitter kullanıcılarından bir şey aramalarını ya da sol taraftaki gezinme menüsündeki seçenekleri kullanmalarını istediği görülüyor çünkü bu arayüz öğeleri göze ilk çarpan kısımda yer alıyor.

Kullanıcılar bir web sitede ne yapacakları konusunda asla kararsız olmamalılar. Yapmalarını istediğimiz eylemlerin doğrultusu açık olmalıdır. Web tasarım aşamasında bu doğrultunun ne olacağı şekillenmelidir.

3. Bağlam kuralı

Kullanıcılar kontrol etmek istedikleri nesneye yakın arayüz kontrolleri görmeyi bekler. Bir örnekle ne demek istediğimizi anlatalım: Yeni işinizi Facebook’ta nasıl düzenliyorsunuz? Sağ üst köşedeki Ayarlar’a gidip, Hesap ayarları’nı tıklayıp, Meslek’e ve oradan da Düzenle’ye giderek… LinkedIn’de aynı şeyi nasıl yapıyorsunuz? Adınızın yanındaki kaleme tıklayarak…

Kullanıcılar her zaman kontrol etmek istedikleri nesne bağlamında arayüz elemanlarını görmeyi beklerler. Bu, gerçek hayatta da karşımıza çıkar. Yumurta haşlamak istediğinizde ocağın başına gidersiniz ve cihazdaki alevli tuşa dokunursunuz.

Web tasarım farklı bir amaç yoksa bağlam kuralına sıkı sıkı bağlı kalmalıdır.

4. Varsayılanlar kuralı

Kullanıcılar varsayılan ayarları nadiren değiştirir.

Yukarıdaki zil sesine aşina mısınız? Bir zamanlar cep telefonlarındaki en popüler zil sesiydi. Peki neden? Çünkü bu ses varsayılan zil sesiydi ve çoğu insan bunu hiç değiştirmedi.

Varsayılan değerler güçlüdür:

  • Çoğu insanın telefonlarında varsayılan arka plan ve zil sesi vardır.
  • Çoğu kişi, elektronik araçlarında fabrika ayarlarını asla değiştirmez.
  • Çoğu insan varsayılan buzdolabı ısısını asla değiştirmeyecektir.

Varsayılanları fark etmiyoruz, ama dünyamızı yönetiyorlar. Bu nedenle, web tasarımda da tüm varsayılan değerlerin mümkün olduğunca kullanışlı ve pratik olduğundan emin olun.

5. Kullanıcı rehberliği kuralı

Kullanıcıların kendi kendilerine bir şeyler yapmalarını beklemekle, özellikle bir şeyler yapmalarını istemek arasında büyük fark vardır.

C:\Users\selda\Desktop\04-law-of-guided-action.jpg

LinkedIn, profil sayfalarının hemen yukarısında harekete geçirici call to action banner’lar oluşturdu. Bu banner’lar, insanların bir şeylere onay vermeyi sevdikleri bilgisiyle birleşerek büyük başarı kazandı. Buradan da kullanıcıların bir şey yapmasını istiyorsak, onlara soru sorabileceğimizi öğrenmiş olduk. Web tasarım insan davranışları ve psikolojisiyle yakından ilgilidir.

6. Geri bildirim kuralı

Net ve sürekli geri bildirim sağladığınızda kullanıcılar daha iyi hissedeceklerdir.

C:\Users\selda\Desktop\05-law-of-feedback1.jpg

Bu basit bir mantıktır – Ara yüzünüz bir aksiyonla ilgili kullanıcılarla daha fazla iletişime geçtiğinde kullanıcılar da daha iyi hissederler.

Gmail, iyi geri bildirim için mükemmel bir örnektir. ‘’Daha fazla bilgi edinin’’ ve ‘’Geri alma’’ bağlantıları da dahil olmak üzere, yapılan her işlem için net bir bildirim alınmasını sağlar. Bu da insanlara kontrollü olduklarını hissettirerek ürünü tekrar kullanmaları için güven verir. Web tasarım yaparken geri bildirim konusunda da çözümler üretmek ve web tasarım sürecinde bildirimler için de zaman ayırmak gereklidir.

7. Hareket kuralı

Kullanıcı, daha küçük adımlar attığında karmaşık bir işlemi gerçekleştirmesi daha kolaydır.

C:\Users\selda\Desktop\06-law-of-easing.jpg

Soldaki formu sağdaki ile karşılaştırın. Her ikisinde de benzer sayıda alan var, ancak sağ taraftakinin doldurulması çok daha kolay.

Hepimiz uzun, karmaşık formları doldurmaktan nefret ediyoruz çünkü sıkıcı ve doldurması zor görünüyorlar. Ancak formu birkaç adıma bölerseniz ve bir ilerleme çubuğu koyarsanız işler oldukça değişir. İnsanlar tek ve büyük bir iş yerine 10 küçük görevi tercih edeceklerdir. Küçük görevler korkutucu değildir ve bunlar tamamlandıktan sonra insanlara başarmışlık hissi verir.

Kullanıcı arayüzü tasarımı hassas ve sorumluluk isteyen bir görevdir. Yukarıdaki kurallar bunu daha iyi yapmanıza yardımcı olacaktır. Fakat bu kuralları kırmak isterseniz çok iyi bir nedeniniz olduğundan emin olun.

Share.

Leave A Reply