Evaluasi Desain Antarmuka Sistem Informasi Bencana Menggunakan Aturan Theo Mandel
DOI:
https://doi.org/10.25126/jtiik.2021834389Abstrak
Desain antarmuka merupakan hal yang penting dalam pengembangan aplikasi sistem informasi, dengan terbentuknya desain antarmuka yang baik maka akan dihasilkan suatu aplikasi yang memiliki nilai usability yang tinggi dan akan dapat meningkatkan pengalaman pengguna. Pada penelitian ini akan dilakukan evaluasi terhadap sebuah simulasi sistem informasi bencana berbasis website, dimana website dibangun menggunakan material desain vuetify.js. Vuetify merupakan sebuah library user interface dari front end framework yang memiliki desain antarmuka yang baik yaitu vue.js. Evaluasi dilakukan menggunakan Mandel's Golden Rules, dimana aturan tersebut memiliki tiga kelompok kriteria evaluasi dan tiap kelompok memiliki beberapa poin evaluasi, seperti 10 aturan evaluasi pada kelompok place users in control, 9 aturan evaluasi pada kelompok reduce users memory load dan 5 aturan evaluasi pada kelompok make the interface consistent. Sehingga secara keseluruhan terdapat sebanyak 24 aturan evaluasi. Berdasarkan evaluasi yang dilakukan dapat disimpulkan bahwa desain antarmuka dari website yang dibuat secara umum telah sesuai dengan aturan emas Theo Mandel. Dari 24 aturan evaluasi yang dinilai terdapat 9 aturan evaluasi mendapatkan nilai sangat baik dan 15 aturan mendapatkan nilai baik. Dengan total persentase nilai sebesar 79% (baik).
Abstract
Interface design is important in information system application development, with the formation of a good interface design, an application that has a high usability value will be produced and will be able to improve the user experience. This research will evaluate a website-based disaster information system simulation, where the website is built using the vuetify.js design material. Vuetify is a user interface library from the front end framework which is known for its good interface design, vue.js. Evaluation is carried out using Mandel's Golden Rules, where these rules have three groups of evaluation criteria and each group has several evaluation points, such as 10 evaluation rules in the place users in control group, 9 evaluation rules in the reduce users memory load group and 5 evaluation rules in the make group the interface consistent. So that in total there are 24 evaluation rules. Based on the evaluation, it can be concluded that the interface design of the website is generally in accordance with Theo Mandel's golden rules. Of the 24 evaluation rules that are assessed, there are 9 evaluation rules that get very good scores and 15 rules get good scores. With a total percentage value of 79% (good).
Downloads
Referensi
ABULFARAJ, A. dan STEELE, A., 2020. International Conference on Human-Computer Interaction. In: Coherent Heuristic Evaluation (CoHE): Toward Increasing the Effectiveness of Heuristic Evaluation for Novice Evaluators. Springer, Cham.
AGUSTIYO, H., 2018. Evaluasi Usability Aplikasi Pelayanan Masyarakat Jangka Joyoboyo Polres Kediri. In: Seminar Nasional Sistem Informasi dan Teknologi Informasi. pp.202–206.
AJIE, W.S., ARIEF, S. dan AMIR, F.S., 2018. Evaluasi Usability Website UNRIYO Menggunakan System Usability Scale (Studi Kasus: Website UNRIYO). Jurnal Ilmiah Teknologi Informasi, 3(1).
AMINI, R.P., PRADNYANA, I.M.A. dan WIRAWAN, I.M.A., 2019. Evaluasi Usability pada Sistem Informasi Permohonan Kendaraan Dinas (Simonas) PT. PLN (Persero) Unit Induk Distribusi Bali UP3 Bali Utara Sesuai Iso 9241-11 dan Eight Golden Rules. Jurnal Pendidikan Teknologi dan Kejuruan.
ARYANDO, G.R., STEVEN, R.S. dan ALWIN, M.S., 2019. Perancangan Jalur Terpendek Evakuasi Bencana di Kawasan Boulevard Manado Menggunakan Algoritma Dijkstra. Jurnal Teknik Informatika, 14(2).
BAHRAEN, F., ROSIHAN, R. dan ABDUL, M., 2018. Implementasi Algoritma Dijkstra Untuk Penentuan Jalur Terpendek Pada Aplikasi Evakuasi Bencana Untuk Penyandang Disabilitas. Jurnal Informatika dan Komputer, 1(2).
BERNACK, J. dan BŁAŻEJCZYK, I., 2016. Responsive Web Design: Testing Usability of Mobile Web Applications. In: Asian Conference on Intelligent Information and Database Systems. Springer, Berlin, Heidelberg.pp.257–269.
CARLOS, R., 2019. Making Your First Progressive Web App. In: Building Progressive Web Applications with Vue.js. pp.1–46.
DIANATA, I. dan ADELIA, P., 2019. User-centred web design, usability and user satisfaction: The case of online banking websites in Iran. Applied Ergonomics, 81.
JEFFRY, A.P., LUKITO, E.N. dan RUDY, H., 2017. Rancangan Awal Website Berbasis User Centered Design (Kasus Website Universitas Janabadra Yogyakarta). In: Seminar Nasional Inovasi Teknologi.
NENTO, K., 2019. Evaluasi Aplikasi iJakarta Menggunakan Teori Golden Rules Of User Interface Design Theo Mandel. Jurnal Teknologi Informasi Indonesia (JTII).
ROLF, M. dan CHAUNCEY, W., 2020. How Professional Moderate Usability Tests. Journal of Usability Studies, 15(4).
RUIZ, J. dan SERRAL, E., 2020. Unifying Functional User Interface Design Principles. International Journal of Human–Computer Interaction.
SUATKAB, A. dan SANTOSO, H.B., 2018. Evaluasi dan Pengembangan Alternatif Desain Antarmuka E-Campus STIKOM Ambon. Jurnal Sistem dan Teknologi Informasi (POSITIF).
TABANDEHPOUR, H., 2019. Cultural-based Interface Design. University of Lapland.
WARDANI, S., DARMAWIGUNA, I.G.M. dan Sugihartini, N., 2019. Usability Testing Sesuai Dengan ISO 9241-11 Pada Sistem Informasi Program Pengalaman Lapangan Universitas Pendidikan Ganesha Ditinjau Dari Pengguna Mahasiswa. Kumpulan Artikel Mahasiswa Pendidikan Teknik Informatika (KARMAPATI).
YASIN, A. dan YUMARLIN, M., 2016. Evaluasi Web UJB Menggunakan Golden Rules Of User Interface Design Theo Mandel. Seminar Nasional Teknologi Informasi dan Multimedia.
ZULFAN dan BAHAGIA, 2017. Sistem Informasi Data Korban Kebencanaan Berbasis Web. In: Seminar Nasional II USM. pp.110–113.
Unduhan
Diterbitkan
Terbitan
Bagian
Lisensi
Artikel ini berlisensi Creative Common Attribution-ShareAlike 4.0 International (CC BY-SA 4.0)
Penulis yang menerbitkan di jurnal ini menyetujui ketentuan berikut:
- Penulis menyimpan hak cipta dan memberikan jurnal hak penerbitan pertama naskah secara simultan dengan lisensi di bawah Creative Common Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) yang mengizinkan orang lain untuk berbagi pekerjaan dengan sebuah pernyataan kepenulisan pekerjaan dan penerbitan awal di jurnal ini.
- Penulis bisa memasukkan ke dalam penyusunan kontraktual tambahan terpisah untuk distribusi non ekslusif versi kaya terbitan jurnal (contoh: mempostingnya ke repositori institusional atau menerbitkannya dalam sebuah buku), dengan pengakuan penerbitan awalnya di jurnal ini.
- Penulis diizinkan dan didorong untuk mem-posting karya mereka online (contoh: di repositori institusional atau di website mereka) sebelum dan selama proses penyerahan, karena dapat mengarahkan ke pertukaran produktif, seperti halnya sitiran yang lebih awal dan lebih hebat dari karya yang diterbitkan. (Lihat Efek Akses Terbuka).
