Analisis Desain Web Taman Safari Bogor Berdasarkan Prinsip Interaksi Manusia dan Komputer

Authors

  • Miftahuddin Mahdi Universitas Negeri Semarang, Indonesia

DOI:

https://doi.org/10.21580/wjit.2024.6.2.21778

Keywords:

website, desain, virtual, kebun binatang

Abstract

Penelitian ini menyelidiki dampak elemen desain antarmuka terhadap pengalaman pengguna di situs web kebun binatang, khususnya Taman Safari Bogor. Mengingat meningkatnya prevalensi representasi virtual kebun binatang melalui situs resmi, penting untuk memastikan bahwa elemen seperti tata letak, warna, tekstur, dan tipografi dirancang dengan baik untuk mendukung interaksi manusia-komputer yang optimal. Penelitian ini menggunakan pendekatan deskriptif dengan analisis konten untuk mengidentifikasi dan mengevaluasi efektivitas elemen-elemen tersebut dalam meningkatkan daya tarik dan kegunaan pengguna. Hasilnya menunjukkan bahwa tipografi memainkan peran penting dalam mengkomunikasikan isu-isu alam dan kesejahteraan hewan melalui penggunaan gaya, ukuran, dan warna font yang beragam secara konsisten. Logo Taman Safari Bogor menampilkan kombinasi font dan karakter sans-serif yang menciptakan kontras visual dan hierarki teks.

Selain itu, visual seperti video dan gambar di beranda membantu menarik perhatian pengunjung dan menginformasikan mereka tentang koleksi hewan. Warna primer, hijau dan putih, mencerminkan tema alam dan konservasi serta memberikan kontras yang baik untuk meningkatkan keterbacaan. Tekstur digunakan untuk menambah dimensi visual pada desain. Garis-garis zebra di latar belakang dan pola rumput di footer. Tata letak situs web dirancang untuk memfasilitasi navigasi dan interaksi pengguna dengan mengatur elemen UI secara logis dan intuitif. Pengujian kecepatan dan daya tanggap situs web menggunakan alat Gtmetrix memberinya peringkat C dengan 79% untuk kinerja dan 75% untuk kebenaran struktural. Hasil ini menyoroti pentingnya desain antarmuka yang fungsional dan responsif, bukan hanya desain yang estetis. Secara keseluruhan, penelitian ini menegaskan bahwa penerapan elemen desain antarmuka yang tepat dapat meningkatkan pengalaman pengguna di situs kebun binatang, mendukung interaksi manusia-komputer yang efektif, dan meningkatkan pesan konservasi yang disampaikan.

Downloads

Download data is not yet available.

References

Agarwal, R., & Venkatesh, V. (2002). Assessing a Firm’s Web Presence: A Heuristic Evaluation Procedure for the Measurement of Usability. Information Systems Research, 13(2), 168–186. https://doi.org/10.1287/isre.13.2.168.84

Al-Qeisi, K., Dennis, C., Alamanos, E., & Jayawardhena, C. (2014). Website design quality and usage behavior: Unified Theory of Acceptance and Use of Technology. Journal of Business Research, 67(11), 2282–2290. https://doi.org/10.1016/j.jbusres.2014.06.016

Challapalli, S. S. N., Kaushik, P., Suman, S., Shivahare, B. D., Bibhu, V., & Gupta, A. D. (2021). Web Development and performance comparison of Web Development Technologies in Node.js and Python. 2021 International Conference on Technological Advancements and Innovations (ICTAI), 303–307. https://doi.org/10.1109/ICTAI53825.2021.9673464

Elo, S., & Kyngäs, H. (2008). The qualitative content analysis process. Journal of Advanced Nursing, 62(1), 107–115. https://doi.org/10.1111/j.1365-2648.2007.04569.x

Jongmans, E., Jeannot, F., Liang, L., & Dampérat, M. (2022). Impact of website visual design on user experience and website evaluation: the sequential mediating roles of usability and pleasure. Journal of Marketing Management, 38(17–18), 2078–2113. https://doi.org/10.1080/0267257X.2022.2085315

Lavie, T., & Tractinsky, N. (2004). Assessing dimensions of perceived visual aesthetics of web sites. International Journal of Human-Computer Studies, 60(3), 269–298. https://doi.org/10.1016/j.ijhcs.2003.09.002

Parlakkiliç, A. (2022). Evaluating the effects of responsive design on the usability of academic websites in the pandemic. Education and Information Technologies, 27(1), 1307–1322. https://doi.org/10.1007/s10639-021-10650-9

Schmidt, K. E., Liu, Y., & Sridharan, S. (2009). Webpage aesthetics, performance and usability: Design variables and their effects. Ergonomics, 52(6), 631–643. https://doi.org/10.1080/00140130802558995

Vecino, S., Mehtali, J., de Andrés, J., Gonzalez-Rodriguez, M., & Fernandez-Lanvin, D. (2022). How does serif vs sans serif typeface impact the usability of e-commerce websites? PeerJ Computer Science, 8, e1139. https://doi.org/10.7717/peerj-cs.1139

Downloads

Published

2024-12-30

How to Cite

[1]
M. Mahdi, “Analisis Desain Web Taman Safari Bogor Berdasarkan Prinsip Interaksi Manusia dan Komputer”, Walisongo J. Inf. Technol., vol. 6, no. 2, pp. 31–38, Dec. 2024.