SlideShare a Scribd company logo
1 of 16
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
 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
B E R U S A H A U N T U K KO N S I S T E N
(STRIVE FOR CONSISTENCY)
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)
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)
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)
MENCEGAH KESALAHAN
( P R E V E N T E R RO R S )
M U D A H K E M B A L I K E T I N D A K A N S E B E L U M N YA
(PERMIT EA SY REV ERSA L OF ACTION S)
SUPPORT INTERNAL LOCUS OF
CONTROL
MENGURANGI BEBAN INGATAN JANGKA PENDEK
( R E D U C E S H O RT- T E R M M E M O RY L OA D )
Tugas topik   topik lanjutan ke 1

More Related Content

Viewers also liked (13)

La violencia escolar
La violencia escolarLa violencia escolar
La violencia escolar
 
Enprendedor y cultura por juanes
Enprendedor y cultura por juanesEnprendedor y cultura por juanes
Enprendedor y cultura por juanes
 
Emprendimiento
EmprendimientoEmprendimiento
Emprendimiento
 
Blogs
BlogsBlogs
Blogs
 
E mail marketing equipa 26
E mail marketing equipa 26E mail marketing equipa 26
E mail marketing equipa 26
 
2004 2005 desp. profr. montes
2004 2005 desp. profr. montes2004 2005 desp. profr. montes
2004 2005 desp. profr. montes
 
Colonizadores elias e henrique
Colonizadores   elias e henriqueColonizadores   elias e henrique
Colonizadores elias e henrique
 
Dali Cast Info - Soluciones de Monitorización CastInfo
Dali Cast Info - Soluciones de Monitorización CastInfoDali Cast Info - Soluciones de Monitorización CastInfo
Dali Cast Info - Soluciones de Monitorización CastInfo
 
Criação página facebook equipa 16
Criação página facebook equipa 16Criação página facebook equipa 16
Criação página facebook equipa 16
 
Capacitação tutoria em ea d
Capacitação tutoria em ea dCapacitação tutoria em ea d
Capacitação tutoria em ea d
 
Intervalos aparentes de estadistica
Intervalos aparentes de estadisticaIntervalos aparentes de estadistica
Intervalos aparentes de estadistica
 
Acqua artigo lp
Acqua   artigo lpAcqua   artigo lp
Acqua artigo lp
 
Compliance in Unified Communications & Collaboration- The Financial Sector (1)
Compliance in Unified Communications & Collaboration- The Financial Sector (1)Compliance in Unified Communications & Collaboration- The Financial Sector (1)
Compliance in Unified Communications & Collaboration- The Financial Sector (1)
 

More from SiintaEllisa68 (11)

Keamanan Informasi
Keamanan Informasi Keamanan Informasi
Keamanan Informasi
 
totolan Knowledge management
totolan Knowledge management totolan Knowledge management
totolan Knowledge management
 
E shopping
E shoppingE shopping
E shopping
 
E shopping
E shoppingE shopping
E shopping
 
Totolan kriptografi
Totolan kriptografiTotolan kriptografi
Totolan kriptografi
 
Kriptografi
KriptografiKriptografi
Kriptografi
 
Artificial intelligence
Artificial intelligenceArtificial intelligence
Artificial intelligence
 
Customer Relationship Management
Customer Relationship ManagementCustomer Relationship Management
Customer Relationship Management
 
E business security
E business securityE business security
E business security
 
Information Security System
Information Security SystemInformation Security System
Information Security System
 
Online advertising
Online advertisingOnline advertising
Online advertising
 

Recently uploaded

Modul 2 - Bagaimana membangun lingkungan belajar yang mendukung transisi PAUD...
Modul 2 - Bagaimana membangun lingkungan belajar yang mendukung transisi PAUD...Modul 2 - Bagaimana membangun lingkungan belajar yang mendukung transisi PAUD...
Modul 2 - Bagaimana membangun lingkungan belajar yang mendukung transisi PAUD...
pipinafindraputri1
 
BAB 5 KERJASAMA DALAM BERBAGAI BIDANG KEHIDUPAN.pptx
BAB 5 KERJASAMA DALAM BERBAGAI BIDANG KEHIDUPAN.pptxBAB 5 KERJASAMA DALAM BERBAGAI BIDANG KEHIDUPAN.pptx
BAB 5 KERJASAMA DALAM BERBAGAI BIDANG KEHIDUPAN.pptx
JuliBriana2
 
Modul Projek Bangunlah Jiwa dan Raganya - Damai Belajar Bersama - Fase C.pptx
Modul Projek Bangunlah Jiwa dan Raganya - Damai Belajar Bersama - Fase C.pptxModul Projek Bangunlah Jiwa dan Raganya - Damai Belajar Bersama - Fase C.pptx
Modul Projek Bangunlah Jiwa dan Raganya - Damai Belajar Bersama - Fase C.pptx
RIMA685626
 
