Arayüz Tasarımının Altın Kuralları (2013)

Arayüz tasarımının sekiz altın kuralı

• Tutarlılık hedefleyin: Benzer durumlarda aynı eylem dizisi gerekmeli; istemlerde, menülerde ve yardım ekranlarında aynı terimler kullanılmalı, ayrıca renk, düzen, büyük/küçük harf kullanımı ve yazı tipleri genel olarak tutarlı olmalıdır.
• Evrensel kullanılabilirliği hedefleyin: Farklı kullanıcıların ihtiyaçlarını tanıyın; yeni başlayanlardan uzmanlara, yaş gruplarına, engellilik durumlarına, uluslararası farklılıklara ve teknoloji çeşitliliğine göre tasarlayın.
• Faydalı geri bildirim sağlayın: Kullanıcının her eylemi için arayüz geri bildirimi olmalı; sık görülen ve önemsiz eylemler için kısa tepkiler, nadir ve önemli eylemler içinse daha kapsamlı tepkiler gereklidir.
• Etkileşimli tasarımla tamamlanmışlık sağlayın: Eylem dizilerini gruplar halinde düzenleyin ve grubun tamamlanmasına ilişkin geri bildirim vererek kullanıcıya başarı hissi ve rahatlama sağlayın.
• Hataları önleyin: Kullanıcının ciddi hatalar yapmasını engelleyecek şekilde arayüzü tasarlayın ve hata oluştuğunda basit ve somut kurtarma yönergeleri sunun.
• Eylemlerin kolayca geri alınmasına izin verin: Mümkün olduğunda eylemler geri alınabilir olmalı; böylece kullanıcılar hata yapmaktan korkmadan yeni seçenekleri keşfetmeye teşvik edilir.
• Kullanıcının kontrolünü koruyun: Deneyimli kullanıcılar, arayüzün kendi eylemlerine tepki vermesini ve alıştıkları davranışların değişmemesini ister; gerekli bilgiye ulaşmak zor olduğunda veya istedikleri sonucu alamadıklarında rahatsızlık duyarlar.
• Kısa süreli bellek yükünü azaltın: İnsanların kısa süreli bellekte işleyebileceği bilgi miktarı sınırlıdır; bu nedenle kullanıcının bir ekrandaki bilgiyi hatırlayıp başka bir ekranda kullanmasını gerektiren arayüzlerden kaçınılmalıdır.

GN⁺ görüşü

• Bu yazı, Ben Shneiderman'ın önerdiği arayüz tasarımının temel ilkelerini sunuyor ve bu ilkeler mobil, masaüstü ve web tasarımcıları için iyi bir başlangıç noktası sağlıyor.
• Kullanıcı deneyimini iyileştirmeye yönelik bu ilkeler, kullanıcıların sistemi daha iyi anlamasına ve daha verimli kullanmasına yardımcı oluyor.
• Bu yazı, başlangıç seviyesindeki yazılım mühendislerinin kullanıcı dostu arayüzler tasarlarken başvurabileceği yararlı rehberlik sunuyor.

[GN⁺]

Hacker News yorumları

• Performans, UI tasarımının bir parçası olmasa da sık sık göz ardı edilme eğilimindedir. Performansı kötü olan bir UI, tüm tasarım ilkelerini ihlal eder.

  • Örneğin Sony Android Smart TV şık görünür, ancak UI o kadar yavaştır ki kullanması zordur.

• Kararsız ve sık sık değişen UI da ilkelerin çoğunu ihlal eder. Smart TV'ler, ana ekran düzeni ve uygulama simgelerinin sebepsiz yere sık sık değişmesi gibi nedenlerle bu alanda özellikle kötüdür.

• Etiketsiz simgeler (hatta bazen tooltip bile olmadan) giderek büyüyen bir sorundur. Bir düğmenin ne yaptığını anlamak için Google'da arama yapmak zorundaysanız, UI tasarımı kötüdür.

• Tutarlılığın neden önemli olduğuna dair açıklama.

  • Bu, sınırlı bir renk paleti veya dikkat çekmeyen yazı tipi seçimi gibi belirli ayrıntıların peşinden gitmekle ilgili değildir.
  • Kullanıcının yazılımı ustalıkla kullanabilmesini sağlamakla ilgilidir.
  • Microsoft Office ve (Neo)Vim, UI açısından mükemmel örnekler olmasa da kararlılık bakımından benzersizdir.

• Kavramsal modeli kullanıcıya açık biçimde aktarmak önemlidir.

  • Ürünün kavramsal modelini anlamazsanız, simgeler iyi etiketlenmiş olsa bile her zaman kafanız karışacaktır.
  • UI, kullanıcının arayüzü keşfederek kavramsal modeli çıkarabilmesine olanak verecek şekilde tasarlanmalıdır.

• Kullanıcı yanlış posta kodu girdiğinde, ad-soyad ve adres formunun tamamını yeniden doldurtmak yerine yalnızca hatalı kısmı düzeltmesi için yönlendirilmelidir.

  • Bu, birden fazla sayfaya yayılan formları doldururken de geçerli olmalıdır.
  • Hatalı bir işlem ya arayüz durumunu değiştirmemeli ya da durumu nasıl geri alacağına dair yönergeler sunmalıdır.

• Menü öğelerini devre dışı bırakmak yerine, kullanıcı ilgili komuta tıkladığında komutun neden kullanılamadığını açıklayan bir hata mesajı gösterilmelidir.

  • Kullanıcının komutun neden devre dışı bırakıldığını anlamaya çalışması sinir bozucu olabilir.

• Nielsen'in 10 kullanılabilirlik buluşsal kuralı, UI tasarımı için iyi bir rehber sunar.

  • Bunlara sistem durumunun görünürlüğü, gerçek dünyayla uyum, kullanıcı kontrolü ve özgürlüğü, tutarlılık ve standartlar, hata önleme, hatırlama yerine tanıma, kullanımda esneklik ve verimlilik, minimalist tasarım, hataların fark edilmesi ve kurtarma ile yardım ve dokümantasyon dahildir.

• 2013'ten sonra tutarlılık bozulmaya başladı ve CSS tabanlı UI'ların ortaya çıkışıyla her site ve uygulama kendi UX'ini uygulamaya koydu.

  • 2000'lerin başında Flash popüler olduğunda UX topluluğu tarafından eleştirilen "mystery meat navigation" geri döndü.

• Kullanıcının seçmek üzere olduğu öğe yerine aniden başka bir şeyin belirip yanlış seçim yaptırması özellikle ciddi bir hatadır.

• Arayüz öğeleri, arayüz çizildikten sonra beklenmedik şekilde hareket etmemelidir.

  • Google bu konuda özellikle kötü olsa da tek örnek değildir.

• Bariz biçimde ütopik altın kurallar üzerine tartışma.

  • Geliştiricilerin çoğu, bu kuralların sık sık ihlal edildiği arayüzlerde çalışma deneyimi yaşamıştır.
  • Bunun nedeni bu kuralların anlaşılmaması değil, o anda maliyetin fazla yüksek olmasıdır.
  • Örneğin geri alma özelliği, ancak uygulamanın altındaki veri yapıları buna göre inşa edilmişse mümkündür. Hataları önlemek de neyin hata olduğunu tam olarak belirlemenin zor olması nedeniyle güçtür; kullanıcıya kendi diliyle kusursuz geri bildirim vermek ise daha da karmaşıktır.