Saturday, January 14, 2017

Design Interface


  • Pengertian Perancangan Antar Muka
Merancang antarmuka merupakan bagian yang paling penting dari merancang sistem. Biasanya hal tersebut juga merupakan bagian yang paling sulit, karena dalam merancang antarmuka harus memenuhi tiga persyaratan: sebuah antarmuka harus sederhana, sebuah antarmuka harus lengkap, dan sebuah antarmuka harus memilki kinerja yang cepat.
  • Tujuan Perancangan Antar Muka
Tujuan perancangan antarmuka pada dasarnya adalah untuk mendapatkan satu kriteria yang sangat penting dalam pengoperasian sebuah program aplikasi, yakni aspek ramah dengan pengguna (user friendly).
  • Karakteristik Design Web yang Baik 
DESAIN SECARA UMUM
- Loading halaman cepat
- Halaman index atau home pas di ukuran minimal 800 x 600 pixel
- Seluruh halaman lainnya juga harus pas dengan ukuran minimal 800 x 600 pixel
- Gunakan elemen grafis (foto, gambar, dsb.) untuk mengisi jeda antara paragraf dalam sebuah tulisan berukuran sangat panjang
- Buat setiap halaman tampak sebagai bagian dari situs tersebut; tampilkan elemen tertentu secara berulang yang akan mengingatkan pengunjung bahwa ia masih berada dalam situs yang sama.

TEKS
- Warna latar belakang tidak bertabrakan dengan warna teks
- Teks cukup besar untuk dibaca, tetapi jangan terlalu besar
- Hirarki informasi jelas
- Kolom teks lebih kecil dari kolom di buku untuk memudahkan membaca di layar

NAVIGASI
- Tombol dan bar navigasi mudah dipahami penggunaannya
- Navigasi konsisten di seluruh situs
- Tombol dan bar navigasi memberi petunjuk kepada pengunjung dimana mereka berada sekarang, dan halaman apa yang mereka lihat sekarang
 Frame, jika digunakan, tidak menggangu
- Situs berukuran besar memiliki index atau peta situs

LINK
- Warna link disesuaikan dengan warna halaman
- Link selalu bergaris bawah sehingga jelas bagi pengunjung

GAMBAR
- Tombol-tombol berukuran secukupnya
- Setiap gambar ada keterangan/label alt-nya
- Setiap link gambar memiliki link teks yang sesuai
- Gambar dan latar belakang menggunakan warna yang mampu ditampilkan browser (browser-safe colors)
 Animasi akan berhenti dengan sendirinya setelah beberapa saat
Load disqus comments

0 comments