HAK DAN KEWAJIBAN WARGA NEGARA ppkn i.ppt
HAK DAN KEWAJIBAN WARGA NEGARA ppkn i.pptHAK DAN KEWAJIBAN WARGA NEGARA ppkn i.ppt
HAK DAN KEWAJIBAN WARGA NEGARA ppkn i.ppt
nabilafarahdiba95
 

Recently uploaded (20)

Modul 2 - Bagaimana membangun lingkungan belajar yang mendukung transisi PAUD...
Modul 2 - Bagaimana membangun lingkungan belajar yang mendukung transisi PAUD...Modul 2 - Bagaimana membangun lingkungan belajar yang mendukung transisi PAUD...
Modul 2 - Bagaimana membangun lingkungan belajar yang mendukung transisi PAUD...
 
OPTIMALISASI KOMUNITAS BELAJAR DI SEKOLAH.pptx
OPTIMALISASI KOMUNITAS BELAJAR DI SEKOLAH.pptxOPTIMALISASI KOMUNITAS BELAJAR DI SEKOLAH.pptx
OPTIMALISASI KOMUNITAS BELAJAR DI SEKOLAH.pptx
 
PELAKSANAAN (dgn PT SBI) + Link2 Materi Pelatihan _"Teknik Perhitungan TKDN, ...
PELAKSANAAN (dgn PT SBI) + Link2 Materi Pelatihan _"Teknik Perhitungan TKDN, ...PELAKSANAAN (dgn PT SBI) + Link2 Materi Pelatihan _"Teknik Perhitungan TKDN, ...
PELAKSANAAN (dgn PT SBI) + Link2 Materi Pelatihan _"Teknik Perhitungan TKDN, ...
 
Regresi Linear Kelompok 1 XI-10 revisi (1).pptx
Regresi Linear Kelompok 1 XI-10 revisi (1).pptxRegresi Linear Kelompok 1 XI-10 revisi (1).pptx
Regresi Linear Kelompok 1 XI-10 revisi (1).pptx
 
DAFTAR PPPK GURU KABUPATEN PURWOREJO TAHUN 2024
DAFTAR PPPK GURU KABUPATEN PURWOREJO TAHUN 2024DAFTAR PPPK GURU KABUPATEN PURWOREJO TAHUN 2024
DAFTAR PPPK GURU KABUPATEN PURWOREJO TAHUN 2024
 
SOAL PUBLIC SPEAKING UNTUK PEMULA PG & ESSAY
SOAL PUBLIC SPEAKING UNTUK PEMULA PG & ESSAYSOAL PUBLIC SPEAKING UNTUK PEMULA PG & ESSAY
SOAL PUBLIC SPEAKING UNTUK PEMULA PG & ESSAY
 
MODUL AJAR BAHASA INDONESIA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INDONESIA KELAS 6 KURIKULUM MERDEKA.pdfMODUL AJAR BAHASA INDONESIA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INDONESIA KELAS 6 KURIKULUM MERDEKA.pdf
 
Pengenalan Figma, Figma Indtroduction, Figma
Pengenalan Figma, Figma Indtroduction, FigmaPengenalan Figma, Figma Indtroduction, Figma
Pengenalan Figma, Figma Indtroduction, Figma
 
KELAS 10 PERUBAHAN LINGKUNGAN SMA KURIKULUM MERDEKA
KELAS 10 PERUBAHAN LINGKUNGAN SMA KURIKULUM MERDEKAKELAS 10 PERUBAHAN LINGKUNGAN SMA KURIKULUM MERDEKA
KELAS 10 PERUBAHAN LINGKUNGAN SMA KURIKULUM MERDEKA
 
Kanvas BAGJA prakarsa perubahan Ahyar.pdf
Kanvas BAGJA prakarsa perubahan Ahyar.pdfKanvas BAGJA prakarsa perubahan Ahyar.pdf
Kanvas BAGJA prakarsa perubahan Ahyar.pdf
 
AKSI NYATA TOPIK 1 MERDEKA BELAJAR. PPTX
AKSI NYATA TOPIK 1 MERDEKA BELAJAR. PPTXAKSI NYATA TOPIK 1 MERDEKA BELAJAR. PPTX
AKSI NYATA TOPIK 1 MERDEKA BELAJAR. PPTX
 
BAHAN PAPARAN UU DESA NOMOR 3 TAHUN 2024
BAHAN PAPARAN UU DESA NOMOR 3 TAHUN 2024BAHAN PAPARAN UU DESA NOMOR 3 TAHUN 2024
BAHAN PAPARAN UU DESA NOMOR 3 TAHUN 2024
 
BAB 5 KERJASAMA DALAM BERBAGAI BIDANG KEHIDUPAN.pptx
BAB 5 KERJASAMA DALAM BERBAGAI BIDANG KEHIDUPAN.pptxBAB 5 KERJASAMA DALAM BERBAGAI BIDANG KEHIDUPAN.pptx
BAB 5 KERJASAMA DALAM BERBAGAI BIDANG KEHIDUPAN.pptx
 
