10 prinsip dasar desain UI yang perlu Anda ketahui 2021

 



10 prinsip dasar desain UI yang perlu Anda ketahui 2021 - Kebanyakan pengguna hanya melihat desain UI aplikasi atau perangkat lunak saat terjadi kesalahan. Untuk alasan ini, kita dapat mengatakan bahwa desain UI yang bagus hampir tidak terlihat, membuat pengguna bebas untuk bekerja tanpa gangguan. Dan betapapun beragamnya proyek desain UI, semua contoh bagus desain UI cenderung mengikuti aturan dasar emas yang sama. Dalam artikel ini, kita melihat prinsip-prinsip desain UI yang paling penting untuk diikuti untuk pengalaman pengguna yang sepenuhnya mulus dan hampir tidak terlihat.

10 prinsip desain UI penting

Desain antarmuka pengguna yang efektif adalah tentang menghilangkan sebanyak mungkin hambatan, kemacetan, batu sandungan, dan kemungkinan penyebab kebingungan dari pengalaman pengguna. Di atas segalanya, tujuannya adalah untuk menciptakan lingkungan yang semua pengguna temukan lancar dan intuitif untuk dinavigasi; memungkinkan mereka untuk mencapai tujuan mereka dengan minimal rewel.

Setiap proyek desain UI tentu saja berbeda. Apalagi jika menyangkut detail yang lebih halus. Dan apa yang berfungsi untuk aplikasi seluler, misalnya, belum tentu menjadi solusi yang tepat untuk perangkat lunak desktop atau situs web. Namun prinsip umum desain UI yang baik tetap konsisten di semua platform dan proyek.

Berikut ini adalah serangkaian prinsip dasar desain UI yang dapat—bahkan harus—diterapkan ke hampir setiap proyek desain UI yang Anda kerjakan. Abaikan aturan emas ini dengan risiko Anda!

1. Buat desain UI tetap sederhana

2. Memprediksi dan mendahului

3. Tempatkan pengguna di kursi pengemudi

4. Bersikaplah metodis dan konsisten

5. Hindari kerumitan yang tidak perlu

6. Sediakan rambu-rambu yang jelas

7. Bersikaplah toleran terhadap kesalahan

8. Berikan umpan balik yang relevan

9. Prioritaskan fungsi

10. Rancang UI untuk aksesibilitas


10 prinsip dasar desain UI yang perlu Anda ketahui 2021


1. Buat desain UI tetap sederhana

Proses desain UI seringkali menyenangkan. Dan memang seharusnya begitu. Tetapi penting untuk tetap memperhatikan tujuan Anda, dan kepuasan pribadi seorang desainer harus selalu berada di bagian bawah daftar ini. Mungkin yang paling penting dari semua prinsip utama desain UI adalah tidak melupakan untuk siapa Anda mendesain, dan mengapa. Desain UI yang baik itu praktis; tidak pernah dekoratif. Desain yang memanjakan diri sendiri atau terlalu formalis hanya menciptakan kebisingan yang tidak perlu; mengalihkan perhatian dari elemen-elemen yang benar-benar relevan bagi pengguna.

Jika bagian dari desain UI Anda tidak memiliki tujuan praktis bagi pengguna, seharusnya tidak ada di sana. Pangkas desain Anda kembali ke hal-hal penting. Semua pertumbuhan yang berlebihan harus dipotong, hanya menyisakan elemen-elemen yang benar-benar diperlukan. Jika bagian dari desain UI Anda tidak memiliki tujuan praktis bagi pengguna, tetapi hanya memenuhi keinginan kreatif Anda sendiri, itu tidak boleh ada.

2. Memprediksi dan mendahului

Tapi bagaimana Anda tahu apa yang relevan bagi pengguna? Nah, salah satu langkah desain UI pertama yang harus diambil adalah memastikan bahwa Anda sepenuhnya memahami pengguna Anda dan kebutuhan mereka. Setelah Anda mencapai ini, Anda akan berada dalam posisi untuk memprediksi apa yang ingin dilakukan pengguna selanjutnya.

