- Metin etiketlerini (text labels) güçlü biçimde savunuyor
- Modern arayüzlerde ikonlar aşırı fazla kullanılıyor ve bu da kullanıcıların ikonların anlamını yorumlamak için çok fazla bilişsel kaynak harcamasına neden oluyor
- Bunun sonucunda iş hızı yavaşlıyor ve verimsiz deneyim tekrar tekrar yaşanıyor
- Anlamı yalnızca ikonlarla aktarmak kolay değil ve çoğu ikon metin etiketi olmadan eksik kalıyor
# İkonların yarattığı sorunlar
1. Çoğu ikon anında net bir anlam iletemez
- “İyi bir ikon”un anlamı yeterince aktarabileceği iddia edilse de, pratikte herhangi bir ikonu yorumlamak bilişsel yük getirir
- Örneğin, "çöp kutusu ikonu" nispeten açık biçimde Sil(Delete) anlamına gelirken, "kalem ikonu" belirsizdir
- Yazma? Düzenleme? Çizme? Oluşturma?
- Bağlam(Context) anlamı tamamlayabilir, ancak bu da yine ek bilişsel yük gerektirir
2. Arayüzdeki ikon sayısı arttıkça gezinmek zorlaşır
- İşlev sayısı arttıkça yalnızca ikonlarla ayrım yapmak zorlaşır.
- 5-7 işleve kadar ikonlarla ayırt etmek mümkün olabilir, ancak sayı 15-20 olduğunda kaydet/paylaş/düzenle/oluştur gibi benzer ikonların birbiriyle karışma ihtimali büyür.
- Benzer işlevlere sahip ikonlar arasındaki ayırt edicilik zayıfladıkça okunabilirlik düşer.
3. İkonların anlamı çoğu zaman yalnızca belirli bir arayüz içinde geçerlidir
- Kullanıcılar farklı arayüz ortamları (web tarayıcısı, işletim sistemi, uygulamalar vb.) arasında geçiş yaparak çalışmak zorundadır
- Bir arayüzde kullanılan bir ikon, başka bir ortamda tamamen farklı bir anlama sahip olabilir
- Özellikle standart ikon setleri (Google Material Design vb.) kullanıldığında, aynı ikon farklı anlamlarda kullanılırsa kafa karışıklığı daha da artar
# Metin etiketlerinin arayüze sağladığı faydalar
1. Yalnızca metin bile daha verimlidir
- Beynimiz kelimeleri hızlı tanıyacak şekilde optimize edilmiştir.
- Tanıdık kelimeler harfleri tek tek okumadan anında anlaşılabilir
- Buna karşılık çoğu ikon, yeni bir görsel dil öğrenmeyi gerektirdiği için daha fazla çaba ister
- Metin listeleri yukarıdan aşağıya okunabilirken, yalnızca ikon olduğunda yatay ve dikey olarak dönüşümlü tarama yapmak gerekir.
- Özellikle mobil ortamda benzer görünümlü ikonlar art arda sıralandığında görsel karmaşa büyür.
2. Metin, ikonları daha verimli hâle getirir
- Metin etiketi eklendiğinde:
- İkonun anlamı daha netleşir ve gezinme hızlanır
- Tasarımcının tüm anlamı tek bir ikonla aktarma yükü azalır.
3. İkonlar, metin merkezli arayüzlerde önemli bir görsel unsur olabilir
- İkonlar görsel çıpa (visual anchor) görevi görür ve metinle birleştiğinde en etkili arayüzü sunar
İkon ve metin arasında denge kurmak
- İkonlar ile metin etiketleri arasında seçim yaparken, kullanıcının bilişsel yükü dikkate alınmalıdır.
- Yalnızca ikonlardan oluşan bir UI, ilk bakışta temiz görünebilir; ancak kullanıcıya yorumlama yükü bindirerek verimsiz olabilir
- Mükemmel ikonu bulmak çözüm değildir.
→ Önemli olan, ikon ve metni birleştirerek en iyi deneyimi sunmaktır.
# En iyi UI tasarımı için temel ilkeler
- Her şeyi yalnızca ikonlarla ifade etmeye çalışma.
- Metin etiketleri eklemek okunabilirliği ve erişilebilirliği artırır.
- İkonlar ile metin rakip değil, birbirini tamamlayan unsurlardır.
- Uygulamanın ya da web sitesinin genel dijital ortam içinde nasıl kullanıldığını hesaba kat.
- Arayüzü, kullanıcının onu ‘yorumlamasını’ değil, ‘anında anlamasını’ sağlayacak şekilde tasarla.
Sonuç: Önemli olan "güzel görünen UI" değil, "anlaşılması kolay UI"dır
- Yeni ikonlar üretme ya da metin etiketlerini kaldırma isteği doğduğunda, bunu bir kez daha düşünelim.
- Gerçekten temiz bir tasarım, "basit görünmek" değil, "kolay anlaşılır olmak"tır.
3 yorum
İkonlar yalnızca tek bakışta anlaşılabildiği durumlarda kullanılmalı; ayrıca uzun basıldığında yardımcı metni gösteren bir özelliğin de mutlaka gerekli olduğu görünüyor.
Yalnızca ikon kullanılan durumları son derece sınırlıyoruz.
ChevronLeftsol üstte,Vertical3Dotssağ üstte)BellOffikonu)** Müşteri özellikle istiyorsa haha;
Hacker News görüşleri