Modul Projek Bangunlah Jiwa dan Raganya - Damai Belajar Bersama - Fase C.pptx
Modul Projek Bangunlah Jiwa dan Raganya - Damai Belajar Bersama - Fase C.pptxModul Projek Bangunlah Jiwa dan Raganya - Damai Belajar Bersama - Fase C.pptx
Modul Projek Bangunlah Jiwa dan Raganya - Damai Belajar Bersama - Fase C.pptx
 
Modul Ajar Bahasa Inggris - HOME SWEET HOME (Chapter 3) - Fase D.pdf
Modul Ajar Bahasa Inggris - HOME SWEET HOME (Chapter 3) - Fase D.pdfModul Ajar Bahasa Inggris - HOME SWEET HOME (Chapter 3) - Fase D.pdf
Modul Ajar Bahasa Inggris - HOME SWEET HOME (Chapter 3) - Fase D.pdf
 
7.PPT TENTANG TUGAS Keseimbangan-AD-AS .pptx
7.PPT TENTANG TUGAS Keseimbangan-AD-AS .pptx7.PPT TENTANG TUGAS Keseimbangan-AD-AS .pptx
7.PPT TENTANG TUGAS Keseimbangan-AD-AS .pptx
 
LATAR BELAKANG JURNAL DIALOGIS REFLEKTIF.ppt
LATAR BELAKANG JURNAL DIALOGIS REFLEKTIF.pptLATAR BELAKANG JURNAL DIALOGIS REFLEKTIF.ppt
LATAR BELAKANG JURNAL DIALOGIS REFLEKTIF.ppt
 
Intellectual Discourse Business in Islamic Perspective - Mej Dr Mohd Adib Abd...
Intellectual Discourse Business in Islamic Perspective - Mej Dr Mohd Adib Abd...Intellectual Discourse Business in Islamic Perspective - Mej Dr Mohd Adib Abd...
Intellectual Discourse Business in Islamic Perspective - Mej Dr Mohd Adib Abd...
 
TUGAS RUANG KOLABORASI 1.3 PRAKARSA PERUBAHAN
TUGAS RUANG KOLABORASI 1.3 PRAKARSA PERUBAHANTUGAS RUANG KOLABORASI 1.3 PRAKARSA PERUBAHAN
TUGAS RUANG KOLABORASI 1.3 PRAKARSA PERUBAHAN
 
HAK DAN KEWAJIBAN WARGA NEGARA ppkn i.ppt
HAK DAN KEWAJIBAN WARGA NEGARA ppkn i.pptHAK DAN KEWAJIBAN WARGA NEGARA ppkn i.ppt
HAK DAN KEWAJIBAN WARGA NEGARA ppkn i.ppt
 

Tugas topik topik lanjutan ke 1

  • 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)
  • 10. MENCEGAH KESALAHAN ( P R E V E N T E R RO R S )
  • 11. M U D A H K E M B A L I K E T I N D A K A N S E B E L U M N YA (PERMIT EA SY REV ERSA L OF ACTION S)
  • 12.
  • 13.
  • 15. MENGURANGI BEBAN INGATAN JANGKA PENDEK ( R E D U C E S H O RT- T E R M M E M O RY L OA D )

Editor's Notes

  1. 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
  2. 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”
  3. 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.
  4. Offer Untuksetiaptindakan yang seringdilakukan, dapatdiberikanumpanbalik yang sederhana.tetapiketikatindakanmerupakanhalygpenting, makaumpanbaliksebaiknyalebihsubtansial. Misalnyamunculsuatusuaraketikasalahmenekantombolpadawaktumemasukkan data ataumunculpesankesalahanny. Olehkarenaitupadasaatkitamengunjungi website tiket.com, website tersebutmemberikaninformasi yang lengkapdanjelas, sehinggapenggunalebihmudahdalamberinteraksidengan website.
  5. 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.
  6. MencegahkesalahanSedapatmungkinsistemdirancangsehinggapenggunatidakdapatmelakukankesalahan fatal. Jikakesalahanterjadisistemdapatmendeteksikesalahandengancepatdanmemberikanmekanisme yang sederhanadanmudahdimengertiuntukpenanganankesalahan. Denganadanya prevent error dalam 8 aturanemasdalammembangunsebuah website makadiharapkan tiket.com bisamemberikankemudahanuntukpenggunaketikaterjadikesalahan, sehinggatidakakanmempersulitpengguna yang inginbertransaksiataumenggunakan website
  7. 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.
  8. Support internal Pengguna yang berpengalamaninginmenjadipengontrolantarmukadanantarmukameresponmereka. Merekatidakingindikejutkandenganperubahan yang tiba-tiba, danmerekamerasaterganggudenganurutanpemasukan data yang membosankan, kesulitanuntukmendapatkaninformasi yang diinginkan, danketidakmampuanuntukmenghasilkanhasil yang merekaharapkan.
  9. 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.