A Hybrid Approach to User Interface Design: Integrating DT and QFD with Usability Evaluation in a Detection-Based Classification System for the Sugarcane Industry

Authors

  • Dino Caesaron Industrial Engineering Department, Telkom University, Indonesia https://orcid.org/0000-0001-9909-581X
  • Achmad Reza Adyatama Industrial Engineering Department, Telkom University, Indonesia
  • Ilma Mufidah Industrial Engineering Department, Telkom University, Indonesia
  • Elsa Fitriani Industrial Engineering Department, Telkom University, Indonesia
  • Nadia Daliana Industrial Engineering Department, Telkom University, Indonesia
  • Nur Ichsan Utama Industrial Engineering Department, Telkom University, Indonesia
Volume: 15 | Issue: 5 | Pages: 28286-28293 | October 2025 | https://doi.org/10.48084/etasr.12587

Received: 11 June 2025 | Revised: 16 July 2025 and 8 August 2025 | Accepted: 11 August 2025 | Online: 13 September 2025


Corresponding author: Dino Caesaron

Abstract

Quality User Interface (UI) and User Experience (UX) design are crucial for web system success, as poor design can hinder information retrieval and cause miscommunication. To address this challenge within a specific industrial setting, this study presents a detailed case study on the design and development of an intranet web system for a sugarcane processing company. A combined methodology of Design Thinking (DT) and Quality Function Deployment (QFD) was applied to capture user needs and translate them into a functional, user-centered UI/UX design. The design process involved iterative prototyping and continuous user feedback. Evaluation of the prototype using the System Usability Scale (SUS) resulted in a score of 85, classified as "excellent". These findings demonstrate that integrating DT and QFD substantially enhances UI/UX design effectiveness. The findings from this case study offer practical blueprints and valuable insights for practitioners aiming to implement similar user-centered design projects, particularly within the agroindustry sector or other comparable contexts.

Keywords:

user interface, user experience, Design Thinking (DT), Quality Function Deployment (QFD), System Usability Scale (SUS), usability

Downloads

Download data is not yet available.

References

S.-H. Cho and S.-H. Kim, "Suggestion for Collaboration-Based UI/UX Development Model through Risk Analysis," Journal of Information Processing Systems, vol. 16, no. 6, pp. 1372–1390, Dec. 2020.

M. Gebhart, P. Giessler, and S. Abeck, "Flexible and Maintainable Service-Oriented Architectures with Resource-Oriented Web Services," in Emerging Trends in the Evolution of Service-Oriented and Enterprise Architectures, vol. 111, E. El-Sheikh, A. Zimmermann, and L. C. Jain, Eds. Cham: Springer International Publishing, 2016, pp. 23–39.

R. Parizi, M. Prestes, S. Marczak, and T. Conte, "How has design thinking being used and integrated into software development activities? A systematic mapping," Journal of Systems and Software, vol. 187, May 2022, Art. no. 111217.

A. Combelles, C. Ebert, and P. Lucena, "Design Thinking," IEEE Software, vol. 37, no. 2, pp. 21–24, Mar. 2020.

I. Darmawan, M. Saiful Anwar, A. Rahmatulloh, and H. Sulastri, "Design Thinking Approach for User Interface Design and User Experience on Campus Academic Information Systems," JOIV : International Journal on Informatics Visualization, vol. 6, no. 2, Jun. 2022, Art. no. 327.

Z. Meidani et al., "Development and Testing Requirements for an Integrated Maternal and Child Health Information System in Iran: A Design Thinking Case Study," Methods of Information in Medicine, vol. 61, no. S 02, pp. e64–e72, Dec. 2022.

M. Ali, N. Fajar Puspita, and T. Taufik, "Implementation of QFD and Design Thinking in Development a Project Monitoring Integration System," in The 8th International Conference On Management of Technology, Innovation, And Project, Surabaya, Indonesia, Feb. 2024.

L. Cohen, Quality function deployment: how to make QFD work for you, 1st Ed.. Addison-Wesley, 1995.

R. Mahanti, "The Application of Quality Function Deployment to User Interface Design," Quality Management Journal, vol. 16, no. 1, pp. 29–41, Jan. 2009.

J. Tang, L. Liu, R. Yang, Y. Lin, and Z. Gao, "QFD-Based Human-Machine Interface Design and Usability Evaluation of Digital Twin PHM System," in Man-Machine-Environment System Engineering, vol. 1256, S. Long, B. S. Dhillon, and L. Ye, Eds. Singapore: Springer Nature Singapore, 2024, pp. 627–635.

