Indonesia Website Awards

Bagaimana Cara Meningkatkan Produk dengan Berfokus Pada Kegunaan Ikon?

Meningkatkan Produk dengan Berfokus Pada Kegunaan Ikon yang Lebih Baik

Ikon ada di mana-mana dan berfungsi untuk kepentingan substansial dalam cara pengguna menavigasi di situs web atau aplikasi apa pun. Pembaruan ikon sistem atau ikon aplikasi datang cukup teratur dan setiap gerakan yang membuat teknologi besar tidak hilang tanpa disadari.

Baru beberapa bulan yang lalu, ikon aplikasi ruang kerja baru Google menjadi topik yang cukup banyak dibicarakan dalam desain produk. Anda mungkin mengalami frustrasi atau gangguan yang mirip dengan saya saat mencoba menemukan ikon kalender, Google Drive, atau dokumen di layar beranda seluler Anda.

Google Ikon

Karena tujuan utama dari ikon adalah kejelasan atau dengan kata lain untuk mengkomunikasikan konsep dengan cepat, kita mungkin mendapat masalah disini. Secara umum, apa yang sebelumnya, bagus selama bertahun-tahun. Gmail menggunakan ikon putih dengan guratan merah. Ikon dokumen dan kalender biru. Dan Google Drive misalnya menggunakan icon multicolor. Itu hanya berhasil. Dan itu bukan satu-satunya contoh di dunia teknologi, di mana kita dihadapkan pada ikon masalah kegunaan.

Mari kita lihat definisi ikon tujuan, kegunaan, dan akhirnya beberapa rekomendasi tentang merancang ikon, yang akan membantu Anda membangun antarmuka pengguna yang lebih baik. Namun sebelum itu, mari kita kembali dengan cepat bagaimana tampilan ikon dan mengkomunikasikan fungsionalitasnya di masa lalu.

Ikon Pada Saat Itu dan Sekarang

Padahal, kata icon berasal dari bahasa latin 'Eikṓn' yang artinya 'suka, gambar'. Ini menelusuri kembali ke 1565. Meskipun dalam ikon HCI muncul jauh kemudian. Semuanya dimulai pada tahun 1981 ketika Xerox Star menjadi model komputer yang merilis pasar konsumen pertama yang menggunakan ikon tersebut.

Tapi tetap, Xerox membuat pekerjaan yang cukup bagus. Jika kita mempertimbangkan bagaimana menggunakan piksel hitam dan layar resolusi rendah, adalah mungkin untuk mencapai objek yang dapat dikenali. Anda mungkin memperhatikan, dokumen, kalkulator, sampah, dan ikon printer tidak banyak berubah sampai sekarang. Kemajuan Xerox ini mendorong orang lain di komunitas teknologi untuk merilis mesin serupa.

Kumpulan ikon yang lebih profesional kemudian dirancang oleh Desainer Apple Susan Kare untuk Apple Lisa pada tahun 1983 dan 1984 untuk Macintosh.

Sebenarnya ini semua ikon piksel yang menginspirasi saya untuk meniru ikon sistem Apple yang terkenal, cukup tambahkan beberapa warna jika Anda tidak keberatan. Saya harap Anda menyukainya.

Namun cukup dengan contoh prasejarah ini, mari kita fokus pada posisi kita sekarang. Baru-baru ini, dalam pembaruan perangkat lunak iOS 14 terbaru, Apple Giant Apple memberikan kekuatan kepada pengguna iPhone untuk menyesuaikan ikon yang diinginkan pengguna.

Fitur ini muncul karena beberapa ikon tidak cocok bersebelahan dan tidak terlihat terlalu keren. Agaknya, kita semua akan menyukai fitur baru ini, tetapi dari sudut pandang kegunaan bagi sebagian pengguna, pasti akan membutuhkan waktu lebih lama untuk menemukan aplikasi favorit di layar.

Jadi mari kita bertanya lebih banyak. Apa yang sebenarnya membuat ikon menonjol yang hebat dan memberikan pengalaman yang menakjubkan?

Ikon Tujuan

