Apa itu antarmuka pengguna atau UI? Bagaimana Desain Pengalaman Pengguna (User Interface Designer) membuat perangkat lunak teratas. Lihatlah aturan emas! UX dan contohnya.

Di era teknologi; aplikasi, situs web, dan perangkat lunak di mana saja, antarmuka pengguna adalah kunci untuk bergerak dengan nyaman... Sudah berapa kali Anda masuk ke aplikasi seluler dan merasa tersesat?

Desain yang tidak berguna itu, satu-satunya yang membawa kita adalah… frustrasi dan buang-buang waktu! Untuk mengatasi "kekacauan" ini adalah desain antarmuka pengguna , yang disebut Desainer UI .

JIKA SUATU PRODUK INGIN MENCAPAI KESUKSESAN, ITU HARUS SEDERHANA DAN MEMILIKI KEGUNAAN!

Sebelum kita membahas lebih detail, pertama, kita harus sangat terorganisir dengan informasi yang sangat penting! Menggunakan alat untuk mendesain antarmuka pengguna, misalnya, dalam bagan organisasi , membantu mengevaluasi, memvisualisasikan, dan memahami keputusan grafis proyek dengan lebih baik, terutama untuk menghindari masalah di masa mendatang.

Apa itu antarmuka pengguna?

Antarmuka pengguna adalah presentasi visual dari interaksi antara perangkat dengan perangkat lunak, produk atau layanan, dan pengguna . Juga disebut UI ( Antarmuka Pengguna ) mengubah sinyal, gambar, simbol, atau tindakan tertentu dari suatu sistem agar dapat dimengerti oleh manusia. Penyederhanaan konsep...

TUJUAN ANTARMUKA YANG BAIK ADALAH MEMBERIKAN PENGALAMAN YANG LEBIH EFISIEN, INTUITIF, TERKOORDINASI, SEDERHANA, DAN MUDAH DIINGAT.

Kami selalu mengingat produk digital ketika kami berbicara tentang antarmuka dengan pengguna, dan, meskipun itu yang paling umum, itu sama berguna untuk semua jenis artikel, layanan, atau perusahaan : menyederhanakan tugas atau melakukannya tanpa gangguan, meningkatkan komunikasi atau memperkuat merek, memiliki struktur yang terorganisir, dll.

Bagian ini sangat penting bahkan untuk menciptakan identitas merek dan membangun loyalitas pengguna. Meski perubahannya tidak begitu terlihat sekarang, beberapa tahun yang lalu, perbedaan antara ponsel dengan sistem operasi iOS dan ponsel dengan sistem Android sangat besar!

Sekarang saya akan menunjukkan kepada Anda contoh sederhana dari GUI sederhana sehingga Anda memahami potensinya.

Mana yang paling kamu suka? … Apple mungkin adalah perusahaan teknologi pertama yang sepenuhnya mengeksploitasi konsep bahwa teknologi harus beradaptasi dengan manusia, bukan sebaliknya .

Itu berhasil menyoroti di benak pengguna bahwa ponsel mereka mudah digunakan, dengan aplikasi yang sangat bagus, yang tidak gagal dan intuitif... Bagaimana cara mencapainya? Sebagian besar, dengan desain antarmuka pengguna yang revolusioner .

Rancangan yang mengkoordinasikan hubungan antara teknologi dan konsumen merupakan pilar fundamental yang mendukung mudah atau sulitnya sebuah perangkat lunak untuk digunakan. Dan, karenanya, merupakan aset penting bagi perusahaan mana pun yang ingin berada di pasar paling modern.

Desain antarmuka pengguna UI

Ada banyak buku yang berbicara tentang desain teknologi yang disesuaikan dengan klien , tidak mungkin menyorotinya dalam sebuah artikel, tetapi yang akan kita lihat dan pahami adalah dasarnya. Pertama, beberapa pertanyaan cepat:

·         Siapa desainer UI?THE UI Designer, begitu mereka menyebutnya dalam bahasa Inggris, bertugas menciptakan sarana komunikasi yang efektif antara perangkat lunak dan manusia. melalui aturan desain antarmuka .

·         Siapa yang melakukannya?Orang yang bertanggung jawab untuk mendesain antarmuka pengguna adalah insinyur perangkat lunak yang menerapkan serangkaian proses dan prinsip yang telah ditentukan sebelumnya sesuai dengan desain UI .

