Ikon yang Menyebar di Seluruh Menu — Tolong

• Praktik desain yang menjadikan ikon sebagai bawaan di setiap item menu makin meluas, dan ini menimbulkan kebisingan visual yang tidak perlu
• Sistem menu di Google Sheets dan macOS versi Tahoe adalah contoh representatif, dengan ikon ditambahkan ke hampir semua item menu
• Di beberapa menu, dasar ada atau tidaknya ikon tidak jelas, bertumpang tindih dengan penanda toggle, dan menimbulkan kekacauan perataan
• Sebaliknya, ikon yang membantu pemahaman visual, seperti pada menu pengaturan jendela di Finder, berguna sehingga penilaian kontekstual dalam penggunaan ikon itu penting
• Masalahnya adalah Apple meninggalkan prinsip lama dalam panduan antarmuka internalnya sendiri yang mengatakan “hindari penggunaan ikon secara sembarangan”

---

Kritik terhadap penyalahgunaan ikon menu

• Pendekatan menempelkan ikon ke semua item menu menyebar menjadi default, dan antarmuka pun menjadi terlalu kompleks
  • Di menu “File”, “Edit”, dan “View” Google Sheets, semua item diberi ikon
  • Pendekatan seperti ini mendorong kebiasaan membuat “ikon untuk memenuhi ruang”
  • Ini tak lebih dari penyeragaman template yang mengabaikan konteks tiap menu dan beban kognitif (cognitive load)
• Penggunaan ikon harus dipilih dengan hati-hati sesuai konteks
  • Perlu dinilai apakah ikon benar-benar meningkatkan usability atau justru menimbulkan kebingungan
  • Pendekatan sekadar “mari taruh ikon di semua menu” menunjukkan kurangnya pemikiran

Perubahan di macOS Tahoe

• macOS sudah lama menjaga jarak dari pendekatan ini, tetapi di macOS Tahoe ikon diperkenalkan di seluruh menu
  • Di menu Apple, serta menu “Safari”, “File”, dan “View” di Safari, hanya sebagian item yang menampilkan ikon
  • Tidak ada konsistensi, misalnya “Settings” punya ikon tetapi “Privacy Report” tidak
  • Di menu File Safari, hanya beberapa grup yang mendapat ikon dan indentasi, sementara grup lain tidak
• Di menu “View”, tanda centang (toggle) dan ikon muncul bersamaan sehingga perataannya kacau
  • Di menu “View” aplikasi Mail juga, teks, toggle, dan ikon bercampur dan membentuk struktur visual yang rumit
  • Alasan keberadaan ikon maupun dasar pemilihannya tidak jelas

Pengecualian saat ikon berguna

• Dalam kasus seperti menu pengaturan jendela di Finder, ketika simbol dapat langsung membantu memahami susunan ruang, ikon memberi efisiensi besar
  • Dibanding teks seperti “Top Left”, “Bottom & Top”, dan “Quarters”, ikon tata letak visual memberi pemahaman seketika
  • Dalam kasus seperti ini, ikon adalah contoh penggunaan positif yang meningkatkan efisiensi kognitif
• Artinya, ikon seharusnya bukan “default”, melainkan pilihan berdasarkan situasi

Bertentangan dengan panduan Apple

• Dalam Human Interface Guidelines Apple tahun 1992, 2005, dan 2020, tertulis “jangan gunakan ikon secara sembarangan di menu”
  • Termasuk peringatan bahwa ini “dapat menimbulkan kekacauan visual dan membingungkan pengguna”
  • Contoh ‘yang tidak boleh dilakukan’ dalam panduan saat itu mirip dengan menu macOS Tahoe saat ini
  • Ini berarti Apple melanggar prinsipnya sendiri

Kesimpulan

• Ikon yang berlebihan di seluruh menu menimbulkan kebisingan visual
  • Saat Apple beralih ke arah “menaruh ikon di semua menu”, menjadi lebih sulit meyakinkan orang untuk meminimalkan ikon
  • “Jika tidak ada alasan yang sah, default seharusnya tanpa ikon”
