41868 prinsip desain antar muka 1
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
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