·         Mengapa ini sangat penting? Jika kita berhadapan dengan alat yang sulit digunakan, kita memaksa klien melakukan kesalahan untuk mencapai tujuan tertentu, maka mereka tidak akan menyukainya.

·         Bagaimana proses desain antarmuka pengguna? Metode tersebut didasarkan pada korelasi berbagai elemen yang saling membutuhkan...

·        

Apa produk akhirnya? Koordinasi visual dibuat melalui alat untuk membuat maket, bagan organisasi, diagram , dll. Muncul prototipe antarmuka yang interaktif dan aktif.

·        

Bagaimana cara memastikan semuanya bekerja dengan baik? Pengujian dilakukan dengan pengguna nyata agar semua perangkat lunak dan interaktivitas antara teknologi dan pengguna berjalan dengan baik.

Kita sudah tahu artinya itu Desain UI , tapi... Bagaimana caranya? Bagaimana elemen dibangun dan dirancang agar klien atau konsumen merasa nyaman.

Aturan emas desain antarmuka pengguna

Pada tahun 1996, Theo Mandel merevolusi lanskap pengembang perangkat lunak dengan bukunya "The Golden Rules of User Interface Design". (The Golden Rules of User Interface Design) .

Itu meletakkan dasar yang merupakan seperangkat prinsip tentang cara mendesain antarmuka pengguna, hampir tidak ada! di mana mereka dikelompokkan menjadi tiga tujuan utama:

·         Tinggalkan kontrol atas pengguna.

·         Kurangi beban memori yang dibutuhkan oleh pengguna.

·         Jadikan antarmuka bekerja dengan cara yang konsisten.

Masing-masing tujuan ini harus dikembangkan untuk memenuhi fungsi integralnya. Giliran kami untuk menjelaskan lebih detail aturan emas desain antarmuka pengguna

1.- Meninggalkan kendali atas pengguna

Batasan bangunan dan batasan yang disematkan di antarmuka menyederhanakan pekerjaan pemrogram, tetapi dapat membuat pengguna frustasi.

Prinsip desain untuk kontrol pengguna adalah:

·         Pengguna tidak dapat dipaksa untuk melakukan tindakan yang tidak diinginkan atau perlu.

·         Izinkan interaksi pengguna yang fleksibel dengan berbagai elemen; dari keyboard atau mouse, ke layar sentuh jika ada.

·         Setiap tindakan harus dibalik atau diinterupsi oleh pengguna.

·         Izinkan penyesuaian dan aktifkan opsi untuk menghindari pengulangan.

·         Jangan memaparkan elemen teknis kepada pengguna sesekali, yang tidak perlu mengetahuinya.

·         Rancang interaksi objek yang dapat dimanipulasi pengguna Perasaan kontrol sesuai dengan kebutuhan kerja!

2.- Kurangi beban memori yang dibutuhkan pengguna

Ketika pengguna harus mengingat banyak hal, mudah bagi mereka untuk melakukan kesalahan saat berinteraksi. Tidak membebani memori pengguna adalah tujuan dari:

·         Antarmuka harus dirancang dengan tujuan mengurangi kebutuhan pengguna untuk mengingat tindakan, hasil, dan elemen masa lalu.

·         Visual prasetel harus koheren dengan pengguna umum yang dapat dikenali! Selain itu, item untuk "mengatur ulang" (mengembalikan nilai asli) akan muncul.

·         Buat pintasan yang intuitif dan mudah diakses.

·         Buat antarmuka visual di mana elemen terpenting menyerupai dunia nyata.

·         Informasi harus diungkapkan secara progresif.

3.- Membuat antarmuka bekerja secara konsisten

Informasi yang diungkapkan harus diatur menurut aturan khusus dan dapat dipahami oleh pengguna yang berinteraksi secara terus menerus dan terputus-putus. Prinsip-prinsipnya adalah...

·         Beri tahu konteks pekerjaan yang sedang berjalan Penting untuk memberi indikator!

·         Semua aplikasi atau produk harus memiliki aturan desain dan interaksi yang sama.

·         Jika model interaksi adalah standar untuk pengguna, Anda mengetahuinya, jangan melakukan perubahan kecuali itu adalah alasan yang tidak dapat dihindari.

