Design Thinking Approach for User Interface Design and User Experience on Campus Academic Information Systems

Irfan Darmawan - Faculty of Industrial Engineering, Telkom University, Bandung, Indonesia
Muhammad Saiful Anwar - Faculty of Engineering, Siliwangi University, Tasikmalaya, Indonesia
Alam Rahmatulloh - Faculty of Engineering, Siliwangi University, Tasikmalaya, Indonesia
Heni Sulastri - Faculty of Engineering, Siliwangi University, Tasikmalaya, Indonesia

Citation Format:



Abstract—Currently, an academic system with structured data is needed for all lecture institutions, especially universities in Indonesia, Siliwangi University, with its academic system, namely the Campus Academic Information System (SIMAK). Over time, complaints from the visual aspect and user experience that did not keep up with the times became a new problem for SIMAK with student access rights. Therefore, the UI/UX aspect in developing an application is vital in accessing the available features. In this study, the method applied is Design Thinking to develop SIMAK WEB and SIMAK MOBILE application designs according to the data and input obtained from users. The research stages include Empathize, Define, Ideate, Prototype, and Test. The final result is user testing from expert users with ten examiners, each producing a success rate percentage of 100% for SIMAK WEB and a percentage of 90% for SIMAK MOBILE. In addition, the User Experience Questionnaire (UEQ) assessment from the same expert user plus end-users of 39 respondents and 33 respondents for web and mobile respectively increased 6 UEQ scales, namely Attractiveness, Clarity, Efficiency, Accuracy, Stimulation and lastly especially Novelty which has an increase of 5.286 and 5.264 from the initial value of -0.880. The Novelty scale is the only scale with a negative impression initially and was successfully evaluated in this study with a good score. The implication for further research is that an in-depth study and application of unique methods regarding the conversion of designs into prototype form is necessary so that coding can run smoothly. 

Keywords— Design Thinking, Campus Academic System, User Experience, User Experience Questionnaire, User Interface


Design Thinking; Campus Academic System; User Experience; User Experience Questionnaire; User Interface

Full Text:



N. Subhansyah, “Perancangan Sistem Akademik Sekolah Berbasis Teknologi Mobile Web (Studi Kasus : SMA Muhammadiyah 3 Tangerang),†Skripsi pada Fakultas Sains dan Teknologi Universitas Islam Negeri Jakarta, 2011.

Jamaliah, “Sistem Informasi Akademik Berbasis Client Server,†2011.

A. Rahmatulloh and F. MSN, “Implementasi Load Balancing Web Server menggunakan Haproxy dan Sinkronisasi File pada Sistem Informasi Akademik Universitas Siliwangi,†Jurnal Nasional Teknologi dan Sistem Informasi, vol. 3, no. 2, pp. 241–248, Aug. 2017, doi: 10.25077/TEKNOSI.v3i2.2017.241-248.

H. W. Alomari, V. Ramasamy, J. D. Kiper, and G. Potvin, "A User Interface (UI) and User eXperience (UX) evaluation framework for cyberlearning environments in computer science and software engineering education," Heliyon, vol. 6, no. 5, p. e03917, May 2020, doi: 10.1016/j.heliyon.2020.e03917.

H. Patel and P. Prajapati, "User Interface Design Issues for Easy and Efficient Human Computer Interaction: An Explanatory Approach," International Journal of Computer Sciences and Engineering, vol. 6, no. 10, 2018.

A. Debasmita, "Open Access Open Access," J Int AIDS Soc, vol. 18, no. 1, p. 4, 2015.

J. Johnson, Designing with the mind in mind: simple guide to understanding user interface design guidelines, Third. Morgan Kaufmann, 2020.

B. A. Myers and M. B. Rosson, "Survey On User Interface Programming," Conference on Human Factors in Computing Systems - Proceedings, no. January, pp. 195–202, 1992, doi: 10.1145/142750.142789.

S. Douglas, M. Tremaine, L. Leventhal, C. E. Wills, and B. Manaris, "Incorporating Human-Computer Interaction into the undergraduate computer science curriculum," no. May 2014, p. 211, 2002, doi: 10.1145/563340.563419.

