VISIBILITY OF SYSTEM STATUS - JAMILIN.COM

Berdasarkan prinsip HE ini, desain antarmuka dari suatu sistem harus memberikan informasi penggunan sedang beradi dimana atau navigasi. Pengguna harus mendapatkan feedback dari setiap "aksi" yang dilakukan.

Untuk itu, saya akan membahas tentang bagaimana VISIBILITY OF SYSTEM STATUS dari website jamilin.com. Perhatikan screenshot dari halaman beranda jamilin.com berikut ini.

Gambar 1. "Home" Jamilin.com

Masalah :

Perhatikan gambar home tersebut, pada gambar tersebut tidak terdapat navigasi, dimana fungsi navigasi ini dapat membantu user untuk mengetahui sedang dimana ia berada.

---

Pada halaman tersebut tidak terdapat alah bantu "search", dimana fungsi search ini sangat membantu user  untuk mencari apa yang user butuhkan.

Solusi :

Seharusnya navigasi dan alat bantu "search" harus ada, karena akan sangat membantu user, hal ini juga dikarenakan banyaknya menu-menu yang terdapat pada website tersebut. Dan juga kalau user "tersesat" maka user dapat mengetahui dimana dia sekarang berada dengan adanya navigasi. Untuk, alat bantu "search" itu sangat membatu user dalam melakukan pencarian.

Severity Rating / Peringkat keparahan : Merupakan penilaian berupa peringkat 0-4
     0 : Saya tidak setuju, tidak menjadi masalah.
     1 : Tidak perlu diperbaiki, kecuali tersedia waktu tambahan untuk project
     2 : Permasalahan minor, prioritas rendah (low priority)
     3 : Permasalahan mayor, prioritas tinggi (high priority)
     4 : Penting untuk diperbaiki sebelum product di realease

     Severity rating / peringkat keparahan untuk beberapa permasalahan ini adalah : 3 

ERROR PREVENTION - JAMILIN.COM

Berdasarkan prinsip HE ini, sistem atau aplikasi harus mampu menangani kesalahan, sebelum pengguna melakukan kesalahan.

Untuk itu, saya akan membahas tentang bagaimana ERROR PREVENTION dari website jamilin.com. Perhatikan screenshot dari halaman beranda jamilin.com berikut ini.

Gambar 1. Error Prevention

Gambar 2. Menu Youth Serum Sample

Gambar 3. Page not found

Masalah :

Perhatikan gambar 1, pada gambar tersebut terdapat fungsi sign in, dimana ketika saya mencoba fungsi ini dengan tidak memasukkan email dan password, website tidak melakukan penanganan kesalahan tetapi malah kembali ke halaman ini lagi.

---

Perhatikan gambar 2 dan 3, pada gambar 2 saya memilih menu "Youth Serum Sample", dan website malah menampilkan gambar3, atau dengan kata lain halaman dari menu "Youth serum sample" tidak ditemukan.

Solusi :

Harusnya untuk masalah penanganan sign in ada error prevention, dimana ketika user tidak memasukkan email dan password, sistem atau web harus menanganinya atau dengan kata lain sistem menampilkan javascript "Please fill field email and password".

Severity Rating / Peringkat keparahan : Merupakan penilaian berupa peringkat 0-4
     0 : Saya tidak setuju, tidak menjadi masalah.
     1 : Tidak perlu diperbaiki, kecuali tersedia waktu tambahan untuk project
     2 : Permasalahan minor, prioritas rendah (low priority)
     3 : Permasalahan mayor, prioritas tinggi (high priority)
     4 : Penting untuk diperbaiki sebelum product di realease

     Severity rating / peringkat keparahan untuk beberapa permasalahan ini adalah : 3 

MATCH BETWEEN SYSTEM AND THE REAL WORLD - JAMILIN.COM

Berdasarkan prinsip HE ini, desain antarmuka dari suatu sistem harus menggunakan bahasa, icon, logo, konsep yang sesuai dengan kebiasaan sehari-hari atau dengan kata lain, sudah familiar dengan user. Hal ini penting dilakukan karena hal ini dapat memudahkan user dalam menggunakan suatu aplikasi atau sistem.

Untuk itu, saya akan membahas tentang bagaimana MATCH BETWEEN SYSTEM AND THE REAL WORLD dari website jamilin.com. Perhatikan screenshot dari halaman beranda jamilin.com berikut ini.

Gambar 1. Menu yang tidak familiar bagi pengguna

Gambar 2. Menu yang tidak familiar bagi pengguna

Masalah :

Perhatikan gambar 1, pada gambar tersebut terdapat penamaan menu yang tidak familiar bagi pengguna, maka karena itu pengguna perlu mencoba menu tersebut.

---

Setelah saya mencobanya, ternyata ada bagian submenu dari "Jami Lin's Musings", anehnya, dalam dropdown menu tersebut terdapat submenu "welcome home" yang biasanya selalu menjadi halaman pertama setiap aplikasi atau sistem dijalankan. Setelah saya mencobanya, ternyata submenu tersebut mengarah ke halaman itu juga. Hal ini sangat "aneh" dan mungkin sangat menjengkelkan bagi user. Dan juga sub-sub menu dari menu tersebut tidak relevan dengan penamaan induk menu nya "Jami Lin's Musings". Perhatikan gambar 2, sub-sub menu tersebut tidak menggambarkan maksud dari menu "Jami Lin's Musings".

Solusi :

Harusnya untuk penamaan menu, harusnya menggunakan bahasa yang sudah familiar bagi pengguna. Maksudnya, pengguna tidak kebingungan untuk menggunak menu-menu tersebut. Dan juga seharusnya, "home" tidak menjadi submenu disuatu aplikasi atau web, harusnya ketika pengguna mengakses web atau aplikasi, sebaiknya langsung redirect ke halaman "home". Penggunaan Icon juga dapat membantu agar user dapat mengerti maksud dari menu-menu tersebut dan penggunaannya juga harus relevan dengan tujuan dari menu tersebut.