Sekarang Anda dapat menyediakan alat, informasi, dan sumber daya yang tepat bagi pengguna yang mereka butuhkan. Dan tepat saat mereka membutuhkannya. Atau, jika ini tidak sesuai dengan apa yang Anda ingin pengguna lakukan, Anda dapat mendahului perilaku mereka dengan mengubah bagian awal desain sehingga mengarahkan mereka ke arah yang sama sekali berbeda dari awal.

3. Tempatkan pengguna di kursi pengemudi

Pengguna harus merasa sepenuhnya memegang kendali—apakah mereka benar-benar memegang kendali atau tidak. Ini berarti membuat UI memudar ke latar belakang. Itu harus selalu ada saat pengguna membutuhkannya, tentu saja. Dan persis di tempat yang mereka harapkan juga. Tetapi tidak seorang pun harus merasa bahwa antarmuka memaksa mereka melakukan tindakan tertentu atau membuat keputusan untuk mereka. Bahkan jika dalam beberapa kasus ini mungkin persis seperti yang terjadi.

4. Bersikaplah metodis dan konsisten

Salah satu konsep desain UI paling dasar yang harus dikuasai adalah konsisten. Tidak hanya secara internal—yaitu. di seluruh platform Anda sendiri—tetapi juga dengan standar industri yang diterapkan di tempat lain. Proyek desain UI yang baik tidak menemukan kembali roda; mereka memperbaikinya. Kita semua untuk inovasi, jika perlu. Tetapi seperti yang mereka katakan, "jika tidak rusak, jangan perbaiki".

Bahkan, jika rusak, Anda mungkin tidak ingin memperbaikinya. Pertimbangkan ini; ide Anda mungkin secara objektif “lebih baik”—yaitu. lebih logis—tetapi jika bukan itu yang diharapkan oleh pengguna, itu hanya akan membingungkan mereka. Dan dalam praktiknya itu tidak "lebih baik" sama sekali. Aturan ini berlaku untuk segala hal mulai dari pola hingga terminologi. Jika ragu, ikuti apa yang paling banyak dipahami.

Karena itu, ketika fungsi baru atau tidak biasa diperkenalkan, sama pentingnya untuk membedakannya dari yang sebelumnya. Dan mungkin cara terbaik untuk mencapainya adalah dengan mematahkan salah satu prinsip desain UI kami yang suci; menggunakan inkonsistensi sebagai cara untuk membuat fitur penting dan baru menonjol. Perlu diingat bahwa inkonsistensi yang disengaja sangat berbeda dari perilaku ceroboh atau tidak menentu.

5. Hindari kerumitan yang tidak perlu dalam desain UI

Bertujuan untuk jumlah langkah dan layar seminimal mungkin setiap saat. Gunakan overlay seperti lembar bawah dan jendela modal untuk memadatkan data dan mengurangi jejak aplikasi Anda. Pada saat yang sama, pastikan untuk mengatur informasi sedemikian rupa sehingga logis, otonom, dan mandiri. Faktanya, salah satu aturan emas desain UI adalah selalu mengelompokkan tugas dan subtugas, tidak hanya secara tematis, tetapi juga dengan cara yang sepenuhnya praktis.

Di atas segalanya, jangan sembunyikan subtugas di halaman di mana tidak ada yang berpikir untuk mencarinya. Tak seorang pun berharap menemukan pancuran di dapur, TV di kamar mandi, atau lemari di halaman. Atur layar dan kontennya menurut taksonomi yang jelas dan logis. Bertujuan untuk jumlah langkah dan layar seminimal mungkin setiap saat.

