8 Golden Rules and 16 Prinsip UI (Studi kasus Elevenia)

1.       Strive for consistency

Strive for consistency pada web e-commerce elevenia bisa dilihat pada halaman home dan register yang tetap mempertahankan header dan icon elevenia

Gambar 1. Tampilan homepage

Gambar 2. Tampilan halaman register

2.       Cater to universal usability

Menu pemilihan Bahasa termasuk kedalam Cater to universal usability karena user bisa menyesuaikan Bahasa yang dimengertinya. Selain itu terdapat juga shortcut My Views yang berguna untuk melihat barang mana saja yang telah dilihat oleh user, Wishlist yang berguna untuk melihat barang mana yang masuk kedalam keinginan user, dan Back To Top untuk melihat halaman paling atas tanpa harus men-scroll mouse.

Gambar 3. Menu pemilihan bahasa

Gambar 4. Shortcut My Views, Wishlist, dan Back to Top

3.       Offer informative feedback

Salah satu Offer Informative feedback pada elevenia adalah ketika user menambahkan produk ke wishlist maka akan muncul pop-up notifikasi bahwa produk tersebut telah berhasil masuk kedalam wishlist.

Gambar 5. Pop-up notifikasi

4.       Design dialogs to yield closure

Elevenia sudah menerapkan prinsip ini, contohnya ketika user telah melakukan registrasi dan konfirmasi email, maka akan muncul pop-up notifikasi bahwa konfirmasi email sudah berhasil. Ini menunjukan bahwa proses registrasi sudah berhasil dan selesai.

Gambar 6. Notifikasi konfirmasi email

5.       Prevent error

Contoh prinsip ini diimplementasikan pada halaman registrasi, saat user memasukkan password tidak sesuai format, maka akan muncul feedback bagaimana format password yang benar .

6.       Permit easy reversal of actions

Prinsip ini diterapkan ketika user yang telah memilih barang untuk dibeli, ingin membatalkan barang tersebut. User dapat memilih menu hapus pada cart untuk membatalkan.

Gambar 7. Menu hapus cart barang

7.       Support internal locus of control

Pada elevenia terdapat menu untuk merubah tampilan web menjadi tampilan mobile, ini termasuk kedalam prinsip Support internal locus of control karena dapat mengatur tampilan sesuai preferensi user.

8.       Reduce short-term memory load

Penerapan prinsip ini terletak pada menu yang memiliki icon-icon, contohnya menu profile yang memiliki icon user, cart dengan icon keranjang, ini memudahkan user untuk mengenali system tanpa harus mempelajarinya secara berulang ulang

16 Prinsip User Interface Design

1.      Accessibility

Website Elevania dapat diakses dengan kalangan 17 tahun keatas karena terdapat transaksi yang menggunakan via bank transfer.

a.       Perceptibility : User dapat mengerti dengan mudah dengan masuk dihalaman utama karena akan ada beberapa pilihan category.jadi user akan dengan mudah memilih barang yang akan mau dibeli.

b.      Operability : Website Elevania dapat dioperasikan dengan mudah tanpa membuat user kebingungan.

c.       Simplicity : Website ini cukup simple karena user dapat memilih semua katagori barang didepan halaman utama tanpa harus masuk kehalaman selanjutnya.

2.      Aesthetically Pleasing

Website Elevania tidak menampilkan full color tapi justru memainkan warna-warna yang simple disini Elevania memainkan warna pada halaman utama berwarna putih dan beberapa font yang berwarna orange lalu dengan garis pembatas berwarna abu- abu.

3.      Availability

Di dalam Elevania terdapat banyak menu-menu utama yang tersedia diatas halaman utama website  dan menu kategori disamping kiri halaman website, agar dapat memudahkan user dalam mengakses link baru. setiap objek yang terdapat pada halaman nya dapat diakses dan tersedia page nya.

4.      Clarity

Dari situs Elevania terdapat banyak fungsi-fungsi yang didalam halaman utama tersebut memiliki fungsi yang jelas dan user dengan mudah dapat memahami fungsi tersebut karena dalam pemilihan kata untuk fungsinya cukup jelas dan user dapat mudah memahami. Tampilan textnya pun simple dengan memainkan warna putih dan hitam.