Severity Rating / Peringkat keparahan : Merupakan penilaian berupa peringkat 0-4
     0 : Saya tidak setuju, tidak menjadi masalah.
     1 : Tidak perlu diperbaiki, kecuali tersedia waktu tambahan untuk project
     2 : Permasalahan minor, prioritas rendah (low priority)
     3 : Permasalahan mayor, prioritas tinggi (high priority)
     4 : Penting untuk diperbaiki sebelum product di realease

     Severity rating / peringkat keparahan untuk beberapa permasalahan ini adalah : 3 

CONSISTENCY AND STANDARDS - JAMILIN.COM

Berdasarkan prinsip HE ini, desain antarmuka sistem harus konsisten dalam bahasa, ukuran button, design layout dan situasi lainnya dalam sebuah situs web.
Untuk itu, saya akan membahas tentang bagaimana CONSISTENCY AND STANDARDS dari website jamilin.com. Perhatikan screenshot dari halaman beranda jamilin.com berikut ini.

Gambar 1. Penulisan dropdown menu yang tidak konsisten

Gambar 2. Desain layout tidak konsistensi

Masalah :

Perhatikan gambar 1, pada gambar tersebut terdapat penamaan dropdown menu yang tidak konsisten, dimana dropdown menu "LOOK YOUNGER serums" dan "CRYSTAL Activated Shirts" ditulis dengan menggunakan format penulisan yang berbeda dengan dropdown menu lainnya. Dimana format penulisan dropdown menu lainnya menggunakan format Capitalize Each Word, sementara dua dropdown menu tersebut tidak menggunakan format penulisan yang sama.

---

Perhatikan gambar 2, gambar tersebut merupakan desain layout dari dropdown menu "LOOK YOUNGER Serums". Ketika user masuk ke menu tersebut, desain layoutnya tidak konsisten dengan "Home" dari website tersebut. Hal ini sangat mengganggu user. Dimana, pada halaman "Home" menggunakan background warna coklat, sementara pada menu "LOOK YOUNGER Serums" menggunakan background warna biru.

Solusi :
Seharusnya penulisan dropdown menu harus konsisten, maksudnya jika ditulis dengan Capitalize Each Words maka semuanya harus ditulis dengan Capitalize Each Words. Desain layout harus konsisten, sehingga tidak mengganggu user dan mungkin akan membingungkan user, dan user mungkin akan menganggap itu bukan bagian dari website tersebut. 

Severity Rating / Peringkat keparahan : Merupakan penilaian berupa peringkat 0-4
     0 : Saya tidak setuju, tidak menjadi masalah.
     1 : Tidak perlu diperbaiki, kecuali tersedia waktu tambahan untuk project
     2 : Permasalahan minor, prioritas rendah (low priority)
     3 : Permasalahan mayor, prioritas tinggi (high priority)
     4 : Penting untuk diperbaiki sebelum product di realease

     Severity rating / peringkat keparahan untuk beberapa permasalahan ini adalah : 3

AESTHETIC AND MINIMALIST DESIGN - JAMILIN.COM

Berdasarkan prinsip HE ini, sebuah sistem harus memiliki desain yang minimalis dan dapat menarik minat pengguna. Maksudnya adalah user interface dari suatu sistem tidak boleh mengandung informasi yang tidak relevan dengan tujuan utama dari sistem atau informasi yang tidak dibutuhkan dan juga desain dari sistem tidak terlalu rumit.

Untuk itu, saya akan membahas tentang bagaimana AESTHETIC AND MINIMALIST DESIGN dari website jamilin.com. Perhatikan screenshot dari halaman beranda jamilin.com berikut ini.

Gambar 1. Halaman Beranda

Gambar 2. Lanjutan Halaman Beranda

Gambar 3. Lanjutan Halaman Beranda

Masalah :
Perhatikan gambar diatas, pada gambar tersebut banyak sekali informasi yang tidak relevan ditampilkan. Seperti yang ditunjukkan oleh gambar panah biru pada gambar 1 dan panah merah pada gambar 2. Ini akan sangat mengganggu pengguna yang mengunjugi website tersebut dan akan mempengaruhi fokus user pada halaman yang dikunjungi.

---

Desain pada halaman beranda website jamilin.com sangat rumit, banyak terdapat space yang kosong. Ketika user masuk ke website ini maka tidak akan menarik minat dari user tersebut. Pada gambar 1, terdapat logo facebook, tetapi penulisannya tidak rata. Desainnya tidak menarik sama sekali. Pengaturan menu-menu juga tidak tertata dengan baik

Solusi :
Seharusnya informasi yang tidak relevan dengan websitenya tidak perlu ditampilkan, seperti yang ditunjukkan panah biru pada gambar 1, sebaiknya itu dihapus saja. Logo dan penulisan yang ditunjukkan panah merah pada gambar 1, sebaiknya dibuat rata. Space-space yang kosong seharusnya digunakan agar pengaturan menu-menu websitenya dapat diatur dengan baik.

Severity Rating / Peringkat keparahan : Merupakan penilaian berupa peringkat 0-4
     0 : Saya tidak setuju, tidak menjadi masalah.
     1 : Tidak perlu diperbaiki, kecuali tersedia waktu tambahan untuk project
     2 : Permasalahan minor, prioritas rendah (low priority)
     3 : Permasalahan mayor, prioritas tinggi (high priority)
     4 : Penting untuk diperbaiki sebelum product di realease

     Severity rating / peringkat keparahan untuk beberapa permasalahan ini adalah : 3