Menülerin Her Yerinde Yayılmış İkonlar — Yardım edin

• Her menü öğesine varsayılan olarak ikon ekleme tasarım alışkanlığı yaygınlaşıyor ve gereksiz görsel gürültüye yol açıyor
• Google Sheets ile macOS Tahoe sürümündeki menü sistemi bunun belirgin örneklerinden; neredeyse tüm menü öğelerine ikon eklenmiş
• Bazı menülerde ikonun olup olmamasına dair net bir ölçüt bulunmuyor ve toggle işaretiyle çakışıp hizalamada karmaşa yaratıyor
• Buna karşılık Finder'daki pencere hizalama menüsü gibi görsel anlamayı kolaylaştıran ikonlar gerçekten yararlı; bu yüzden ikon kullanımında bağlama dair seçim önemli
• Apple'ın geçmişteki kendi arayüz kılavuzlarında “rastgele ikon kullanılmaması” gerektiği ilkesinden vazgeçmiş olması sorunlu

---

Menü İkonlarının Kötüye Kullanımına Eleştiri

• Tüm menü öğelerine ikon ekleme yaklaşımı varsayılan hale gelirken arayüz gereğinden fazla karmaşıklaşmaya gidiyor
  • Google Sheets'in “File”, “Edit”, “View” menülerinde olduğu gibi tüm öğelere ikon eklenmiş
  • Bu yaklaşım, “sadece alan doldurmak için ikon üretme” alışkanlığına dönüşüyor
  • Her menünün bağlamını ve bilişsel yükü (cognitive load) hesaba katmayan basit bir şablonlaştırmadan ibaret
• İkon kullanımı duruma göre dikkatlice seçilmelidir
  • İkonun gerçekten kullanılabilirliği artırıp artırmadığı ya da sadece kafa karışıklığı yarattığı değerlendirilmelidir
  • Sadece “her menüye ikon ekleyelim” yaklaşımı düşünce eksikliğidir

macOS Tahoe'deki Değişim

• macOS uzun süre bu yaklaşımdan uzak durmuşken, macOS Tahoe'de menülerin genelinde ikonlar kullanıldı
  • Apple menüsü, Safari'nin “Safari”, “File”, “View” menülerinde bazı öğelerde ikon var
  • “Settings”te ikon varken “Privacy Report”ta olmaması gibi tutarsızlıklar görülüyor
  • Safari File menüsünde yalnızca bazı gruplara ikon ve girinti uygulanmış, diğerlerine uygulanmamış
• “View” menüsünde check işareti (toggle) ile ikonun birlikte bulunması hizalamayı bozuyor
  • Mail uygulamasının “View” menüsünde de metin, toggle ve ikonun karışımıyla karmaşık bir görsel yapı oluşuyor
  • İkonun niçin eklendiği ya da seçim ölçütünün ne olduğu net değil

İkonun Faydalı Olduğu İstisnalar

• Finder'ın pencere hizalama menüsü gibi sembollerle uzamsal düzeni anında anlamayı sağlayan durumlarda ikonlar büyük verim sunar
  • “Top Left”, “Bottom & Top”, “Quarters” gibi metinlerden çok, görsel düzen ikonları daha hızlı kavrama sağlıyor
  • Bu tip durumlarda ikonlar bilişsel verimliliği artıran olumlu kullanım örneğidir
• Kısaca, ikonlar “varsayılan” değil, durumsal bir tercih olmalıdır

Apple'ın Kılavuzlarıyla Çelişki

• Apple'ın 992, 2005 ve 2020 İnsan Arayüzü Kılavuzlarında “menülere rastgele ikon eklenmemeli” denirdi
  • “Görsel karmaşa yaratıp kullanıcıyı şaşırtabileceği”ne dair bir uyarı da içerirdi
  • O dönemdeki ‘yapılmaması gereken örnekler’, bugünkü macOS Tahoe menüleriyle neredeyse aynı
  • Apple'ın kendi ilkelerine kendisinin aykırı davranması anlamına geliyor

Sonuç

• Menülerin her yanına yayılan aşırı ikonlar görsel gürültü yaratıyor
  • Apple’ın “tüm menülere ikon eklemek” yönüne geçmesiyle, ikonların minimumda tutulmasının gerekçesi savunulması zorlaşıyor
  • “Geçerli bir neden yoksa varsayılan olarak ikon olmamalı”
