Dokumen ini memberikan delapan pedoman desain antarmuka pengguna yang baik untuk membangun website yang ramah pengguna. Pedoman tersebut mencakup konsistensi desain, kegunaan universal, umpan balik informatif, dialog yang memberikan penutupan, mencegah kesalahan, memungkinkan pembatalan tindakan, kontrol internal, dan mengurangi beban memori jangka pendek.
1. EIGHT GOLDEN RULES
OF INTERFACE DESIGN
Kelompok 6
-
Kent Ardy S / 1501159233
Vina Stevani / 1501178421
Yennie Rosia / 1501178402
-Sinta Elisa / 1501145442
- Cecilia Andre / 1501193315
- Marchsun Tjahyadi/ 1501144881
2. Ben Schneiderman
Tahun 2010
Tujuan :
Pedoman yang baik untuk melakukan desain User Interface yang akan
diimplementasikan dalam sebuah website agar dapat menghasilkan
sebuah website yang user friendly
3. B E R U S A H A U N T U K KO N S I S T E N
(STRIVE FOR CONSISTENCY)
4.
5. M E M E N U H I K E G U N A A N YA N G U N I V E R S A L
(CATER TO UNIVERSAL USABILITY)
6. M E M B E R I K A N R E A K S I YA N G I N F O R M A T I F
(OFFER INFORMATIVE FEEDBACK)
7.
8.
9. MERANCANG DIALOG UNTUK
M E N G H A S I L K A N S UA T U P E N U T U PA N
(DESIGN DIALOG TO YIELD CLOSURE)
Schneidermanmengusulkankoleksiiniberdasarkanprinsip yang sudahditurunkandaripengalamandarisebagianbesarsisteminteraktifsetelahdiperbaiki, ditambahkandanditerjemahkandenganbenardalamkurunwaktu 3 dekade.Untukmeningkatkankegunaandariaplikasi, maka design antarmuka yang baikadalahsangatpenting. 8 aturanemasdesainantarmukadariSchneidermantelahditerimadenganbaiksebagaipetunjuk yang baikuntukdesainantarmuka.1.Strive for consistency2.Cater to universal usability3.Offer informative feedback4.Design dialogs to yield closure5.Prevent errors6.Permit easy reversal of actions7.Support internal locus of control8.Reduce short term memory load
Urutan yang konsistendalamsituasi yang mirip, terminologiidentikharusdigunakandalam prompt, menu danlayarbantuan, warna yang konsisten, tataletak, kapitalisasi, font, adalahwajibdanmutlak. Pengecualiantidakbolehterlalubanyak.Maksudnyaadalahkitaharusmemilikiaturanstandardalam website yang menunjukkankonsistensidari website yang kitapunya. Contohsederhananya, sepertiukuranhuruf yang kitapakai, aturanuntukmenulisadalah 12, kitatidakbolehberubah-rubahdalammemakaiukuranhurufsaatmenulisdanmerubahnyamenjadi 13, 17, 20. Contoh lain adalahkitamemakaiwarna yang berbeda-bedasetiap kali kita posting, memangmungkinkitabisamengiraituakanterlihatindah. Tapiapakah orang yang mengunjungi website kitaakanmerasahal yang sepertikitarasakan, bisasaja user saatmengunjungi website kita yang warna-warnitersebutmenjadipusingdantidakberniatberlama-lama daninginsegerameninggalkan website kita.Tiket.commenggunakantampilan website yang konsisiten, seperti yang kitalihatpadacontoh di atas, tampianwarna, huruf, background, dllsangatkonsistenantara 1 halamankehalamanlainnya. Begitujugadenganpenggunaanbahasapada Tiket.com yang sangatjelasdankonsistenmenunjukkanbahwa Tiket.com telahmemenuhiaturan“Strive for consistency”
Memenuhikegunaan yang universal (Cater to universal usability) Kenalikebutuhandaripengguna yang beragamdan design untukplastisitas, memfasilitasitransformasikonten. Perbedaanpenggunapemuladanahli, rentangusia, penyandangcacat, dankeragamanteknologimasing-masing. Memperkayaspektrumpersyaratan yang menjadipanduanperancangan. Menambahkanfituruntukpenggunapemula, sepertipenjelasan, danfituruntukpenggunaahli, sepertijalanpintasdanperpindahan yang lebihcepat, bisamemperkayaperancanganantarmukadanmeningkatkankualitassistem yang dirasakanpengguna. Dapatdilihatdarikemampuan tiket.com yang dapatdiakses di berbagainegara, dan tiket.com jugatersediadari 2 bahasayaitu Indonesia danInggris yang tentunyadapatdigunakandanmudahdimengertioleh user yang mengakses website tersebut. Selainbahasa yang disediakan, tiket.com jugamenyediakanlayananinformasidenganmenyediakanhargadariberbagaimatauang, sehingga user di seluruhnegaradapatmengaksesinformasitentangtikettersebut.
Offer Untuksetiaptindakan yang seringdilakukan, dapatdiberikanumpanbalik yang sederhana.tetapiketikatindakanmerupakanhalygpenting, makaumpanbaliksebaiknyalebihsubtansial. Misalnyamunculsuatusuaraketikasalahmenekantombolpadawaktumemasukkan data ataumunculpesankesalahanny. Olehkarenaitupadasaatkitamengunjungi website tiket.com, website tersebutmemberikaninformasi yang lengkapdanjelas, sehinggapenggunalebihmudahdalamberinteraksidengan website.
Merancang dialog untukmenghasilkansuatupenutupan (design dialog to yield closure) Urutantindakansebaiknyadiorganisirdalamsuatukelompokdenganbagianawal, tengah, danakhir. Umpanbalik yang informatifakanmemberikanindikasibahwacara yang dilakukansudahbenardandapatmempersiapkankelompoktindakanberikutnya. Sepertigambardiatas, dapatdilihatbahwapenggunadapatdenganmudahmengetahuiurutantindakanapasaja yang akan di lakukanuntukmengaksesinformasidari tiket.com tersebut. Informasi yang tersediadenganrincidanjelasmemudahkanpenggunauntukmendapatkanumpanbalik yang informatifdanmengetahuibahwacara yang dilakukannyatelahbenar.
MencegahkesalahanSedapatmungkinsistemdirancangsehinggapenggunatidakdapatmelakukankesalahan fatal. Jikakesalahanterjadisistemdapatmendeteksikesalahandengancepatdanmemberikanmekanisme yang sederhanadanmudahdimengertiuntukpenanganankesalahan. Denganadanya prevent error dalam 8 aturanemasdalammembangunsebuah website makadiharapkan tiket.com bisamemberikankemudahanuntukpenggunaketikaterjadikesalahan, sehinggatidakakanmempersulitpengguna yang inginbertransaksiataumenggunakan website
Mudahkembaliketindakansebelumnya ( permit easy reversal of actions) Hal inidapatmengurangikegelisahanpenggunakarenamengetahuikesalahan yang dilakukandapatdibatalkan, sehinggapenggunatidaktakutuntukmengeksplorasipilihan-pilihan lain yang belumbiasadigunakan. Website tiket.com menyediakanfiturini, yaitupilihanuntuk back, sehinggapengguna website dapatmengakses website tersebutdanmendapatkanbanyakinformasi yang diinginkantanpaadanya rasa khawatiratautakutbahwapilihantidakdapatdibatalkanlagi.
Support internal Pengguna yang berpengalamaninginmenjadipengontrolantarmukadanantarmukameresponmereka. Merekatidakingindikejutkandenganperubahan yang tiba-tiba, danmerekamerasaterganggudenganurutanpemasukan data yang membosankan, kesulitanuntukmendapatkaninformasi yang diinginkan, danketidakmampuanuntukmenghasilkanhasil yang merekaharapkan.
Aturaniniadalahbagaimanakitamembuat website kitaitusesederhanamungkin, kitatahubahwamanusiamemilikimemori yang terbatas. Olehkarenaitukitaharusmengusahakan agar website kitadapatmemberikaninformasinamuntetapmempertahankan website kita agar tetapmudahuntukdimengertidandimanfaatkan. Jadijanganbuat website yang terdiridariratusanhalaman, atau menu yang bertumpuk-tumpuksampai-sampai user harus scrolling mouse terusmenerusuntukmencari menu yang dicari. Tiket.commempunyaitampilan yang sederhanadannama website yang mudahdiingatsehingadapatmemudahkan user dalammengakseshalaman-halaman yang tersediapada Tiket.com. Dengantampilan yang sederhananamunmenarik, dapatmembuat user menjadi loyal terhadap website ini.