5.      Compatibility

Situs Elevania mempunyai banyak fitur-fitur tampilan karena Website ini bergerak di bidang e-comerce dan harus menampilkan banyak kategori-kategori produk. Fitur-fitur tersebut sesuai kebutuhan user dalam memilih, jika user memilih fitur electronic akan muncul kehalaman electronic tidak menampilkan halaman yang lain yang dapat membuat user kebingungan. Dihalaman utama akan banyak fitur yang akan memberitahu info kepada user tentang harga yang sedang promo/diskon dan sebagainya.alur dari perpindahan halaman 1 ke halaman berikutnya juga cukup mudah tidak ter-acak membuat user tidak kebingungan jika mengklik salah satu fitur.

6.      Configurability

Dalam website Elevania ini tidak dapat ditemukan prinsip uid karena tampilan web tidak dapat dikonfigurasi oleh user.

7.      Consistency

Dalam website Elevania ini bersifat konsisten karena dalam menjalankan aksi 1 ke aksi lainnya tidak berubah atau tetap sama dengan aksi sebelumnya dari segi text font dan warna pada tampilan website. Fungsi-fungsinya pun hampir sama semua dengan diarahkan berbagai kategori belanja yang mudah sehingga user tidak kebingungan dan akan mengetahui apa yang harus dilakukan.

8.      Control

Dalam website Elevania ini user dapat mengontrol sepenuhnya karena user dapat menentukan dia ingin melakukan apa, bagaimana cara menyelesaikannya dan dengan cara mudah untuk menyelesaikannya. Elevania sangat memanjakan user karena fast respons dalam berpindah halaman dan juga halaman yang tidak berubah seperti sama sebelumnya sehingga user dapat control dengan mudah sepenuhnya. Disini juga user dapat mencari informasi yang dibutuhkan dengan mudah karena terdapat fitur search dan lainnya sehingga user mampu mencapai hasil yang diinginkannya.

9.      Directness

Dalam website Elevania ini mempermudah user dalam menyelesaikan masalahnya atau informasi yang user butuhkan contohnya jika user mencari pakaian pria dan user mengklik pilihan pakaian pria website akan menampilkan aksi ke halaman pakaian pria semua. Jadi sangat membantu untuk menyelesaikan tugas user.

10.  Efficiency

Dalam website Elevania ini efisien karena user dapat memperkecil pergerakkan mata dan juga tangan dalam pengoperasian karena jalur navigasi yang singkat dan website ini hanya memiliki halaman tergantung sesuai kebutuhan user dalam memilih informasi yang dia inginkan. User juga akan dimudahkan dengan tersedianya berbagai macam tools dalam mencari informasi dan mengumpulkan informasi tersebut.

11.  Familiarity

Dalam website elevenia menggunakan prinsip familiarity sebagai contoh mengunakan logo elevenia di pojok kiri dan menggunakan kategori supaya dapat memudahkan pengguna mencari barang yang sesuai dengan kategori, menampilkan logo di dalam web sehingga lebih mudah di kenal .

12.  Flexibility

Pada web elevenia menggunakan prinsip UI flekxibility yaitu dengan membuat tombol pada logo elevenia ketika di klik nanti akan tampil ke layer home, dan terdapat pilihan menggunakan metode dalam menggunakan android jadi tidak hanya bisa di akses melalui web saja tapi smartphone android pun bisa.

13.  Forgiveness

Pada website elevenia sudah menerapkan prinsip forgiveness yaitu dengan menyediakan halaman bantuan sehingga memudahkan website tersebut dalam menangani kesalahan.

14.   Obviousness

Website elevenia sudah menggunakan prinsip obviousness karene pada tampilan awal terdapat kategori dan klom pencarian memudahkan pengguna untuk paham yang akan di lakukan oleh penguna.

15.  Immersion

Pada web elevenia sudah menerapkan prinsip Immersion yaitu ketika pada tampilan awal terdapat tampilan seperti barang atau iklan promosi sehingga pengunjung dapat melihat barang yang dia inginkan.

16.  Operability

Disini elevenia juga menggunakan pinsip operability karena menggunakan perangkat mobile sehingga memudahhkan pengguna ketika mengakses melalui handphone.