1 / 11

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 ?

ermin
Download Presentation

Desain Antar Muka

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Desain Antar Muka Grafika Komputer

  2. 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

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

  4. 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

  5. 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

  6. 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

  7. 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?

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

  9. Desain Tampilan Antar Muka • Layout dan Posisi • Posisi yang benar dapat meningkatkan flow • Mendefinisikan hirarki dan hubungan antar elemen • Menyatukan elemen bersama mengindikasikan adanya • Bentuk dan Ukuran • 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

  10. 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

  11. Terimakasih

More Related