I. Maramba, A. Chatterjee, and C. Newman, "Methods of usability testing in the development of eHealth applications: A scoping review," International Journal of Medical Informatics, vol. 126, pp. 95–104, Jun. 2019.

M. Jansson, J. Liisanantti, T. Ala-Kokko, and J. Reponen, "The negative impact of interface design, customizability, inefficiency, malfunctions, and information retrieval on user experience: A national usability survey of ICU clinical information systems in Finland," International Journal of Medical Informatics, vol. 159, Mar. 2022, Art. no. 104680.

A. S. Addany, N. I. Pradana, S. P. Putra Prabowo, and I. S. Widiati, "UI/UX Design of e-Wallet Application Using Design Thinking Approach," in 2022 4th International Conference on Cybernetics and Intelligent System (ICORIS), Prapat, Indonesia, Oct. 2022, pp. 1–5.

Y. Yudhanto, W. M. Pryhatyanto, and W. Sulandari, "Designing and Making UI/UX Designs on The Official Website with The Design Thinking Method," in 2022 1st International Conference on Smart Technology, Applied Informatics, and Engineering (APICS), Surakarta, Indonesia, Aug. 2022, pp. 165–170.

A. Khan, S. Khusro, and I. Alam, "BlindSense: An Accessibility-inclusive Universal User Interface for Blind People," Engineering, Technology & Applied Science Research, vol. 8, no. 2, pp. 2775–2784, Apr. 2018.

J. R. Lewis, "The System Usability Scale: Past, Present, and Future," International Journal of Human–Computer Interaction, vol. 34, no. 7, pp. 577–590, Jul. 2018.

R. Lewis and J. Sauro, "Revisiting the Factor Structure of the System Usability Scale," Journal of Usability Studies, vol. 12, no. 4, pp. 183–192, Aug. 2017.

Y. Thamilarasan, R. R. Raja Ikram, M. Osman, L. Salahuddin, W. Y. W. Bujeri, and K. Kanchymalay, "Enhanced System Usability Scale using the Software Quality Standard Approach," Engineering, Technology & Applied Science Research, vol. 13, no. 5, pp. 11779–11784, Oct. 2023.

N. O. Erdil and O. M. Arani, "Quality function deployment: more than a design tool," International Journal of Quality and Service Sciences, vol. 11, no. 2, pp. 142–166, Jun. 2019.

J. M. C. Bastien, "Usability testing: a review of some methodological and technical aspects of the method," International Journal of Medical Informatics, vol. 79, no. 4, pp. e18–e23, Apr. 2010.

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.

J. P. Roberts, T. R. Fisher, M. J. Trowbridge, and C. Bent, "A design thinking framework for healthcare management and innovation," Healthcare, vol. 4, no. 1, pp. 11–14, Mar. 2016.

C. E. C. Corrêa et al., "Application of empathy map on educational actions carried out by nursing professionals," Revista Brasileira de Enfermagem, vol. 75, no. 4, 2022, Art. no. e20210478, https://doi.org/10.1590/0034-7167-2021-0478.

D. Tao, J. Yuan, S. Liu, and X. Qu, "Effects of button design characteristics on performance and perceptions of touchscreen use," International Journal of Industrial Ergonomics, vol. 64, pp. 59–68, Mar. 2018.

S. Stein. "Color Contrast: Infographics and UI Accessibility." UXPA Magazine. [Online]. Available: https://uxpamagazine.org/color-contrast-infographics-and-ui-accessibility.

A. Z. M. Ali, R. Wahid, K. Samsudin, and M. Z. Idris, "Reading on the Computer Screen: Does Font Type has Effects on Web Text Readability?," International Education Studies, vol. 6, no. 3, pp. 26-35, Jan. 2013.

N. P. Al-Bana, "Analysis and Improvement of Website Consultant Planners with a Remote Usability Testing and User Experience Approach," Undergraduate Thesis, Industrial Engineering Study Program at Universitas Islam Indonesia, Yogyakarta, Indonesia, 2021.

M. I. Pandia, N. H. Djanggu, and R. Rahmawati, "Redesigning the User Interface Icon in the PUBG Mobile Game by Observing Usability Aspects Using the Quality Function Deployment and User Centered Design Methods," Jurnal Teknik Industri Universitas Tanjungpura, vol. 5, no. 1, pp. 95–100, 2021.