• Saat ini digambarkan sebagai era ketika ikon menutupi menu, dan secara satir diekspresikan dengan “tolong”

[wedding]

Rasanya bagus juga karena ini informasi nonverbal..
tapi.. rasanya juga seperti kalimat yang dibuat oleh AI..

[ng0301]

Untuk aplikasi yang lebih sering digunakan, justru orang cenderung mencari gambar atau warna ketimbang teks. Tergantung ukuran layar, apakah akan memakai tampilan paralel atau hanya ikon bisa berbeda, tetapi secara umum menurut saya lebih baik jika ikon ada.

[GN⁺]

Komentar Hacker News

• Dari sudut pandang aksesibilitas dan lokalisasi, kombinasi ikon+teks adalah yang paling ideal
  Penggunaan ikon hanya untuk mengisi ruang memang bermasalah, tetapi jika ikon dan teks tidak selaras justru beban kognitif meningkat
  Bahkan dalam eksperimen saat teks disembunyikan, kombinasi ikon+teks terbukti paling efektif
  Penggunaan ikon yang konsisten menguntungkan baik pengguna visual maupun linguistik, dan juga membantu di lingkungan dengan viewport sempit
  Pada akhirnya, menurut saya masalahnya adalah soal “apakah ada kemauan untuk mengeluarkan biaya desain”

  • Sejak mengalami stroke 3 tahun lalu, saya benar-benar merasakan pentingnya aksesibilitas
    Saat sulit membaca teks, ikon sangat membantu
  • Bagi orang yang buta huruf atau lambat membaca, ikon sangat penting
    Sekitar 20% populasi AS buta huruf, dan mereka menggunakan teknologi dengan mengingat ikon dan posisi tombol
  • Dengan adanya ikon, otak bisa mencari dan memfilter secara visual dengan cepat, jauh lebih efisien dibanding saat hanya ada teks
    Kalau hanya ikon saja sulit memahami maknanya, tetapi jika keduanya ada rasanya seluruh otak ikut bekerja

• Saya rasa alasan ada ikon di menu adalah untuk pencocokan visual dengan fungsi yang sama di toolbar
  Jika tidak ada ikon di menu, itu menjadi sinyal bahwa toolbar juga tidak memilikinya

  • Saya pertama kali melihat ikon di samping menu di Microsoft Office 97
    Menu dan toolbar sama-sama bisa dikustomisasi, dan setiap item terdiri dari ikon+label
  • Dulu juga ada program yang memungkinkan item menu diseret ke toolbar

• Belakangan ini ada terlalu banyak icon pack (Font Awesome, Material Icons, dll.), sehingga pengembang cenderung memilih ikon yang “paling mirip”
  Tim kami juga kadang membuat ikon kustom, tetapi biayanya mahal sehingga sebagian besar kami hanya mencari yang cukup cocok dari pustaka Google yang sangat besar

• Terkait pendapat “kalau tidak ada alasan menambahkan ikon, jangan jadikan itu default”, saya rasa pengguna dengan memori visual yang kuat bisa mengingat ikon menu yang sering dipakai dan menemukannya lebih cepat
  Saya pribadi cenderung mengingat shortcut, jadi dibanding ikon saya lebih memperhatikan konflik hotkey

  • Jika ikon berbeda secara visual dan maknanya jelas, menurut saya itu ide yang bagus
    Dulu di Gmail ikon tautan dan lampiran hampir sama sehingga sering membingungkan, tetapi baru-baru ini diubah menjadi bentuk paperclip dan jadi jauh lebih baik
  • Sejak era MS Office 97, ikon toolbar dimasukkan ke menu untuk membantu pengguna menemukan bahwa suatu fungsi juga bisa dipakai dengan cara lain

