Design Pattern

1.    Friend (http://ui-patterns.com/patterns/friend)

·         PERMASALAHAN

Pengguna ingin membentuk hubungan yang disepakati dengan orang lain.

·         CONTOH

·         PENGGUNAAN

Gunakan ketika anda ingin membiarkan pengguna membuat lingkaran tertutup dengan siapa mereka ingin berinteraksi dan berbagi konten.

·         SOLUSI

Biarkan pengguna membentuk pertemanan dengan satu sama lain.

Menyetujui relasi pertemanan antar dua ornag, berbeda dengan membuat relasi pertemanan hanya seorang saja. Memiliki hubungan teman online sering memberi akses pihak masing-masing untuk pertukaran informasi antara mereka.

2.    Table Filter (http://ui-patterns.com/patterns/TableFilter)

·         PERMASALAHAN

Kebutuhan pengguna untuk kategoris menyaring data ditampilkan dalam tabel dengan kolom.

·         CONTOH

·         PENGGUNAAN

Gunakan ketika Anda memiliki set data sangat besar hasil yang terlalu besar untuk menampilkan dalam satu halaman

Gunakan ketika satu atau lebih kolom table dapat dengan mudah diringkas ke dalam kategori untuk menyaring oleh.

·         SOLUSI

Menetapkan pilihan yang terdapat pada kotak dropdown kategori sehingga pengguna dapat menyaring data. Setelah pengguna memilih kategori dan klik "Filter" atau sesuatu yang serupa (ketika pengguna mengirimkan formulir), hanya baris kategori yang dipilih yang akan ditampilkan.

Opsional, beberapa penyaring dapat ditambahkan. Jika solusi ini dipilih, Anda harus memperbarui kategori setiap kotak dropdown sesuai kategori yang dipilih – seperti memilih nilai dalam satu kategori dapat mengurangi pilihan yang tersisa nantinya.

·         MANFAAT

Menambahkan filter ke tabel memungkinkan pengguna mengurangi jumlah item yang ditampilkan. Filter membantu mempersempit hasil pencarian, dan membiarkan pengguna menemukan hasil yang lebih akurat.

3.    Home Link ( http://ui-patterns.com/patterns/HomeLink )

·         PERMASALAHAN

Kebutuhan pengguna untuk kembali dengan aman ke tempat awal situs.

·         CONTOH

·         PENGGUNAAN

Gunakan ketika pengguna sering memasukkan situs web melalui halaman selain halaman awal. Kebutuhan pengguna untuk dapat dengan mudah menavigasi ke titik awal atau halaman depan situs web.

·         SOLUSI

Ø  Membuat link ke titik awal atau halaman awal situs web pada situs logo pada setiap halaman di situs web.

Ø  Jika situs tidak memiliki logo, kemudian membuat link ke halaman awal situs web dengan teks 'home'.

Ø  Link dan/atau gambar terkait harus selalu berada di lokasi yang sama pada semua halaman.

Ø  Jika situs memiliki lebih dari satu home, kemudian pastikan untuk membuat perbedaan dalam menghubungkan antara root home dan local home.

·         MANFAAT

Hal ini telah menjadi standar dalam web design, bahwa logo situs selalu dihubungkan dengan titik aman lokasi untuk pengguna. Biasanya, ini adalah halaman awal situs, tetapi juga bisa dari bagian halaman awal situs, atau beberapa lainnya adalah titik aman lokasi bagi pengguna.