Pemilihan Menu dan Pengisian Formulir
Desain interface dan layar yang baik:
- Mencerminkan kemampuan, kebutuhan, dan tugas penggunanya. Dikembangkan dalam batasan fisik yang dipaksa ditampilkan oleh perangkat lunak.
- Memanfaatkan kemampuan perangkat lunak pengendalian secara efektif.
- Mencapai tujuan bisnis dari sistem yang dirancang.
Pertimbangan manusia dalam desain interface dan layar:
- Cara mencegah timbul masalah dari pengguna, semua gangguan dan hal yang menyebabkan putus asa harus dihilangkan dalam desain.
- Apa yang pengguna inginkan, arah yang diinginkan adalah menuju kesederhanaan, kejelasan, dan dimengerti.
- Mengindentifikasi tugas yang harus dilakukan atau kebutuhan yang harus dicapai.
- Memutuskan bagaimana tugas akan diselesaikan atau kebutuhan terpenuhi.
- Komputer memanipulasi kontrol
- Mengumpulkan data yang diperlukan atau konten sementara menyaring data yang bermakna.
- Bentuk penilaian menghasilkan keputusan yang relevan dengan tugas atau kebutuhan.
Tujuan desain user interface
- Dipahami secara kognitif
- Konsisten
- Dapat diprediksi
- Dapat dikontrol
- Diterima secara efektif
- Penguasaan
- Kepuasan
- Tanggungjawab
3 Prinsip dasar desain (RES, 2001)
- Konsistensi
- Membuat interaksi yang dapat diprediksi
- Interface harus menunjukkan konsitensi pada label yang digunakan.
- Semua tindakan pengguna harus dapat dibalikkan (Undo).
- Kesederhanaan
- Menampilkan tidak lebih dari yang dibutuhkan
- Membutuhkan input minimum dari pengguna
- Jaga diantara pengguna dan tugas tetap fokus
- Membuat konsep tertentu yang jelas
- Gunakan representasi visual dengan manipulasi langsung (jika memungkinkan).
- Jelas tidak nya sangat penting, seperti pernyataan informasi, organisasi, dan penamaan kontrol interface, tata letak layar
- Konteks
Mengenal kemampuan interaksi yang harus tampil sebagai urutan mengidentifikasi interface. Pedoman ini dibagi menjadi 6, yaitu:- Masukkan data
- Tampilkan data
- Urutan kontrol
- Pedoman pengguna
- Transfer data
- Perlindungan data
Membangun menu sistem dan skema navigasi
Menu merupakan bentuk utama navigasi sistem, jika dirancang dengan benar akan membantu pengguna membangun model mental dari sistem.
Menu efektif karena menggunakan kelebihan manusia dalam hal Recognition (pengenalan) dan bukan kelemahannya, dalam hal ingatan.
Struktur Menu
Mendefinisikan tingkat kendali pengguna dalam melaksanakan sebuah Task (tugas).
Struktur menu yang dikenal:
- Menu tunggal
- Menu linier sekuensial
- Menu simultan
- Menu hirarki
- Menu terhubung
- Menu Event-Trapping
Fungsi menu
- Navigasi ke menu baru
- Mengeksekusi sebuah aksi atau prosedur
- Menampilkan informasi
- Memasukkan data
Isi menu
Sebuah menu yang terdiri atas 4 elemen, yaitu:
- Konteks
- Judul
- Pilihan
- Intruksi Penyelesaian
Format menu (Petunjuk)
- Konsisten
- Konsisten dengan ekspetasi pengguna
- Konsisten dalam menu:
- Format: organisasi, presentasi, urutan pilihan
- Frasa: judul, deskripsi, pilihan, dan instruksi
- Cara Pilih
- Skema Navigasi
- Tampil (permanen atau on demand)
- Presentasi (sebuah menu dan pilihan – pilihannya dapat langsung dikenali sebagai sebuah menu)
- Organisasi
- Sediakan menu utama
- Tampilkan, semua alternatif relevan, hanya alternatif relevan (hilangkan)
- Sesuaikan struktur menu dengan struktur tugas
- Minimalkan tingkat menu, untuk website batasi hingga 2 level
- Jumlah Pilihan
- Sediakan cara memendekkan Menu
- Jangan sampai menu si scroll
- Kompleksitas
Sediakan menu sederhana - Susunan pilihan
- Urutan pilihan
- Pengelompokkan
- Garis pembatas
- Pemilihan menu pendukung
- Bahasa atau kata yang digunakan
- Intruksi menu
- Intent indikator
- Keyboard shortcuts
- Memilih pilihan
- Sediakan defaults
- Pilihan yang tidak dapat dipilih
- Tanda aktif atau non aktif sebuah pilihan
- Toggled menu items
Navigasi untuk website
Navigasi adalah cara orang mencari apa yang mereka inginkan dari sebuah website.
Pencarian ini terdiri atas 4 langkah:
- Orientasi
- Keputusan rute
- Monitoring rute
- Pengenalan tujuan
Rancangan navigasi website
- Pertolongan navigasi website
- Untuk membantu navigasi
- Sediakan peta atau overview hirarki menu
- Sediakan clickability cues
- Sediakan pilihan – pilihan yang akan ada di level selanjutnya
- Ganti warna sebuah link yang sudah diklik
- Sediakan umpan balik berkaitan dengan lokasi saat ini
- Sediakan sejarah (history) navigasi
- Cocokkan antara teks atau label sebuah link dengan judul halaman tujuan
- Untuk membantu navigasi
- Bagi isi menjadi fragmen – fragmen lojik
- Hirarki generality atau kepentingan
- Struktur relasi antar fragmen
- Gunakan tipe menu yang cocok
- Menu sekuensial untuk task yang sederhana
- Menu simultan untuk task yang dapat balik
- Jaga halaman navigasi agar tetap pendek
- Batasi teks prosa
- Scrolling
- Hindari scrolling halaman navigasi
- Batasi scrolling untuk melihat semua link pada halaman daftar isi
- Hindari horizontal scrolling