R. W. Selby, Software Engineering. IEEE, 2007.

M. Levis, M. Brady, and M. Helfert, "Website Design Quality and Form Input Validation: An Empirical Study on Irish Corporate Websites," Journal of Service Science and Management, vol. 01, no. 01, pp. 91–100, 2008.

P. Pant et al., "Authentication and Authorization in Modern Web Apps for Data Security Using Nodejs and Role of Dark Web," Procedia Computer Science, vol. 215, pp. 781–790, 2022.

S. Barutçu, "mHealth apps design using quality function deployment," International Journal of Health Care Quality Assurance, vol. 32, no. 4, pp. 698–708, May 2019.

V. Setlur, M. Correll, A. Satyanarayan, and M. Tory, "Heuristics for Supporting Cooperative Dashboard Design," IEEE Transactions on Visualization and Computer Graphics, pp. 1–11, 2023.

A. Hariri, P. Domingues, and P. Sampaio, "Integration of multi-criteria decision-making approaches adapted for quality function deployment: an analytical literature review and future research agenda," International Journal of Quality & Reliability Management, vol. 40, no. 10, pp. 2326–2350, Nov. 2023.

M. Schmidt and N. Glaser, "Investigating the usability and learner experience of a virtual reality adaptive skills intervention for adults with autism spectrum disorder," Educational Technology Research and Development, vol. 69, no. 3, pp. 1665–1699, Jun. 2021.

C. Panagopoulos, E. Kalatha, P. Tsanakas, and I. Maglogiannis, "Evaluation of a Mobile Home Care Platform: Lessons Learned and Practical Guidelines," in Ambient Intelligence, vol. 9425, B. De Ruyter, A. Kameas, P. Chatzimisios, and I. Mavrommati, Eds. Cham: Springer International Publishing, 2015, pp. 328–343.

J. Brooke, "SUS – a quick and dirty usability scale," in Usability Evaluation in Industry, P. W. Jordan, B. Thomas, B. A. Weerdmeester, and McClelland, Eds. 1996, pp. 189–194.

A. Bangor, P. T. Kortum, and J. T. Miller, "An Empirical Evaluation of the System Usability Scale," International Journal of Human-Computer Interaction, vol. 24, no. 6, pp. 574–594, Jul. 2008.

K. Hornbæk, "Current practice in measuring usability: Challenges to usability studies and research," International Journal of Human-Computer Studies, vol. 64, no. 2, pp. 79–102, Feb. 2006.

F. D. Ariyanti, A. Fattah, D. Wardhana, and K. Buntoro, "Fuzzy Quality Function Deployment and Usability Testing Approach for Features Improvement of Digital Payment Apps," in 2023 International Conference on Information Management and Technology (ICIMTech), Malang, Indonesia, Aug. 2023, pp. 848–852.

Downloads

How to Cite

[1]
D. Caesaron, A. R. Adyatama, I. Mufidah, E. Fitriani, N. Daliana, and N. I. Utama, “A Hybrid Approach to User Interface Design: Integrating DT and QFD with Usability Evaluation in a Detection-Based Classification System for the Sugarcane Industry”, Eng. Technol. Appl. Sci. Res., vol. 15, no. 5, pp. 28286–28293, Oct. 2025.

Metrics

Abstract Views: 50
PDF Downloads: 20

Metrics Information

License

Copyright (c) 2025 Dino Caesaron, Achmad Reza Adyatama, Ilma Mufidah, Elsa Fitriani, Nadia Daliana, Nur Ichsan Utama

Creative Commons License

This work is licensed under a Creative Commons Attribution 4.0 International License.

Authors who publish with this journal agree to the following terms:

- Authors retain the copyright and grant the journal the right of first publication with the work simultaneously licensed under a Creative Commons Attribution License that allows others to share the work with an acknowledgement of the work's authorship and initial publication in this journal.

- Authors are able to enter into separate, additional contractual arrangements for the non-exclusive distribution of the journal's published version of the work (e.g., post it to an institutional repository or publish it in a book), with an acknowledgement of its initial publication in this journal.

- Authors are permitted and encouraged to post their work online (e.g., in institutional repositories or on their website) after its publication in ETASR with an acknowledgement of its initial publication in this journal.