Analisa dan Desain UI/UX Website Universitas Nusa Mandiri dengan Metode Design Thinking

• MUHAMMAD HASBI SIDIQ

---

ABSTRAK

ABSTRAK

Muhammad Hasbi Sidiq (12190275), Analisa dan Desain UI/UX Website Universitas Nusa Mandiri dengan Metode Design Thinking

Website menjadi salah satu alat komunikasi yang penting bagi institusi edukasi seperti universitas. Namun, tidak jarang terjadi masalah pada user interface (UI) dan user experience (UX) suatu website universitas, yang dapat menghambat pengguna dalam mengakses informasi yang dibutuhkan. Oleh karena itu, penelitian ini bertujuan untuk menganalisa dan merancang ulang UI/UX website Universitas Nusa Mandiri dengan menggunakan pendekatan metode Design Thinking. Penelitian ini menggunakan metode kualitatif dengan pendekatan studi kasus, di mana data diperoleh melalui observasi langsung terhadap pengguna website dan ixnalisa terhadap website yang telah ada. Selain itu, studi literatur dilakukan untuk memahami prinsip-prinsip UI/UX yang efektif dan tren terbaru dalam desain website. Proses analisis dimulai dengan mengidentifikasi kebutuhan pengguna dan tantangan yang dihadapi oleh pengguna saat menggunakan website Universitas Nusa Mandiri. Berdasarkan hasil analisis, peneliti mengidentifikasi area perbaikan dan merancang konsep UI/UX baru yang mengutamakan keterbacaan, navigasi yang intuitif, dan tampilan yang menarik. Setelah konsep UI/UX baru dibuat, tahap implementasi dilakukan dengan membuat prototipe website menggunakan perangkat lunak desain dan prototyping. Prototipe tersebut kemudian diuji kepada beberapa pengguna untuk mendapatkan umpan balik dan evaluasi lebih lanjut. Hasil dari penelitian ini adalah desain UI/UX website Universitas Nusa Mandiri yang baru dan ditingkatkan, dengan memperhatikan kebutuhan pengguna dan mengikuti prinsip-prinsip Design Thinking. Di akhir penelitian, diharapkan website baru ini dapat memberikan pengalaman pengguna yang lebih baik, meningkatkan aksesibilitas informasi, dan mendorong interaksi yang lebih aktif antara pengguna dengan universitas.

KATA KUNCI

UI/UX,Website,Design Thinking,Analisis,Prototype

---

DAFTAR PUSTAKA

DAFTAR PUSTAKA

[1] D. Nugraheny Sekolah Tinggi Teknologi Adisutjipto Yogyakarta and J. R. Janti Blok Lanud Adisutipto, “Analisis dan pada Sekolah Tinggi Teknologi Adisutjipto Yogyakarta,” 2016.

[2] S. Gupta, S. Guru, and G. Singh, “A Comparative study of Usability Evaluation Methods,” International Journal of Computer Trends and Technology, vol. 22, 2015, doi: 10.14445/22312803/IJCTT-V22P121.

[3] “Organum: Jurnal Saintifik Manajemen dan Akuntansi,” 2019, doi: 10.35138/organu.

[4] H. Joo, “A Study on Understanding of UI and UX, and Understanding of Design According to User Interface Change,” 2017. [Online]. Available: http://www.ripublication.com

[5] M. Hassenzahl, S. Diefenbach, and A. Göritz, “Needs, affect, and interactive products - Facets of user experience,” Interact Comput, vol. 22, no. 5, pp. 353– 362, 2010, doi: 10.1016/j.intcom.2010.04.002.

[6] E. L. C. Law, V. Roto, M. Hassenzahl, A. P. O. S. Vermeeren, and J. Kort, “Understanding, scoping and defining user experience: A survey approach,” in Conference on Human Factors in Computing Systems - Proceedings, 2009, pp. 719–728. doi: 10.1145/1518701.1518813.

[7] M. Hassenzahl, “User Experience and Experience Design AIPS-Aesthetics of Performative Interaction for Pervasive Computing Environments in Public 86 Spaces View project,” 2011. [Online]. Available: https://www.researchgate.net/publication/259823352

[8] M. Hassenzahl and N. Tractinsky, “User experience - A research agenda,” Behaviour and Information Technology, vol. 25, no. 2, pp. 91–97, Mar. 2006, doi: 10.1080/01449290500330331.

[9] H. M. Chang, L. Ivonin, M. Diaz, A. Catala, and M. Rauterberg, “Mood Boards as a Tool for Studying Emotions as Building Blocks of the Collective Unconscious,” in Lecture Notes in Computer Science (including subseries Lecture Notes in Artificial Intelligence and Lecture Notes in Bioinformatics), Springer, 2020, pp. 3–18. doi: 10.1007/978-3-030-50267-6_1.

[10] W. Quesenbery, “Building a Better Style Guide Literacy and Voting View project Literacy and Voting View project Whitney Quesenbery Center for Civic Design Building a Better Style Guide Building a Better Style Guide.” [Online]. Available: http://www.cognetics.com

[11] D. J. Ortinau, C. Ingene, J. A. Mena, J. S. Boles, and M. Griffin, “A Town Hall Meeting with Editorial Reviewers: Interactive Discussion on the Issues that Create a Rejection Assessment in the Journal Review Process,” in Developments in Marketing Science: Proceedings of the Academy of Marketing Science, 2015. doi: 10.1007/978-3-319-10951-0_235.

