Dasar-dasar Desain Antarmuka Pengguna: Yang Perlu Anda Ketahui Sebagai Pemula

Anda mungkin telah melihat mereka muncul di umpan berita Anda, dan desainer dan non-desainer dengan panik membagikan pendapat mereka. Mengapa itu?

Kita semua bekerja dalam beberapa jenis antarmuka, sebagian besar hari-hari kita. Saat kita membuka ponsel, menyalakan laptop di tempat kerja, berinteraksi dengan teman melalui media sosial atau berbelanja online: semuanya memiliki antarmuka yang—semoga—dipikirkan dengan baik.

Desain antarmuka pengguna memengaruhi kita semua. Itu sebabnya kita semua memiliki pendapat tentang itu, sadar atau tidak. Untungnya, semakin banyak merek yang memahami pentingnya UI yang baik, dan pengalaman online kami semakin menyenangkan.

Karena desain yang hebat tidak hanya terlihat bagus—ia bekerja dengan baik. Itu bagian dari pemasaran, dan didorong oleh pengetahuan tentang perilaku pengguna dan psikologi konsumen.

Jadi, apakah Anda seorang desainer pemula atau pengusaha atau manajer yang ingin mempekerjakan desainer hebat berikutnya, Anda pasti ingin mengetahui beberapa dasar-dasarnya. Untuk membuat lebih dari sekadar gambar yang cantik, untuk memberikan umpan balik yang lebih baik, dan untuk membuat pengguna lebih bahagia dan membantu mereka dengan lebih baik.

Jadi, mari kita mulai dari dasar. Yang akan kami bahas adalah:

• Apa itu desain antarmuka pengguna, dan apa bedanya dengan desain pengalaman pengguna
• Mengapa desain antarmuka pengguna sangat penting
• Elemen apa dalam desain yang membentuk fondasi?
• Bagaimana memulai mendesain secara efisien menggunakan Design Thinking

Apa itu desain UI dan Desain UX?

Anda mungkin bingung dengan istilah desain UI dan UX: antarmuka pengguna, dan pengalaman pengguna. Mari kita mulai dengan melakukannya dengan benar. Apa itu desain UI , dan apa itu?

Bayangkan meletakkan lapangan sepak bola di atas bukit dengan bebatuan. Ini mungkin terlihat mengesankan, tetapi jauh dari praktis.

Antarmuka adalah dasar di mana Anda dapat membangun pengalaman.

Keduanya harus bekerja sama. Tentu saja, ada beberapa tumpang tindih di sana, tetapi mari kita fokus pada desain UI untuk saat ini.

UI adalah singkatan dari antarmuka pengguna: ini adalah tempat pengguna bergerak di situs web, aplikasi, atau jenis perangkat lunak apa pun. Merancang antarmuka pengguna, oleh karena itu, lebih sedikit tentang penampilan, dan lebih banyak tentang mendesain untuk tindakan.

Tentu, itu harus terlihat bagus dan cocok dengan panduan gaya merek, tetapi desain antarmuka pengguna adalah tentang membuat platform atau halaman di mana pengguna dapat melakukan tindakan yang diinginkan secepat dan semulus mungkin.

Tambahkan ke troli, pesan janji temu, unduh e-book: Desain UI hadir untuk menonjolkan semua ajakan bertindak ini. Dengan sedikit gangguan, lebih disukai.

Jadi, jika Anda ingin menjadi desainer UI yang baik, Anda harus tahu bahwa orang belum tentu memperhatikan desain Anda. Keras, ya, Tapi UI terbaik adalah yang hampir tidak bisa Anda katakan ada di sana — tidak ada penghalang jalan, tidak ada cegukan. Semuanya lancar.

Mengapa Antarmuka Pengguna yang Solid Penting?

Jika Anda membutuhkan pembelaan tentang mengapa Anda mengenakan tarif tertentu sebagai perancang UI, inilah salah satunya: 70% bisnis online yang gagal, turun karena kegunaan yang buruk di situs web atau aplikasi mereka.

Beberapa desain bukanlah masalah selera, tetapi masalah psikologi. Desain antarmuka pengguna yang baik secara langsung mempengaruhi tingkat konversi dan kepuasan pengguna.

