Analisis Dan Perancangan Ulang Navigasi Web Seleksi Masuk Bersama (SMB) Universitas Telkom Menggunakan Kombinasi Metode Trunk Test dan Navigation Stress Test
Abstract
Abstrak-Website merupakan platform yang banyak digunakan untuk mencari informasi. Salah satu yang memanfaatkannya adalah universitas. Penggunaan website sebagai media komunikasi dan promosi dari universitas dan menampilkan informasi yang menarik untuk ditampilkan kepada publik. Website Seleksi Masuk Bersama (SMB) merupakan salah satu website milik Universitas Telkom. Namun terdapat masalah navigasi web SMB yaitu tidak terdapat indikator posisi pengguna saat mengunjungi website. Selain terdapat menu yang tidak disadari oleh pengguna saat mengunjungi website karena lokasi penempatannya yang kurang tepat sehingga tidak disadari oleh pengguna. Navigasi merupakan komponen penting dalam membangun website, karena navigasi dapat membantu pengguna menelusuri website dengan mudah karena terdapat jalur atau penunjuk dimana informasi dapat ditemukan. Dari masalah navigasi pada web SMB Universitas Telkom, solusi yang ditawarkan dengan menggunakan kombinasi metode Trunk Test dan Navigation Stress Test. Pengujian dilakukan 2 kali untuk melihat perbandingan hasil dari evaluasi sebelum dan sesudah perancangan ulang navigasi. Dari hasil perbandingan yang didapat setelah pengujian yaitu sebelum dilakukan perbaikan navigasi, matriks task success yang didapat 46.67% menjadi 83.33% setelah perbaikan. Pada matriks time on task, terdapat peningkatan dari yang sebelum perbaikan waktu penyelesaian tugas dengan waktu 37.69 detik menjadi 16.96 detik setelah perbaikan.
Kata Kunci-Navigasi, Website, Trunk Test, Navigation Stress Test.
References
M. R. Adani, "Pengertian Website, Fungsi, Manfaat, dan Cara Membuatnya," 16 December 2020. [Online]. Available: https://www.sekawanmedia.co.id/blog/website-adalah. [Accessed 5 September 2022].
N. Nouman and A. Umer, "Web Navigation and Usability Analysis of Educational Websites in Pakistan," in 2019 Seventh International Conference on Digital Information Processing and Communications (ICDIPC), Turkey, 2019.
P. Pan, "Redesigning website navigation from content-based to task-based: a case study for Nuage website," 2015.
L. Rosenfeld, P. Morville and J. Arango, Information Architecture on the World Wide Web 4th, O'Reilly Media, Inc., 2015.
J.-M. López-Gil, C. Navarro-Molina, . R. García and R. Aleixandre-Benavent, "Analysis of web-based information architecture using a combination of navigation stress test, usability testing and eye tracking," El profesional de la información, vol. 19, 2010.
J. Kalbach, Designing Web Navigation, O'Reilly Media, Inc., 2007.
K. Instone, "Navigation stress test," Keith Instone, 2000. [Online]. Available: http://instone.org/navstress. [Accessed 5 September 2022].
Trunk and Navigation Test http://www.ailedgarcia.com/229/lessons/TrunkTestNavigation.pdf
“You are Here” indicator, Usability First, [Online]. Available: https://www.usabilityfirst.com/glossary/you-are-here-indicator/index.html. [Accessed 5 September 2022].
What is a Navigation Stress Test?, User Insights, [Online]. Available: https://userinsights.com/learn/what-is-navigation-stress#:~:text=A%20navigation%20stress%20test%20is,site%2C%20not%20on%20your%20homepage. [Accessed 5 September 2022].
"Information Architecture Basics," https://www.usability.gov/, [Online]. Available: https://www.usability.gov/what-and-why/information-architecture.html. [Accessed 5 September 2022].
S. Krug, Don't Make Me Think! A Common Sense Approach to Web Usability, Second Edition, United States of America: Peachpit, 2006.
W. Craig, "Guide to Website Navigation Design Patterns," https://www.webfx.com/, [Online]. Available: https://www.webfx.com/blog/web-design/navigation-design-patterns/. [Accessed 06 September 2022].
"The Importance of Search Functionality in Website Design," Web Guru India, 14 January 2016. [Online]. Available: https://www.webguru-india.com/blog/the-importance-of-search-functionality-in-website-design/#:~:text=The%20search%20functionality%20helps%20the,navigating%20through%20the%20entire%20website. [Accessed 06 September 2022].
J. Gube, "Breadcrumbs In Web Design: Examples And Best Practices," smashingmagazine.com, 17 March 2009. [Online]. Available: https://www.smashingmagazine.com/2009/03/breadcrumbs-in-web-design-examples-and-best-practices/. [Accessed 06 September 2022].
F. Meier, A. Bazo, M. Burghard and C. Wolff, "Evaluating a Web-based Tool for Crowdsourced," Proceedings of the Second international conference on Design, User Experience, and Usability: web, mobile, and product design, vol. 4, p. 248–256, 2013.
J. Sauro, "10 Metrics for Testing Website Navigation," https://measuringu.com/, 21 May 2013. [Online]. Available: https://measuringu.com/10-navigation-metrics/. [Accessed 06 September 2022].
T. S. Tullis, "Web-based Presentation of Information:," HCI International 2005 Conference, pp. 22-27, 2005.
