Home Link

Home Link kasusnya adalah sebagai berikut : 

 Anda telah masuk ke halaman  artikel dan anda ingin kembali ke homepage ( halaman beranda ).
Penggunaan Input Feed

1. Gunakan ketika user sering masuk website melalui halaman lain  bukan dari halaman homepage. user harus dapat dengan mudah menemukan arah ke halaman depan website.

 2. Umumnya home link ke halaman depan website ada pada logo situs pada setiap halaman di website.

 3. Jika situs tidak memiliki logo, kemudian link ke halaman depan website dengan teks 'Home'

 Tujuan penggunaan Input Field

Hal ini telah menjadi standar dalam WebDesign, bahwa logo situs selalu dikaitkan dengan lokasi start yang aman bagi pengguna. Biasanya, ini adalah halaman depan situs, tetapi juga bisa menjadi halaman depan bagian dalam situs tersebut, atau beberapa lokasi start aman lainnya bagi pengguna.

Unknown

0 komentar:

Desain Input Feedback


Input Feed kasusnya adalah sebagai berikut : 


Saat anda mendaftar atau register akun facebook  lalu saat anda meng-klik tombol daftar ternyata anda muncul peringatan agar anda mengisikan data email anda. peringatan yang muncul ini disebut "Input Feed".

Penggunaan Input Feed

 1.  Untuk memberikan Feedback kepada pengguna web saat ia  mengisi data atau 
     konten ke situs Anda.

 2.  Untuk memberitahu kepada pengguna web adanya kesalahan saat pengisian data. 

 3.  Untuk memberi tahu kepada pengguna web bahwa semua yang telah dilakukan 
     (pengisian data, informasi atau konten) adalah benar atau berhasil.


 Tujuan penggunaan Input Field

 Tujuan penggunaan "Input Feed" adalah untuk mengurangi kesalahan pengisian data atau konten di form yang disediakan. Teknisnya adalah  dengan mengkoreksi/memvalidasi data sesaat setelah user mengisi data.

 Jika data yang diisi oleh pengguna web tidak benar, maka "input feed" muncul menyampaikan pesan yang menjelaskan bagaimana memperbaiki data dan meminta pengguna web untuk mengisi kembali datanya. Adapun pesan tersebut harus menjelaskan bahwa:

 1.  Adanya kesalahan. tampilkan box berwarna terang misal merah dan letakan pada 
     posisi yang mudah dilihat mata pengguna web.

 2.  Di bagian mana kesalahan pengisian data terjadi. Hal ini dapat dilakukan dengan 
     menyoroti (meng-highlight) kolom informasi yang mengalami kesalahan  
     (dengan mengubah warna mereka).

 3.  Bagaimana kesalahan bisa diperbaiki. Memberikan informasi tentang apa yang 
     harus diisi agar data yang diisikan itu benar.


Desain visual dari input feedback harus sesuai dengan pesan yang ingin Anda berikan. Jika pengisian data benar, maka tampilkan box berwarna hijau agar si pengguna tahu. Jika pesan biasa saja, warna yang digunakan adalah kuning. dan Jika hal yang salah,maka gunakan warna merah.

Input Feedback

Unknown

0 komentar:

Navigasi Top Horizontal

Navigasi Top horizontal merupakan Pattern desain navigasi yang paling populer dan banyak digunakan. biasanya terletak di bagian paling atas atau berada di bawah header situs dan terlihat di semua halaman web dari sebuah situs.


Ciri umum dari Navigasi Top Horizontal 

  • Item navigasi bisa berupa teks hyperlink, Button, atau tab.
  • Navigasi horizontal sering ditempatkan berbatasan langsung dengan logo situs.
  • Umumnya terletak di bagian atas dari sebuah web. 


Kapan menggununakan Navigasi Top Horizontal ?

Navigasi Top horizontal sangat cocok untuk situs yang hanya menampilkan 5-12 item (berupa teks link yang menghubungkan ke halaman web lainnya) di menu utama. Namun, jika dikombinasikan dengan dropdown sub-navigasi, Navigasi top horizontal dapat memuat lebih banyak item.


Challenge Menggunakan Top Horizontal Bar 

Kelemahan  navigasi top horizontal adalah tidak bisa memuat link terlalu banyak Anda harus menyertakan sub-navigasi agar bisa memuat lebih banyak link.

Contoh dan Design Pattern 



Template dan Tools

Unknown

0 komentar:

Langganan: Postingan (Atom)