Usulan Desain User interface Website Perguruan Tinggi Berdasarkan Aspek Kognitif dan Afektif Pengguna
DOI:
https://doi.org/10.32877/bt.v7i2.1933
Keywords:
Affective, Desain Website, Kognitif, User interface , Website Perguruan Tinggi
Abstract
Dengan pesatnya perkembangan teknologi informasi merubah banyak sudut pandang dari berbagai unsur, tidak terkecuali lembaga perguruan tinggi dalam berinteraksi dengan berbagai pemangku kepentingan. Pemanfaatan teknologi digital, khusunya website telah menjadi aspek penting dalam memperkuat citra perguruan tinggi dan berinteraksi dengan masyarakat luas. Website perguruan tinggi saat ini menjadi titik kontak pertama kali bagi calon mahasiswa, orangtua, alumni dan pemangku kepentingan lainya. Namun ada kalanya tampilan user interface tidak sepenuhnya memenuhi ekspektasi pengguna. Salah satu penyebanya adalah tidak sesuainya desain user interface tersebut dengan kemampuan ergonomi pengguna. Dapat disimpulkan bahwa desain user interface website perguruan tinggi yang efektif, bukan hanya soal estetika namun desain user interface juga harus memperhitungkan kemampuan kognitif dan afektif sehingga memenuhi usability yang memudahkan pengguna dalam menemukan informasi yang mereka butuhkan. Tujuan penelitian ini adalah mencari pengaruh peran komponen desain terhadap aspek kognitif, afektif dan sikap pengguna. Serta memberikan usulan desain user interface website untuk perguruan tinggi yang mempertimbangkan kemampuan ergonomi manusia. Metode kuantitatif merupakan metode yang digunakan dalam penelitian ini. Metode dilakukan dengan cara menyebar kuisioner kepada responden kemudian hasil kuisioner akan diolah menggunakan aplikasi smartPLS 4 untuk mengetahui hubungan antar variabel penelitian. Temuan dari penelitian ini adalah komponen desain font dan layout memberikan pengaruh signifikan terhadap hubungan kognitif dengan sikap. Sedangkan komponen desain warna memberikan pengaruh signifikan terhadap hubungan kognitif dengan sikap dan hubungan dengan afektif dengan sikap. Dari penelitian ini juga didapatkan bahwa font dengan jenis roboto, layout dengan jenis modular dan warna background biru menjadi yang paling dominan dipilih oleh responden.
Downloads
References
J. Suryo Prayogo, R. Kriswibowo, P. Ariatna Alia, R. Widha Febriana, A. Budi Setyawan, and U. Anwar Medika, “PERANCANGAN ULANG DESAIN UI/UX WEBSITE UNIVERSITAS DENGAN METODE DESIGN THINKING,” 2024.
B. Christo Lumban Tobing, N. Sulistiyowati, P. Studi Sistem Informasi, F. Ilmu Komputer, and U. Singaperbangsa Karawang, “Perancangan Ulang Desain E-Campus Unsika Berdasarkan User Experience dengan Menggunakan Design Thinking,” 2024.
Puspitasari, “Kajian Kepuasan Terhadap Website Universitas Airlangga,” 2013.
A. Ahmi and R. Mohamad, “EVALUATING ACCESSIBILITY OF MALAYSIAN PUBLIC UNIVERSITIES WEBSITES USING ACHECKER AND WAVE,” 2016. [Online]. Available: http://jict.uum.edu.my
V. Kumar, B. Mukerji, I. Butt, and A. Persaud, “(COPIA)Factors for successful e-government adoption: a conceptual framework,” Electronic Journal of E-government, vol. 5, no. 1, pp. 63–76, 2007, doi: 10.1080/08874417.2016.1222891.
Jakob Nielsen, “10 Usability Heuristics for User Interface Design,” World Leaders in Research-Based User Experience. Accessed: Oct. 26, 2018. [Online]. Available: https://www.nngroup.com/articles/ten-usability-heuristics/
M. A. Frandini, I. Aknuranda, and R. I. Rokhmawati, “Analisis Tingkat Aksesibilitas Halaman Utama Situs Web Perguruan Tinggi Di Indonesia Berdasarkan WCAG 2.0,” 2018. [Online]. Available: http://j-ptiik.ub.ac.id
S. Milda Puspita and N. Apriyanti, “The UI/UX Design with Design Thinking Method for The University Complaint Website,” Information Technology International Journal, vol. 1, no. 1, May 2023, doi: 10.33005/itij.v1i1.2.
I. Arief, A. Muluk, A. S. Indrapriyatna, and M. Falevy, “Pengembangan Antarmuka Portal Universitas untuk Meningkatkan Pengalaman Pengguna,” Jurnal RESTI (Rekayasa Sistem dan Teknologi Informasi), vol. 5, no. 6, pp. 1052–1061, Dec. 2021, doi: 10.29207/resti.v5i6.3532.
A. Syawli, “hubungan antara desain visual media teknologi informasi dengan psikomotorik, kognitif, afektif dan kinerja penggunaan teknologi informasi,” Institut Teknologi Sepuluh Nopember, surabaya, 2018.
Te’eni, Human-Computer Interaction: Developing Effective Organizational Information Systems. 2005.
A. F. Azizah, “Hubungan Antara Faktor-Faktor Cognitive, Affective, Physical dan Faktor External Terhadap Keputusan Individu Dalam Menerima Sebuah Teknologi Informasi.,” Institut Teknologi Sepuluh Nopember, surabaya, 2015.
IBM, “IBM Design Language.” Accessed: Oct. 27, 2018. [Online]. Available: https://www.ibm.com/design/language/experience/visual/layout/
T. A. Cahyono and T. D. Susanto, “Acceptance Factors and User Design of Mobile e-Government Website (Study Case e-Government Website in Indonesia),” Procedia Comput Sci, vol. 161, pp. 90–98, 2019, doi: 10.1016/j.procs.2019.11.103.
F. Zamakhsyari and A. Fatwanto, “A Systematic Literature Review of Design Thinking Approach for User Interface Design,” JOIV: International Journal on Informatics Visualization, vol. 7, no. 4, p. 2313, Dec. 2023, doi: 10.62527/joiv.7.4.1615.
Wartika, A. P. Ulfah, Wahyuni, L. Melian, N. Hasti, and M. A. Alfariski, “Website User Interface Design Using The Design Thinking Method,” in 2023 International Conference on Informatics Engineering, Science & Technology (INCITEST), IEEE, Oct. 2023, pp. 1–7. doi: 10.1109/INCITEST59455.2023.10397000.
C. K. Coursaris and W. Van Osch, “A Cognitive-Affective Model of Perceived User Satisfaction (CAMPUS): The complementary effects and interdependence of usability and aesthetics in IS design,” Information and Management, vol. 53, no. 2, pp. 252–264, 2016, doi: 10.1016/j.im.2015.10.003.
J. Grobelny and R. Michalski, “Computers in Human Behavior The role of background color , interletter spacing , and font size on preferences in the digital presentation of a product,” Comput Human Behav, vol. 43, pp. 85–100, 2015, doi: 10.1016/j.chb.2014.10.036.
J. W. Palmer, “Palmerusability.Pdf,” vol. 13, no. 2, pp. 151–167, 2005.
P. A. Chalmers, “The role of cognitive theory in human-computer interface,” Comput Human Behav, vol. 19, no. 5, pp. 593–607, 2003, doi: 10.1016/S0747-5632(02)00086-9.
J. Éthier, P. Hadaya, J. Talbot, and J. Cadieux, “Interface design and emotions experienced on B2C Web sites: Empirical testing of a research model (sci, hci, study),” Comput Human Behav, vol. 24, no. 6, pp. 2771–2791, 2008, doi: 10.1016/j.chb.2008.04.004.
I. Ajzen, “Perceived behavioral control, self-efficacy, locus of control, and the theory of planned behavior,” J Appl Soc Psychol, vol. 32, pp. 665–683, 2002.
I. Ajzen, “The theory of planned behavior,” Organ Behav Hum Decis Process, vol. 50, no. 2, pp. 179–211, 1991, doi: 10.1016/0749-5978(91)90020-T.
M. Fishbein and I. Ajzen, Belief, Attitude, Intention, and Behavior: An Introduction to Theory and Research. Boston: Addison-Wesley Pub. Co, 1975.
N. A. Karim, Z. Shukur, and M. Ghazal, “Proposed features of online examination interface design,” Asian Journal of Information Technology, vol. 15, no. 16, pp. 2733–2736, 2016, doi: 10.3923/ajit.2016.2733.2736.
M. L. Bernard, B. S. Chaparro, M. M. Mills, and C. G. Halcomb, “Comparing the effects of text size and format on the readibility of computer-displayed Times New Roman and Arial text,” Int J Hum Comput Stud, vol. 59, no. 6, pp. 823–835, Dec. 2003, doi: 10.1016/S1071-5819(03)00121-6.
Cao, Zieba, and Ellis, “Interaction Design Best Practices: Mastering142 the Tangibles,” https://www.uxpin.com/studio/ebooks/interaction-design-best-practices-tangibles/.
D. Viehland and Fei Zhao, “Web Homepage Design: An Analysis of New Zealand’s Top 50 Web Sites,” in CONF-IRM 2008 Proceedings, 2008.
Downloads
Published
How to Cite
Issue
Section
License
Copyright (c) 2024 bit-Tech
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
I hereby assign and transfer to bit-Tech all exclusive copyright ownership rights to the above work. This includes, but is not limited to, the right to publish, republish, downgrade, distribute, transmit, sell, or use the work and other related materials worldwide, in whole, or in part, in all languages, in electronic, printed, or any other form of media, now known or hereafter developed and reserves the right to permit or license a third party to do any of the above. I understand that this exclusive right will belong to bit-Tech from the date the article is accepted for publication. I also understand that bit-Tech, as the copyright owner, has sole authority to license and permit reproduction of the article. I understand that, except for copyright, any other proprietary rights associated with the work (e.g. patents or other rights to any process or procedure) must be retained by the author. In addition, I understand that bit-Tech permits authors to use their papers in any way permitted by the applied Creative Commons license.