• Şu an ikonların menüleri kapladığı bir dönemdeyiz; yazar bunu alaycı biçimde “yardım edin” diye ifade ediyor

[wedding]

Sözlü olmayan bir bilgi olduğu için iyi gibi de geliyor..
ama bir yandan da yapay zekanın ürettiği cümleler gibi bir his veriyor..

[ng0301]

Hatta sık kullandığımız uygulamalarda, metinden çok görseli ya da rengi arama eğiliminde oluyoruz. Ekran boyutuna göre hem metin hem simge birlikte gösterilebilir ya da yalnızca simge kullanılabilir, ama genel olarak bulunmasının daha iyi olduğunu düşünüyorum.

[GN⁺]

Hacker News görüşü

• Erişilebilirlik ve yerelleştirme açısından bakıldığında, ikon+metin kombinasyonu en ideal seçenek. Sadece alan doldurmak için ikon kullanmak sorunlu; ama ikon ile metin birbiriyle uyuşmadığında bilişsel yük daha da artıyor. Metnin gizlendiği deneylerde de ikon+metin kombinasyonunun en etkili olduğu görüldü. İkonları tutarlı kullanmak hem görsel hem dil odaklı kullanıcılar için avantajlı ve görüntü alanının dar olduğu ortamlarda da yardımcı oluyor. Sonuçta mesele bence “tasarım maliyetini üstlenmeye istekli olup olmama” meselesi.

  • 3 yıl önce bir inme geçirdikten sonra erişilebilirliğin önemini bizzat hissediyorum. Metin okumakta zorlandığım zamanlarda ikonlar çok yardımcı oluyor.
  • Okuma yazma bilmeyen ya da yavaş okuyan insanlar için ikonlar çok önemli. ABD nüfusunun yaklaşık %20’si okuma yazma bilmiyor; bu insanlar teknolojiyi ikonları ve düğme konumlarını hatırlayarak kullanıyor.
  • İkonlar olduğunda beyin görsel olarak hızlıca arama ve filtreleme yapabiliyor; yalnızca metin olduğundakine göre çok daha verimli. Sadece ikon olduğunda anlamı kavramak zor ama ikisi bir arada olduğunda sanki beynin tamamı çalışıyor.

• Menüde ikon olmasının sebebinin, araç çubuğundaki aynı işleve görsel eşleşme sağlamak olduğunu düşünüyorum. Menüde ikon yoksa bu, araç çubuğunda da yokmuş gibi bir sinyal veriyor.

  • İlk kez Microsoft Office 97’de menülerin yanında ikonlar gördüm. Hem menü hem araç çubuğu özelleştirilebiliyordu ve her öğe ikon+etiketten oluşuyordu.
  • Eskiden menü öğelerini sürükleyip araç çubuğuna taşıyabildiğiniz programlar da vardı.

• Bugünlerde ikon paketleri (Font Awesome, Material Icons vb.) o kadar fazla ki geliştiriciler genelde “en azından benziyor” denebilecek ikonları seçiyor. Bizim ekip de bazen özel ikon üretiyor ama maliyeti yüksek olduğu için çoğu zaman Google’ın devasa kütüphanesinden uygun bir şey bulmakla yetiniyoruz.

• “İkon eklemek için bir neden yoksa varsayılan olarak eklemeyelim” görüşüne karşı, görsel hafızası güçlü kullanıcıların sık kullandıkları menülerin ikonlarını hatırlayarak onları daha hızlı bulabileceğini düşünüyorum. Ben şahsen klavye kısayollarını hatırlayan biriyim; bu yüzden ikonlardan çok kısayol tuşu çakışmaları beni rahatsız ediyor.

  • İkonlar görsel olarak ayırt edilebiliyor ve anlamları açıksa bunun iyi bir fikir olduğunu düşünüyorum. Eski Gmail’de bağlantı ve ek dosya ikonları neredeyse aynıydı ve sık sık karıştırıyordum; yakın zamanda ataç şekline dönmeleriyle durum çok daha iyi oldu.
  • MS Office 97 zamanından beri menülere araç çubuğu ikonları konarak, işlevlerin başka bir yoldan da kullanılabildiğini keşfetmeyi sağlıyordu.

