3be6a prinsip dasar desain antarmuka imk
PRINSIP DASAR DESAIN
ANTARMUKA
USER COMPATIBILITY
• DESAIN ANTARMUKA YANG DIBUAT
HARUS MELIHAT KARAKTERISTIK DARI
USER. MISAL DISESUAIKAN DENGAN
GENDER, KEBIASAAN
WORK FLOW COMPATIBILITY
• ALUR KERJA YANG DILAKUKAN OLEH
ANTARMUKA HARUS RUNTUT, DAN
MEMBANTU USER AGAR LEBIH
MUDAH DALAM PEKERJAANNYA
TASK COMPATIBILITY
• PEMILIHAN SUATU ICON/MENU
UNTUK PERINTAH/TUGAS TERTENTU
HENDAKNYA SESUAI DENGAN
FUNGSINYA. CONTOH :KETIKA
SESEORANG MELIHAT ICON”COPY”
MAKA AKAN LANGSUNG DIKETAHUI
BAHWA UNTUK MENGGANDAKAN
SUATU DATA
PRODUCT COMPATIBILITY
PRODUK YANG DIHASILKAN HARUS
SESUAI DENGAN SISTEM ASLINYA.
HARUS MUDAH DIPAHAMI OLEH
SETIAPO USER
CONSISTENCY
• KESERAGAMAN TAMPILAN, ATAU
KEMIRIPAN TAMPILAN PADA SEBUAH
ANTARMUKA MESKIPUN MEMEILIKI
VERSI YANG BERBEDA
FAMILIARITY
• PENGGUNAAN NAMA, GAMBAR,
MAUPUN ISTILAH YANG MUDAH
DIINGAT OLEH USER
SIMPLICITY
• TAMPILAN YANG SEDERHANA DAN
TIDAK MEMBINGUNGKAN AKAN LEBIH
MEMUDAHKAN USER UNTUK
MENGGUNAKAN PRODUK TERTENTU
CONTROL
• BERIKAN CONTROL PENUH PADA
USER BIASANYA TIDAK MAU TERLALU
ANYAK ATURAN
DIRECT MANIPULATION
• PENGGUNAAN SHORTCUT AATAUPUN
KOMBINASI KEYBOARD UNTUK
MEMPERMUDAH SUATU PERINTAH
WYSIWYG
• WHAT YOU SEE IS WHAT YOU GET
BUAT TAMPILAN SEMIRIP MUNGKIN
DENGAN DATA ASLINYA
FLEXIBILITY
• ANTARMUKA YANG DIBUAT MEMILLIKI
TOOL YANG MUDAH DIGUNAKAN
USER. SUATU PERINTAH DAPAT
DIJALANKAN DENGAN LEBIH DARI 1
CARA
responsiveness
• Setelah memberikan inputan atau
memasukkan data ke aplikasi sistem
hendaknya langsung memberi
tanggapan dari hasil data yang
diinputkan
• Contoh : loading…46%
Invisible technology
• User cenderung memiliki
keingintahuan terhadap kecanggihan
suatu technology untuk itu suatu
aplikasi hendaknya memilliki fitur
tertentu yang tidak dimiliki oleh
aplikasi lain
protection
• Melindungi user dari kesalahan yang
umum dilakukan , misal: dengan
memberikan fitur back atau undo
Ease of learning & ease of
use
Contoh aplikasi yg sesuai dgn prinsip
dasar antarmuka
• Paint
– Menu paling mudah diingat
– Icon sesuai
– Tampilan mudah diingat
Contoh aplikasi tidak sesuai
• Ms. Visual basic
– Icon sulit dipahami
– Tampilan membingungkan
ANTARMUKA
USER COMPATIBILITY
• DESAIN ANTARMUKA YANG DIBUAT
HARUS MELIHAT KARAKTERISTIK DARI
USER. MISAL DISESUAIKAN DENGAN
GENDER, KEBIASAAN
WORK FLOW COMPATIBILITY
• ALUR KERJA YANG DILAKUKAN OLEH
ANTARMUKA HARUS RUNTUT, DAN
MEMBANTU USER AGAR LEBIH
MUDAH DALAM PEKERJAANNYA
TASK COMPATIBILITY
• PEMILIHAN SUATU ICON/MENU
UNTUK PERINTAH/TUGAS TERTENTU
HENDAKNYA SESUAI DENGAN
FUNGSINYA. CONTOH :KETIKA
SESEORANG MELIHAT ICON”COPY”
MAKA AKAN LANGSUNG DIKETAHUI
BAHWA UNTUK MENGGANDAKAN
SUATU DATA
PRODUCT COMPATIBILITY
PRODUK YANG DIHASILKAN HARUS
SESUAI DENGAN SISTEM ASLINYA.
HARUS MUDAH DIPAHAMI OLEH
SETIAPO USER
CONSISTENCY
• KESERAGAMAN TAMPILAN, ATAU
KEMIRIPAN TAMPILAN PADA SEBUAH
ANTARMUKA MESKIPUN MEMEILIKI
VERSI YANG BERBEDA
FAMILIARITY
• PENGGUNAAN NAMA, GAMBAR,
MAUPUN ISTILAH YANG MUDAH
DIINGAT OLEH USER
SIMPLICITY
• TAMPILAN YANG SEDERHANA DAN
TIDAK MEMBINGUNGKAN AKAN LEBIH
MEMUDAHKAN USER UNTUK
MENGGUNAKAN PRODUK TERTENTU
CONTROL
• BERIKAN CONTROL PENUH PADA
USER BIASANYA TIDAK MAU TERLALU
ANYAK ATURAN
DIRECT MANIPULATION
• PENGGUNAAN SHORTCUT AATAUPUN
KOMBINASI KEYBOARD UNTUK
MEMPERMUDAH SUATU PERINTAH
WYSIWYG
• WHAT YOU SEE IS WHAT YOU GET
BUAT TAMPILAN SEMIRIP MUNGKIN
DENGAN DATA ASLINYA
FLEXIBILITY
• ANTARMUKA YANG DIBUAT MEMILLIKI
TOOL YANG MUDAH DIGUNAKAN
USER. SUATU PERINTAH DAPAT
DIJALANKAN DENGAN LEBIH DARI 1
CARA
responsiveness
• Setelah memberikan inputan atau
memasukkan data ke aplikasi sistem
hendaknya langsung memberi
tanggapan dari hasil data yang
diinputkan
• Contoh : loading…46%
Invisible technology
• User cenderung memiliki
keingintahuan terhadap kecanggihan
suatu technology untuk itu suatu
aplikasi hendaknya memilliki fitur
tertentu yang tidak dimiliki oleh
aplikasi lain
protection
• Melindungi user dari kesalahan yang
umum dilakukan , misal: dengan
memberikan fitur back atau undo
Ease of learning & ease of
use
Contoh aplikasi yg sesuai dgn prinsip
dasar antarmuka
• Paint
– Menu paling mudah diingat
– Icon sesuai
– Tampilan mudah diingat
Contoh aplikasi tidak sesuai
• Ms. Visual basic
– Icon sulit dipahami
– Tampilan membingungkan