• Hal yang paling mengganggu dari contoh itu adalah ketidakkonsistenan indentasi di tiap bagian menu
  Jika hanya beberapa item yang punya ikon, hanya baris itu yang menjorok, dan jika tidak ada ikon maka tidak menjorok, tetapi saat ada tanda centang semuanya jadi menjorok sehingga terasa tidak seimbang
  Saya berharap Apple akan menangani detail seperti ini dengan lebih rapi, jadi cukup mengecewakan

  • Kalau Steve Jobs yang melihat, rasanya dia akan melempar laptop orang yang mendesain menu itu ke luar jendela

• Dulu ada kartunis yang saya ikuti yang menekankan pentingnya desain siluet, dan ikon-ikon sekarang mengalami masalah yang sama
  Dashboard AWS penuh noise visual karena ikon-ikonnya tidak bisa dibedakan satu sama lain
  Sebaliknya, desain seperti permainan kartu yang membedakan warna dan bentuk sekaligus sehingga tetap bisa dikenali pengguna buta warna itu sangat bagus
  Google Sheets melakukan hal ini dengan baik, tetapi contoh lain tidak

  • macOS Tahoe telah memasukkan semua ikon aplikasi dengan bentuk unik ke dalam squircle
    Lihat artikel terkait, runtuhnya panduan desain, dan cara mengembalikan ikon
    Akibatnya, saya merasa usability macOS turun drastis
  • AWS bermasalah, tetapi Atlassian lebih parah
    Semua tab browser terlihat sama sehingga tidak bisa dibedakan tab mana untuk pekerjaan apa
  • Tren ikon monokrom beresolusi rendah belakangan ini makin memperburuk keterbacaan

• Saya suka contoh ikon di Google Docs
  Bahkan tanpa membaca teks, kita bisa cepat menemukan jenis aksi seperti tambah/hapus

  • Saya juga merasakan hal yang sama
    Saya menemukan lokasi kasarnya lewat ikon, lalu memeriksa fungsi detailnya lewat teks
    Berkat itu waktu menelusuri menu berkurang dan beban kognitif menurun
  • Tetapi semua ikon “Add” atau “Delete” yang terlihat sama tetap jadi masalah
    Mungkin tiket “perbaikan ikon” itu tertimbun di suatu tempat

• Dalam contoh Google Docs, mencari ikon tautan jauh lebih cepat daripada mencari “Insert Link”
  Fungsi seperti indentasi atau perataan juga mudah ditemukan berkat ikon yang sudah terstandardisasi
  Ini juga membantu pengguna non-Inggris
  Misalnya, pengguna yang kurang fasih berbahasa Jepang bisa lebih mudah menemukan fungsi yang diinginkan berkat ikon

• Saya cenderung menaruh ikon di hampir semua item menu
  Hasilnya, kelelahan mental berkurang dan pemilihan jadi lebih cepat
  Menurut saya, untuk menu yang kompleks, menambahkan warna agar lebih banyak indera yang terlibat juga bagus
  Namun, ikon harus benar-benar berbentuk bermakna

  • Saya ingin ikon ada di mana-mana
    Bahkan kalau tidak bermakna pun, menemukan “item kedua” dari satu set ikon yang sama jauh lebih cepat daripada membaca teks

• Jika hanya beberapa item yang punya ikon, item-item itu terlihat seperti fungsi khusus atau yang sering dipakai
  Rasanya itu jauh lebih berguna daripada saat semua item punya ikon

  • Beberapa aplikasi menaruh ikon di item menu untuk menghubungkan fungsi yang sama di UI lain seperti toolbar
    Ini bekerja seperti semacam tooltip terbalik
    Tetapi jika ingin menonjolkan item tertentu, menurut saya pembedaan visual yang konsisten atau urutan penyelarasan lebih efektif daripada ikon
  • Menarik perhatian hanya pada item yang sering dicari itu bagus, tetapi jika ikon monokrom abstrak dipakai berlebihan justru jadi lebih sulit ditemukan
    Untuk item yang tidak sering dipakai, tidak masalah kalau dipindai lebih pelan