• Verilen örnekte beni en çok rahatsız eden şey, menü bölümleri arasındaki girinti tutarsızlığı oldu. Yalnızca bazı öğelerde ikon varsa sadece o satırlar girintili oluyor, olmayanlar olmuyor; ama onay işareti olduğunda her şeyin girintilenmesi ayrı bir dengesizlik yaratıyor. Apple’dan böyle detayları daha zarif ele almasını beklerdim, o yüzden hayal kırıklığı yarattı.

  • Steve Jobs olsaydı, o menüyü tasarlayan kişinin dizüstü bilgisayarını pencereden dışarı atardı gibi geliyor.

• Eskiden takip ettiğim bir çizer silüet tasarımının önemini vurgulardı; bugünün ikonları da aynı sorunu yaşıyor. AWS panosu, ikonların birbirinden ayırt edilememesi yüzünden tam bir görsel gürültü yaratıyor. Buna karşılık, kart oyunlarında olduğu gibi renk ve biçimi birlikte ayırarak renk körü kullanıcıların da algılayabildiği tasarımlar harika. Google Sheets bu konuda iyi iş çıkarıyor ama diğer örnekler öyle değil.

  • macOS Tahoe, kendine özgü biçime sahip tüm uygulama ikonlarını birer squircle içine hapsetti. İlgili yazı, tasarım kılavuzlarının çöküşü, ikonları geri getirme yöntemi bağlantılarına bakabilirsiniz. Bunun sonucunda macOS’in kullanılabilirliğinin ciddi biçimde düştüğünü hissediyorum.
  • AWS sorunlu ama Atlassian daha da kötü. Tarayıcı sekmelerinin hepsi aynı göründüğü için hangi sekmenin hangi işle ilgili olduğunu ayırt edemiyorsunuz.
  • Son dönemdeki tek renkli ve düşük çözünürlüklü ikon trendi okunabilirliği daha da kötüleştiriyor.

• Google Docs’taki ikon örneğini beğeniyorum. Metni okumadan bile ekleme/silme gibi eylem türlerini hızlıca bulabiliyorsunuz.

  • Ben de benzer hissediyorum. İkonlarla yaklaşık konumu bulup metinle ayrıntılı işlevi doğruluyorum. Bu sayede menü içinde gezinme süresi azalıyor ve bilişsel yük düşüyor.
  • Ama tüm “Add” ya da “Delete” ikonlarının birbirinin aynısı olması sorun. Muhtemelen bir yerlerde “ikonları iyileştirme” bileti bekliyordur.

• Google Docs örneğinde “Insert Link” metnini aramaktan çok bağlantı ikonunu bulmak daha hızlı. Girinti veya hizalama gibi işlevler de standartlaşmış ikonlar sayesinde kolay bulunuyor. Ayrıca İngilizce konuşmayan kullanıcılar için de yardımcı oluyor. Örneğin Japoncası zayıf bir kullanıcı, ikonlar sayesinde istediği işlevi daha kolay bulabilir.

• Ben neredeyse tüm menü öğelerine ikon koyuyorum. Bunun sonucunda zihinsel yorgunluk azalıyor ve seçim daha hızlı yapılabiliyor. Menü ne kadar karmaşıksa, renk ekleyerek duyusal çeşitliliği artırmanın da iyi olduğunu düşünüyorum. Yalnız ikonların mutlaka anlamlı biçimlere sahip olması gerekiyor.

  • Ben ikonların her yerde olmasını istiyorum. Hatta anlam taşımıyor olsalar bile, aynı ikon setindeki “ikinci öğe”yi bulmak metni okumaktan çok daha hızlı.

• Yalnızca bazı öğelerde ikon olduğunda, bunlar özel ya da sık kullanılan işlevler gibi görünüyor. Bana göre bu, her öğede ikon olmasından daha kullanışlı.

  • Bazı uygulamalar menü öğelerine ikon koyarak, aynı işlevi araç çubuğu gibi diğer arayüzlerde de ilişkilendirmenizi sağlıyor. Bir tür ters tooltip gibi çalışıyor. Ama yalnızca belirli öğeleri öne çıkarmak istiyorsanız, ikonlardan ziyade tutarlı görsel ayrım ya da sıralama düzeni daha etkili bence.
  • Sık aranan öğelere dikkat çekmek iyi ama soyut tek renkli ikonlar aşırı kullanılırsa tam tersine bulmayı zorlaştırıyor. Sık kullanılmayan öğeleri yavaşça taramakta sorun yok.