Demikian pula, selalu kurangi jumlah langkah yang diperlukan untuk menyelesaikan tugas hingga seminimal mungkin. Jangan mengirim pengguna melalui rintangan klik yang membosankan ketika hanya satu atau dua tindakan yang akan dilakukan. Salah satu prinsip desain UI paling praktis, Aturan Tiga Klik, menyatakan bahwa pengguna harus dapat mencapai tindakan apa pun atau mengakses informasi apa pun yang mereka perlukan dengan mengeklik tidak lebih dari tiga kali dari mana saja di dalam aplikasi.

Di atas segalanya, jangan pernah meminta pengguna untuk memasukkan kembali info yang telah mereka berikan. Jika Anda pernah memiliki pengalaman di mana formulir menghapus semua info Anda dan membuat Anda memulai dari awal lagi hanya karena Anda memberikan input yang salah hanya dalam satu bidang, Anda akan tahu bahwa tidak ada yang lebih mungkin untuk membuat pengguna membuang perangkat mereka. dinding dan menyerah dalam kekesalan total.

6. Sediakan rambu-rambu yang jelas

Keenam prinsip desain UI penting kami menyangkut tata letak intuitif dan pelabelan informasi yang jelas. Menavigasi aplikasi Anda tidak boleh dengan cara apa pun mengintimidasi atau membingungkan, bahkan untuk pengguna pertama kali. Sebaliknya, eksplorasi antarmuka harus menyenangkan, dan berlangsung hampir tanpa disadari.

Pastikan arsitektur halaman sederhana, logis, dan ditandai dengan jelas. Pengguna tidak boleh ragu tentang di mana mereka berada dalam perangkat lunak, atau apa yang perlu mereka lakukan untuk pergi ke tempat lain yang mereka inginkan. Tetapi jangan membebani pengguna dengan mengharapkan mereka mengingat bagaimana mereka sampai ke lokasi mereka saat ini. Sebaliknya, berikan petunjuk visual untuk navigasi di mana pun diperlukan. 

7. Bersikaplah toleran terhadap kesalahan

Kesalahan terjadi. Dan pengguna berubah pikiran. Faktanya, jika mereka baru mengenal aplikasi, mereka mungkin tidak sepenuhnya yakin dengan tindakan mereka sejak awal. Jangan tahan ini terhadap pengguna; membuatnya mudah untuk mundur kapan pun diperlukan, dengan menerapkan fungsi undo/redo yang cepat dan memaafkan. Ini tidak hanya akan membantu menghindari frustrasi karena kehilangan data dan waktu yang terbuang, tetapi juga memberi pengguna kepercayaan diri untuk menjelajahi aplikasi Anda dan membuat perubahan tanpa takut akan konsekuensi negatif.

8. Berikan umpan balik yang relevan

Tetap beri tahu pengguna tentang kemajuan mereka. Berikan pengakuan bahwa tindakan mereka telah diterima. Biarkan mereka tahu bahwa segala sesuatunya berjalan sebagaimana mestinya. Tindakan besar, penting, dan/atau jarang membutuhkan bentuk umpan balik yang besar dan penting. Sementara itu, tindakan yang lebih kecil dan lebih sering membutuhkan bentuk pengakuan yang lebih kecil.

Tetap beri tahu pengguna tentang kemajuan mereka dan berikan pengakuan bahwa tindakan mereka telah diterima. Kami telah menekankan bahwa salah satu dasar desain UI yang paling penting adalah mengurangi info seminimal mungkin. Tetapi beberapa hal lebih penting daripada info status, jadi jangan paksa pengguna untuk mencarinya. Info status harus selalu mudah diakses dan benar-benar akurat.

Pengguna harus tahu persis apa yang terjadi setiap saat, tanpa harus sengaja mencari informasi ini atau dibiarkan bertanya-tanya apakah aplikasi menjadi tidak responsif. Kesalahan kadang-kadang terjadi, tentu saja. Dan ketika mereka melakukannya, pengguna harus diberitahu tentang mereka dengan cara yang jelas dan mudah dimengerti. Pesan yang membaca "kode kesalahan", diikuti dengan angka serius yang buram tidak memenuhi deskripsi ini.

