Desain Antar Muka Grafika Komputer Desain Antar Muka

Desain Antar Muka Grafika Komputer

Desain Antar Muka �Apa itu Desain Antar Muka? �Antar muka bukan sekedar tombol dan menu; ◦ tetapi bagaimana interaksi antara pengguna terhadap suatu aplikasi atau alat ? ◦ Jadi antar muka bukan sekedar bagaimana bentuk dan tampilan suatu produk tetapi bagaimana dia bekerja? ◦ Bukan sekedar mengatur tombol dan memilih warna tetapi memilih alat yang tepat guna untuk suatu pekerjaan

Desain Antar Muka yang Baik? �Kejelasan �Konsisten �Ringkas, padat �Estetis �Akrab �Efisien �Esponsif � Forgiveness

Desain Antar Muka �Kejelasan ◦ Hindari antar muka yang membingungkan melalui: �Bahasa �Aliran �Hirarki ◦ Antar muka yang baik tidak membutuhkan manual ◦ Memastikan pengguna jadi jarang membuat kesalahan

Desain Antar Muka �Ringkas Padat ◦ Terlalu banyak elemen dan informasi akan sulit mencari apa yang diinginkan sehingga desain cepat membosankan ◦ Tantangannya adalah membuat desain yang ringkas namun padat �Akrab ◦ Gunakan elemen-elemen standar yang sudah biasa digunakan sehingga pengguna yang menjelajahi halaman web yang baru tidak susah ◦ Orang mudah menggunakan karena sudah terbiasa dengan elemen yang tersedia

Desain Antar Muka �Responsif ◦ Pertama: cepat dalam arti pengguna tidak merasakan lambat dalam mengakses halaman web ◦ Kedua: antar muka menyediakan umpan balik yang cepat bagi pengguna tentang apa yang sedang terjadi dan apakah input dari pengguna sudah sukses diproses �Konsisten ◦ Antar muka yang konsisten membuat pengguna cepat mengenali pola �Estetis ◦ Membuat antar muka yang menyenangkan membuat pengguna menikmati dan senang menggunakan aplikasi

Desain Antar Muka �Efisien ◦ Antar muka yang baik membuat pengguna semakin produktif ◦ Waktu dalam waktu yang semakin pendek dan pekerjaan yang diselesaikan semakin banyak �Forgiveness ◦ Semua orang pernah melakukan kesalahan ◦ Bagaimana aplikasi dapat mengatasi kesalahan yang dilakukan oleh pengguna ◦ Apakah ada undo? ◦ Bagaimana memulihkan berkas yang tidak sengaja terhapus?

Desain Tampilan Antar Muka • • Layout dan Posisi Bentuk dan Ukuran Warna Kontras

Desain Tampilan Antar Muka �Layout dan Posisi �Bentuk dan Ukuran ◦ Posisi yang benar dapat meningkatkan flow ◦ Mendefinisikan hirarki dan hubungan antar elemen ◦ Menyatukan elemen bersama mengindikasikan adanya ◦ Bentuk elemen dapat digunakan untuk membedakan elemen-elemen ◦ Ukuran dapat digunakan untuk menunjukkan seberapa penting suatu elemen, elemen yang semakin besar maka semakin penting elemen tersebut

Desain Tampilan Antar Muka �Warna ◦ Berguna untuk banyak hal ◦ Dapat menarik perhatian (kotak pemberitahuan warna kuning dengan latar warna putih) ◦ Dapat mengungkapkan makna (merah menandakan berbahaya) �Kontras ◦ Warna terang dan gelap pada elemen dapat meningkatkan usabilitas antar muka ◦ Tulisan hitam di atas latar putih lebih mudah dibaca dibandingkan tulisan kuning di atas latar putih

Terimakasih