[12] L. Fanani, M. Tri Ananta, and K. C. Brata, “Penerapan User-Centered Design dalam Pengembangan Aplikasi Pencarian Gedung Berbasis Android,” CYBERNETICS, vol. 2, no. 02, pp. 225–233, 2018. 87

[13] A. Augello, O. Gambino, V. Cannella, R. Pirrone, S. Gaglio, and G. Pilato, “An Emotional Talking Head for a Humoristic Chatbot,” in Applications of Digital Signal Processing, 2011. doi: 10.5772/26558.

[14] J. Chen et al., “Wireframe-based UI Design Search through Image Autoencoder,” ACM Transactions on Software Engineering and Methodology, vol. 29, no. 3, Jul. 2020, doi: 10.1145/3391613.

[15] A. M. Denasfi, J. Informatika, F. T. Industri, E. Gustri, and W. Jurusan Informatika, “Perancangan User Interface dan User Experience Situs Web Aplikasi Traveling ‘ANGLO’ dengan Metode Design Thinking.”

[16] H. Wijayanto Aripradono, M. Ardiansyah, and S. Kom, “Analisa Pengaruh Kualitas Desain Website Terhadap Minat Beli Online Travel Agent,” Journal of Information System and Technology, vol. 02, no. 03, pp. 77–90, 2021.

[17] C. Müller, R. Hochschule, and R. West, “Handbook of Design Thinking Bioentrepreneurship View project Design Thinking for Dummies View project,” 2018. [Online]. Available: https://www.researchgate.net/publication/329310644

[18] L. Kimbell, “Rethinking design thinking: Part II,” Design and Culture, vol. 4, no. 2, pp. 129–148, Jul. 2012, doi: 10.2752/175470812X13281948975413.

[19] K. D. Elsbach and I. Stigliani, “Design Thinking and Organizational Culture: A Review and Framework for Future Research,” J Manage, vol. 44, no. 6, pp. 2274–2306, Jul. 2018, doi: 10.1177/0149206317744252.

[20] O. Serrat, “Design Thinking,” 2010. [Online]. Available: http://digitalcommons.ilr.cornell.edu/intl 88

[21] A. A. Gasparini, “Perspective and Use of Empathy in Design Thinking,” 2015. [Online]. Available: https://www.researchgate.net/publication/273126653

[22] C. Kumar Mishra, “Digital Marketing: Scope Opportunities and Challenges,” in Promotion and Marketing Communications, 2020. doi: 10.5772/intechopen.92329.

[23] O. Serrat, “Design Thinking,” in Knowledge Solutions, Singapore: Springer Singapore, 2017, pp. 129–134. doi: 10.1007/978-981-10-0983-9_18.

[24] R. Razzouk and V. Shute, “What Is Design Thinking and Why Is It Important?,” Rev Educ Res, vol. 82, no. 3, pp. 330–348, 2012, doi: 10.3102/0034654312457429.

[25] M. Agarina and A. Suryadi Karim, “5 th ICITB User-Centered Design Method in the Analysis of User Interface Design of the Department of Informatics System’s Website,” 2019.

[26] K. Nilappa Kumbhar Badrinarayan Barwale Mahavidyalaya and K. K. N Librarian Badrinarayan Barwale Mahavidyalaya, “Brainstorming technique: Innovative Quality Management Tool for Library,” 2018. [Online]. Available: https://www.researchgate.net/publication/325594636

[27] P. Farrand, F. Hussain, and E. Hennessy, “The efficacy of the ‘mind map’ study technique,” Med Educ, vol. 36, no. 5, pp. 426–431, 2002, doi: 10.1046/j.1365- 2923.2002.01205.x.

[28] O. Serrat, “The SCAMPER Technique Priming the Public Sector View project ADB Sustainable Development Timeline View project.” [Online]. Available: http://digitalcommons.ilr.cornell.edu/intl/192 89

[29] S. Nieves and O. Mordvinova, “Wildfires: web application concept and prototype,” in Advances in forest fire research 2018, 2018. doi: 10.14195/978- 989-26-16-506_124.

[30] S. Chowdhury, “Design Thinking for Computer-Aided Co-Design in Architecture and Urban Design,” in Augmented Reality and Its Application, 2022. doi: 10.5772/intechopen.98938.

[31] I. Rodríguez-Ardura, F. J. Martínez-López, G. Ammetller, and J. C. GázquezAbad, “A Review of Online Consumer Behaviour Research: Main Themes and Insights,” in Developments in Marketing Science: Proceedings of the Academy of Marketing Science, 2017. doi: 10.1007/978-3-319-50008-9_161.

[32] L. L. Constantine, “Interaction Design and Model-Driven Development,” 2009. doi: 10.1007/978-3-642-04425-0_29.

[33] K. Gläsener, T. Afflerbach, and A. Ducki, Design Thinking, Digitalisierung und Diversity Management: Ein Praxisleitfaden für die Lehre. 2019. doi: 10.3224/86388777.

[34] S. Sharma and P. C. Sande, “Improving classroom delivery of engineering education through design thinking,” in Sustainable Production, Life Cycle Engineering and Management, 2020. doi: 10.1007/978-3-030-44248-4_19.

[35] “The Basics of User Experience Design by the Interaction Design Foundation.”

[36] P. F. Valdor, A. G. Gómez, B. Ondiviela, A. Puente, and J. A. Juanes, “Prioritization maps: The integration of environmental risks to manage water quality in harbor areas,” Mar Pollut Bull, vol. 111, no. 1–2, 2016, doi: 10.1016/j.marpolbul.2016.07.028.