Anda ingin seseorang membeli, memesan, atau tindakan lainnya secepat mungkin—sebelum Anda kehilangan perhatian mereka.

Anda ingin memfasilitasi interaksi ini, dengan merancang antarmuka yang responsif, logis, dan efisien.

Pengguna memiliki harapan yang tinggi: lihat saja jumlah aplikasi yang dirancang dengan sempurna yang kita semua gunakan setiap hari.

Frustrasi dan pengalaman buruk adalah apa yang ingin Anda hindari: kata-kata menyebar dengan cepat, dan kata-kata negatif bahkan lebih cepat: 44% pembeli akan memberi tahu teman-teman mereka tentang pengalaman online yang buruk. 88% pembeli online mengatakan mereka tidak akan kembali setelah pengalaman seperti itu.

Elemen Paling Penting Dalam Antarmuka Pengguna

Sebelum Anda mulai mendesain halaman web atau aplikasi pertama Anda, mari kita lihat daftar periksa semua elemen penting yang dapat Anda temukan di antarmuka, dan apa yang harus Anda ketahui tentangnya.

Kami dapat membagi elemen antarmuka pengguna apa pun ke dalam empat kategori.

1. Kontrol Masukan

1. Komponen Navigasi
2. Komponen Informasi
3. Wadah

Inilah elemen yang dapat Anda temukan dalam empat kategori ini.

Kontrol Masukan

Ini adalah segala sesuatu yang memungkinkan pengguna untuk memasukkan informasi ke dalam sistem. Pikirkan sebuah kotak di mana mereka dapat meninggalkan alamat email mereka, kotak centang di mana mereka menyetujui cookie atau kalender di mana mereka dapat memilih tanggal untuk janji temu.

Penting untuk menjaganya tetap seimbang. Anda ingin menghindari membangun antarmuka yang meminta terlalu banyak informasi dan membutuhkan terlalu banyak tindakan.

Cobalah untuk meminimalkannya dan hanya kumpulkan input yang benar-benar Anda butuhkan. Plus, pastikan cukup mudah untuk memberikan informasi, baik di ponsel maupun di desktop. Menu lipat mungkin berfungsi di layar besar, tetapi tidak di ponsel cerdas.

Komponen Navigasi

Elemen-elemen inilah yang membantu pengguna bergerak di dalam aplikasi atau halaman web. Tiga titik di kanan atas halaman di chrome, misalnya. Atau tiga baris di sebelah kiri situs web yang menunjukkan bahwa ada menu yang bersembunyi di bawah sana.

Saat mendesain dengan elemen ini, pilih ikon dan bentuk yang dikenali orang. Sebuah rumah menunjukkan rumah. Segitiga berarti 'bermain'. Ini bukan bagian di mana Anda harus menjadi terlalu kreatif, Anda ingin membuatnya tetap sederhana dan dapat dimengerti oleh banyak orang.

Komponen Informasi

Elemen informasi adalah tempat Anda berbagi informasi dengan pengguna. Pikirkan bilah kemajuan yang menunjukkan berapa lama waktu yang dibutuhkan untuk memuat sesuatu. Atau tooltips yang muncul saat Anda mengarahkan kursor ke tombol, atau bahkan kotak pesan yang menampilkan informasi.

Triknya di sini adalah untuk mengetahui apa yang perlu penjelasan, dan apa yang tidak. Jangan terlalu menjelaskan hal-hal sederhana, tetapi jika Anda memperkenalkan sesuatu yang "baru", pastikan pengguna tahu cara menggunakannya.

Wadah

Buat itu cocok, dan buatlah itu cocok. Wadah digunakan untuk menjaga konten terkait tetap berdekatan, dan untuk memastikannya cocok dengan ukuran layar pengguna.

Anda hanya dapat memiliki begitu banyak tindakan pada satu layar secara bersamaan. Inilah yang akan diajarkan kontainer kepada Anda. Jangan mencoba untuk menunjukkan semuanya sekaligus.

Lihat Juga: Desain dan Pengembangan Web – Yang Perlu Anda Ketahui

