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