G. Aranyi and P. van Schaik, "Testing a model of user-experience with news websites," J Assoc Inf Sci Technol, vol. 67, no. 7, pp. 1555–1575, 2016, doi: 10.1002/asi.23462.

C. Lanius, R. Weber, and J. Robinson, "User Experience Methods in Research and Practice," Journal of Technical Writing and Communication, vol. 51, no. 4, pp. 350–379, Oct. 2021, doi: 10.1177/00472816211044499.

J. H. V. Roto, E. Law, A. Vermeeren, “User Experience White Paper,†Seminar, pp. 1–12, 2011.

N. Cross, "Designerly Ways of Knowing: Design Discipline Versus Design Science," Design Issues, vol. 17, no. 3, pp. 49–55, Jul. 2001, doi: 10.1162/074793601750357196.

E. Gonen, "Tim Brown, Change by Design: How Design Thinking Transforms Organizations and Inspires Innovation (2009)," Markets, Globalization & Development Review, vol. 04, no. 02, 2019, doi: 10.23860/MGDR-2019-04-02-08.

T. Brown, "Design Thinking," 2008. [Online]. Available:

B. Jobst, E. Köppen, T. Lindberg, J. Moritz, H. Rhinow, and C. Meinel, "The Faith-Factor in Design Thinking: Creative Confidence Through Education at the Design Thinking Schools Potsdam and Stanford?," in Design Thinking Research, Berlin, Heidelberg: Springer Berlin Heidelberg, 2012, pp. 35–46. doi: 10.1007/978-3-642-31991-4_3.

C. Mainel, L. Leifer, and H. Plattner, Design Thinking. Springer, 2011.

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

E. G. Carayannis, Encyclopedia of Creativity, Invention, Innovation and Entrepreneurship. New York, NY: Springer New York, 2013. doi: 10.1007/978-1-4614-3858-8.

M. Augier and D. J. Teece, The Palgrave Encyclopedia of Strategic Management. London: Palgrave, 2018.

U. Kenny, Ã. Regan, D. Hearne, and C. O'Meara, "Empathising, defining and ideating with the farming community to develop a geotagged photo app for smart devices: A design thinking approach," Agricultural Systems, vol. 194, p. 103248, Dec. 2021, doi: 10.1016/j.agsy.2021.103248.

J.-C. Tu, L.-X. Liu, and K.-Y. Wu, "Study on the Learning Effectiveness of Stanford Design Thinking in Integrated Design Education," Sustainability, vol. 10, no. 8, p. 2649, Jul. 2018, doi: 10.3390/su10082649.

W. S. L. Nasution and P. Nusa, "UI/UX Design Web-Based Learning Application Using Design Thinking Method," ARRUS Journal of Engineering and Technology, vol. 1, no. 1, pp. 18–27, Aug. 2021, doi: 10.35877/jetech532.

Wijayanti and R. Tanone, "Design Thinking and Emotional Intelligence in UI/UX Design of Website-Based Online Foreign Service Travel Expenses (BPDL) Applications," in 2021 2nd International Conference on Innovative and Creative Information Technology (ICITech), Sep. 2021, pp. 130–135. doi: 10.1109/ICITech50181.2021.9590156.

P. Lucena, A. Braz, A. Chicoria, and L. Tizzei, "IBM design thinking software development framework," Communications in Computer and Information Science, vol. 680, no. November, pp. 98–109, 2017, doi: 10.1007/978-3-319-55907-0_9.

R. Razzouk and V. Shute, "What Is Design Thinking and Why Is It Important?," Review of Educational Research, vol. 82, no. 3, pp. 330–348, 2012, doi: 10.3102/0034654312457429.

E. Haerani and A. Rahmatulloh, “Analisis User Experience Aplikasi Peduli Lindungi untuk Menunjang Proses Bisnis Berkelanjutan,†SATIN - Sains dan Teknologi Informasi, vol. 7, no. 2, 2021, doi: 10.33372/stn.v7i1.762.