Arti dan tujuan ikon adalah untuk mengekspresikan objek, tindakan, dan ide secara visual. Dan ikon gagal, karena orang cenderung menentukan arti ikon yang berbeda berdasarkan pengalaman pencarian mereka. Meskipun NNGroup telah melakukan penelitian terhadap ikon-ikon yang menyebabkan masalah kegunaan beberapa tahun yang lalu, saat ini kami masih menghadapi masalah yang sama. Dan salah satu temuan analisis ini - kecenderungan untuk menghapus label dari ikon yang biasa digunakan.

"Untuk membantu mengatasi ambiguitas yang hampir semua ikon wajah, label teks harus di sebelah ikon untuk memperjelas maknanya dalam konteks tertentu."

Kegunaan Ikon

Menurut Aurora Harley, peneliti senior di Nielsen Norman Group, terdapat 4 kriteria kualitas dalam pengujian penggunaan ikon: kemudahan ditemukan, pengenalan, aroma informasi, dan daya tarik. Masing-masing poin utama ini membantu membuat ikon, yang mengkomunikasikan ide inti dan tujuan produk atau tindakan di antarmuka pengguna.

  • Dapat ditemukan: menentukan seberapa sulit menemukan ikon di situs web atau aplikasi dalam konteks antarmuka pengguna lengkap.
  • Pengakuan: Pengakuan terjadi dalam fokus perhatian, jadi sangat penting, bahwa orang akan memahami apa yang diwakili setiap ikon dari pandangan pertama.
  • Informasi: Tujuan dasar dari ikon adalah untuk memastikan bahwa pengguna dipandu ke tempat yang mereka tuju. Mungkin ada keadaan darurat tertentu ketika tidak ada waktu untuk menebak yang kedua atau "biarkan saya berpikir sebentar" Apa arti elemen UI ini dalam konteks dengan ikon lain.
  • Attractiveness: Meningkatkan daya tarik estetika membantu menciptakan produk yang dapat digunakan dan indah. Ini membantu untuk memberikan pengalaman pengguna yang besar secara keseluruhan.

Ikon Design Untuk UI

Dan apa lagi yang harus Anda ingat untuk mencoba mengirim ikon berikutnya?

  • Pendekatan Holistik: Ikon harus didekati secara holistik, sebagai sistem dengan tujuan tertentu dalam antarmuka pengguna. Mereka harus sesuai dengan sistem grafis yang Anda gunakan. Disarankan untuk mendesain ikon dengan cara tertentu, yang berbeda dari ikon di sekitarnya, sambil tetap bekerja bersama sebagai satu kesatuan.
  • Target audiens: Meskipun ikonnya harus universal dan cocok untuk semua budaya dan bahasa, preferensi selera kelompok target Anda harus dipertimbangkan. Faktor lainnya adalah bahasa RTL yang menggunakan script kanan ke kiri. Misalnya ikon desain material Google bahkan memiliki daftar ikon, yang dapat direfleksikan diprogram jika ditargetkan untuk jenis bahasa RTL. Tetapi masih banyak ikon dalam tata letak RTL hanya mengubah posisi, mereka tidak mencerminkan diri mereka sendiri.
  • Gaya konsistensi: guratan, bentuk, radius, dan detail gaya kecil secara keseluruhan membuat semua perbedaan. Menjaga ikon Anda tetap konsisten dan seimbang, akan membuat UI terlihat profesional. Kumpulan ikon desain material adalah salah satu contoh hebat, yang koheren dan dengan jelas mengkomunikasikan arti setiap ikon di seluruh rangkaian.
  • Ukuran penting: ikon harus berfungsi dalam ukuran yang sangat besar dan kecil. Sangat menyakitkan untuk mengetahui, bahwa ikon set terlalu detail ketika kebutuhan untuk menggunakan ikon dalam 16x16 atau ukuran kecil serupa diperlukan.

Dalam Garis Bawahnya

Memberikan upaya lebih pada ikon di UI Anda pasti akan meningkatkan penggunaan produk digital secara keseluruhan. Saya harap artikel ini membantu Anda memahami beberapa gagasan inti tentang ikon fungsional dan menarik secara visual.