Web Design Principles
Mendesain interface sistem berbasis web untuk membangun website dengan halaman yang efektif, berikut ini beberapa atribut yang perlu diperhatikan:
- Textual Content
Konten yang ditampilkan dalam sebuah website memiliki nilai yang lebih penting dibandingkan desain website itu sendiri, informasi yang sesuai merupakan hal yang sangat penting dalam sebuah website. - Graphics Design
Tampilan grafik harus memperhatikan masalah konsistensi, susunan antara teks dan gambar, kontras, warna, dan fungsionalitas dari gambar yang ditampilkan.Pemilihan format gambar yang sesuai:
- GIF atau Graphic Interchange Format (Compressed, lossless format, 8bit).
- Memungkinkan warna transparan dan animasi, cocok untuk ikon atau gambar warna yang solid.
- JPEG atau Joint Photographic Expert’s Group (Compressed, lossy, 24bit).
- Memungkinkan memilih faktor kompresi dan menentukan kualitas gambar, cocok untuk fotografi dan gambar dengan warna kompleks.
- PNG atau New Universal Format (Compressed, lossy, 24bit).
- Lebih unggul untuk menampilkan warna transparan dibandingkan JPEG dan GIF.
- Navigation
Elemen kritis dalam menentukan efektivitas antarmuka sebuah website. Navigasi harus memberikan penjelasan tentang struktur informasi pada website, dengan menyediakan:- Daftar isi (site map)
- Index
- Navigation bar
- Kemampuan searching
- Struktur
- Connectivity and compactness.
- Branching factor
- Page length
- Number of links
Struktur web
- Homepage merupakan halaman yang terpenting dalam website
- Berikan tampilan yang menarik pada homepage dan penjelasan tentang informasi apa saja yang ditemukan pada website.
- Tampilkan beberapa real content maupun berita aktual pada homepage.
- Jika link yang dibuat pada homepage menggunakan gambar, maka berikan pula label berupa teks.
- Tampilkan informasi dinamis pada homepage.
- Links
Link harus memberikan penjelasan tentang apa yang dapat dilakukan pada halaman berikutnya.
Sebuah link yang baik berpedoman pada:- Bagaimana user dapat memprediksi tujuan sebuah link.
- Bagaimana user dapat membedakan antara sebuah link dengan link lainnya yang memiliki kemiripan.
- Sesuai tidak konten yang ditampilkan oleh link.
Mobile Device User Interface
Yang berbeda pada perangkat mobile:
- Perbedaan input (one-handed, keypad, kamera, pen, soft keyboard)
- Digunakan pada tempat berbeda – beda.
- Daya energi terbatas
- Mudah rusak
- Bandwith yang rendah
- Layar yang kecil
- Sangat mungkin muncul desain interaksi baru dalam waktu dekat
Interface perangkat mobile
- Memungkinkan memakai penggunaan shortcut
- Menawarkan umpan balik informasi
- Mendesain analog yang mudah digunakan
- Mendukung kendali internal
Hal yang harus diperhatikan
- Pencegahan kesalahan dengan error handling yang sederhana
Efisiensi dan optimasi penggunaan internal
Stabilitas koneksi jaringan dan pemanfaatan akses jaringan yang seminimal mungkin
Prinsip desain antar muka perangkat mobile
- Desain konteks multiple dan dinamis
- Desain perangkat dengan ukuran kecil
- Desain dengan perhatian khusus
- Desain kecepatan dan recovery
- Desain interaksi top-down
- Desain personalisasi
- Desain yang menyenangkan