Cara Mulai Mendesain: Gunakan Metode Berpikir Desain

Tertarik untuk mulai mendesain? Anda mungkin dapat membayangkan desain yang hebat, tetapi tidak tahu harus mulai dari mana.

Untuk melengkapi, kami akan menunjukkan kepada Anda apa itu Design Thinking dan bagaimana hal itu memberi Anda kerangka kerja yang hebat di mana Anda akan membuat desain yang mengagumkan—yang bekerja dengan baik.

Design Thinking adalah proses merancang yang berkisar pada bagaimana pengguna akan memahami, menggunakan dan mengadopsi desain, dan berperilaku di dalamnya.

Apakah orang harus belajar menggunakan desain Anda? Atau akankah itu datang secara alami kepada mereka, yang mengarah ke konversi yang lebih cepat dan lebih banyak?

Design Thinking membantu Anda menciptakan sesuatu yang memenuhi kebutuhan pengguna, dan mencegah Anda terlalu fokus pada ide desain liar—baik milik Anda atau klien Anda.

Karena satu hal yang perlu diingat ketika Anda mulai mendesain: Anda melakukannya untuk pengguna.

Design Thinking terjadi dalam lima fase. Kami akan memandu Anda melalui mereka.

Langkah 1: Berempati

Saatnya untuk mengenal pengguna masa depan. Apa yang mereka cari saat membuka aplikasi Anda atau mengklik halaman web Anda? Apa yang memotivasi mereka untuk berada di sana, pengalaman apa yang mereka cari, dan bagaimana mereka berperilaku? Informasi ini sangat penting untuk melanjutkan proses.

Langkah 2: Tentukan

Masalah apa yang akan dipecahkan oleh desain Anda? Ini adalah bagaimana Anda harus mendekati desain yang dimaksudkan untuk digunakan. Tentukan masalah dan tantangan utama yang dihadapi pengguna Anda, dan mana yang perlu Anda prioritaskan dalam proses perancangan.

Langkah 3: Ide

Saatnya untuk membuang semua ide Anda—yang terkait dengan tantangan dan masalah yang telah ditentukan sebelumnya—di atas meja. Temukan solusi untuk masalah ini dan mulailah memikirkan seperti apa tampilannya di layar. Curah pendapat, peta pikiran, sketsa—gunakan teknik apa pun yang akan membuat kreativitas Anda mengalir, tetapi tidak melupakan tujuan Anda yang sebenarnya.

Langkah 4: Prototipe

Letakkan ide-ide yang terlihat paling baik di atas kertas dan buat prototipe. Ini bisa menjadi versi yang disederhanakan dan diperkecil, dan tentu saja tidak perlu diklik lagi. Berikan setiap solusi tempat di halaman dan periksa apakah Anda telah mengatasi semua masalah.

Langkah 5: Pengujian

Anda akan bergerak bolak-balik antara langkah empat dan lima beberapa kali karena Anda harus secara aktif menguji antarmuka Anda. Lebih disukai dengan pengguna nyata. Kumpulkan umpan balik dan perhatikan bagaimana orang bereaksi terhadap antarmuka untuk menemukan dan menghilangkan hambatan apa pun.

Apakah Anda Siap Membuat Desain UI Pertama Anda?

Jika Anda antusias dengan desain antarmuka pengguna, mulailah dengan menempatkan diri Anda pada posisi pengguna. Kunjungi situs web dan aplikasi dan secara aktif mencoba untuk menemukan poin peningkatan, dan mencoba untuk memahami mengapa pilihan tertentu dibuat. Selalu memiliki ini di benak Anda akan membuat Anda menjadi desainer UI yang hebat dalam jangka panjang.

Baca selengkapnya:

• Hootsuite vs Buffer – Mana yang Lebih Baik untuk Manajemen Media Sosial?
• Ikhtisar Dan Laporan Apakah Modul Dalam Produk Hootsuite Yang Mana?
• Bagaimana Menjadi Pembuat Konten Di Media Sosial Dan Mendapatkan Penghasilan?
• Bagaimana Anda Dapat Menarik Pengguna Media Sosial untuk Berbagi Konten Video Anda Secara Online?