Seperti yang telah kita pertimbangkan, Desain UI sangat luas. Ini mencakup banyak elemen yang bersama-sama membentuk aspek penting di banyak perusahaan di sektor teknologi. Tapi... Bukankah UX Design itu sama dengan UI? Pengalaman pengguna .

Desain pengalaman pengguna UX dan UI

UI terkait erat dengan desain UX , desain pengalaman pengguna ( User Experience Eesign ), dan sering kali mereka bingung atau kami percaya bahwa keduanya sama. Namun, keduanya tidak sama, dua bagian berbeda yang bersama-sama membentuk esensi perangkat lunak yang baik untuk mencapai tujuan yang diinginkan. .

Jika kita membandingkan sikap developer UX dengan UI, kita dapat mengasimilasi hubungan seperti yang kita lihat pada gambar berikut.

Perancang UX berfokus pada penelitian dan analisis kebutuhan klien - pengguna untuk meningkatkan penjualan (konversi) atau tujuan tertentu, kegunaan atau alur yang dipraktikkan pengguna , tetapi juga, topik lainnya.

Misalnya, berkaitan dengan arsitektur informasi yang benar atau mudah diakses. Dari meninjau produk atau mengusulkan perbaikan berdasarkan analisis data, banyak pekerjaan!

Baik UI maupun UX designer sudah merupakan spesialisasi yang menjadi bagian dari teknisi yang berasal dari dunia seni rupa, grafis, desain grafis atau bahkan dunia psikologi.

Dan... Apa perbedaan antara desainer UI dan pengembang Front? Pengembang Front adalah orang yang membuat elemen melalui kode sesuai dengan indikasi yang ditetapkan oleh UI/UX, semuanya bekerja sama!

Contoh pekerjaan desainer grafis

Jadi… Bagaimana dengan Desainer Grafis?Desainer grafis bertugas membuat identitas visual merek, desain spanduk, iklan, dll.

Harus jelas bahwa semakin besar perusahaan, semakin teknis departemennya. Di perusahaan kecil, seorang teknisi akan bertugas melakukan segalanya, itu benar!

Jenis antarmuka digital yang ada dan contohnya

·         Antarmuka Pengguna Grafis (GUI) : Menggunakan gambar, ikon, dan menu untuk menampilkan tindakan yang tersedia di perangkat tempat pengguna bekerja. Jenis antarmuka ini hadir sepenuhnya di hari kita sehari-hari ketika kita mengunjungi situs web, program, aplikasi , dll.

·         Antarmuka berbasis menu : struktur didasarkan pada serangkaian layar atau "menu" untuk melakukan tindakan tertentu. 100% program, baik online maupun tidak, memerlukan tindakan ini, misalnya Excel atau Word ….File> Save as> Dalam format JPG.

·         Antarmuka tanya jawab:  komputer menunjukkan layar untuk berinteraksi, jawaban dimasukkan dengan satu klik dan sistem bertindak berdasarkan informasi tersebut dengan cara yang telah diprogram sebelumnya. Ini didukung oleh kuesioner dan instruksi sampai tujuan tertentu akhirnya tercapai. Misalnya, ketika kita ingin mengunduh perangkat lunak dan wizard membantu kita menginstalnya dengan mudah dan intuitif.

·         Antarmuka baris perintah : Ini adalah sistem berbasis teks untuk berinteraksi dengan PC. Ini lebih digunakan untuk pengguna teknis dan contoh sempurna adalah semua sistem operasi ( Linux, Windows, macOS , dll.)

·         Antarmuka grafis layar sentuh : adalah sistem dimana pengguna berinteraksi pada layar sentuh. Tentunya hal tersebut sudah menjadi hal yang paling umum dalam teknologi saat ini. Sebagai contoh dengan sendirinya, ponsel sentuh , tetapi kami juga memiliki GPS mobil dan ribuan hal lainnya.

·         Antarmuka percakapan atau alami : mereka adalah impian pengguna yang tidak terspesialisasi karena memungkinkan komunikasi antara manusia dan mesin setiap hari, artinya, penggunaannya tidak memerlukan pengetahuan khusus untuk mengontrolnya seperti bahasa pemrograman. Misalnya, asisten pribadi seperti Siri atau Alexa .