Sebaliknya, jelaskan apa masalahnya; menginformasikan pengguna apa yang perlu mereka lakukan tentang hal itu; dan saat menulis pesan kesalahan Anda, jangan menutup kemungkinan bahwa kesalahan itu disebabkan oleh kerusakan sistem daripada karena kesalahan pengguna.

9. Prioritaskan fungsi

Kegagalan untuk membuat hierarki yang jelas adalah salah satu hambatan paling umum yang menghentikan orang dari merancang UI yang benar-benar minimal dan ramping. Seperti yang telah kami tekankan, setiap item di setiap layar harus benar-benar penting untuk pengalaman pengguna, dengan semua yang berlebihan dihilangkan pada tahap pembuatan prototipe. Namun bahkan di antara barang-barang penting ini, beberapa pasti akan lebih penting daripada yang lain. Dan kesembilan prinsip desain UI kami menyatakan bahwa hierarki ini harus tercermin dengan jelas dalam desain UI.

Mungkin Anda sudah tahu bahwa sebagian besar pengguna Anda ingin melakukan X? Dan mungkin Anda ingin mendorong mereka untuk melakukan Y juga? Mudah; buat kedua fungsi ini lebih menonjol daripada Z. Ini bisa sesederhana mengubah ukuran tombol, teks, atau elemen lainnya.

 

10. Rancang UI untuk aksesibilitas

Jangan berasumsi bahwa semua pengguna sama seperti Anda dan orang yang Anda kenal. Ini berlaku untuk semuanya, mulai dari pengetahuan dan kemampuan teknis hingga pandangan dunia.

Aplikasi digunakan oleh orang-orang dari latar belakang budaya yang sangat berbeda. Meskipun secara realistis Anda tidak dapat diharapkan untuk menjelaskan setiap kemungkinan variasi dalam konvensi sosial dan budaya, jangan secara otomatis berasumsi bahwa cara Anda melakukan sesuatu adalah satu-satunya cara logis untuk melakukannya. Misalnya, di banyak bagian dunia orang membaca dari kanan ke kiri, jadi menempatkan objek dari kiri ke kanan tidak serta merta membuat semua pengguna menemukannya dari kiri ke kanan. Desain dengan pertanyaan dalam pikiran, bukan jawaban

Bahkan hal-hal yang sangat sederhana seperti warna yang Anda gunakan akan dilihat secara berbeda oleh orang yang berbeda. Dan ini bukan hanya kasus perbedaan subjektif atau budaya; sebagian besar populasi dunia buta warna.  

Faktanya, meskipun warna adalah metode yang valid untuk membedakan elemen dan fungsi desain UI, Anda tidak boleh hanya mengandalkan warna untuk mencapainya. Sebagai gantinya, gabungkan warna dengan bentuk atau variabel lain untuk membantu membedakan fungsi penting dengan cara yang valid untuk semua pengguna.

Aturan emas desain UI

Sama seperti kita cenderung tidak memperhatikan udara yang kita hirup sampai terkontaminasi atau kita kekurangan udara sama sekali, desain UI yang baik menciptakan lingkungan tanpa gesekan di mana pengguna dapat berkembang tetapi desain itu sendiri hampir menghilang dari pandangan.

Perancang terbaik tahu bahwa mengikuti prinsip desain UI sederhana seperti yang telah kita lihat di atas dapat membantu menciptakan antarmuka pengguna yang lebih efektif, memfasilitasi interaksi sedemikian rupa sehingga pengguna hampir tidak memperhatikan UI sama sekali. Terapkan 10 dasar desain UI ini ke proyek Anda berikutnya dan temukan sendiri betapa hebatnya kesuksesan desain UI.


Tidak ada komentar untuk "10 prinsip dasar desain UI yang perlu Anda ketahui 2021"