User interface and user experience design for the TB.berkat rezeki website
Article Sidebar
Published:
Feb 28, 2024
Keywords:
Design Thinking, E-Commerce, System Usability Scale, User Experience, User Interface
Section
Informtion System
Statistics Article
Article View : 356 Times
Main Article Content
Abstract
In the era of continuous technological advancement, the presence of a website becomes crucial, especially for businesses aiming to harness digital potential. This research aims to address the issue of the lack of digital presence and e-commerce sites for TB. Berkat Rezeki, a building equipment store in Bekasi, West Java. By adopting the Design Thinking method, this study focuses on the development of a website with a UI/UX layout that supports an intuitive and satisfying online shopping experience. Survey results indicate that 64% of the Indonesian population are internet users, signaling a vast digital market potential. Applying the principles of Design Thinking, particularly in the Empathize, Define, Ideate, Prototype, and Testing stages, this e-commerce system is designed to create a clear layout, attractive design, and a responsive user experience. Evaluation using the System Usability Scale (SUS) shows an average score of 72, categorized as "good," indicating the readiness of the website for further use. In conclusion, effective and user-oriented UI/UX design involves thorough planning, iterative testing, and readiness for continuous improvement to align with user developments, design trends, and current technology.
Downloads
Download data is not yet available.
Article Details
How to Cite
Sutresno, S. A. ., Christanto, H. J., Singgalen, Y. A., Saputra, E., Farabi, B. D., Rig, B. A., Rahmananta, R. and Hutapea, O. (2024) “User interface and user experience design for the TB.berkat rezeki website”, Jurnal Mantik, 7(4), pp. 2962-2973. doi: 10.35335/mantik.v7i4.4526.
References
Christanto, H. J., & Sediyono, E. (2020). Analisa Tingkat Usability Berdasarkan Human Computer Interaction (HCI) Untuk Sistem Pemesanan Tiket Online Kereta Api. Jurnal Sistem Informasi Bisnis, 10(2), 163-172.
Christanto, H. J., Sutresno, S. A., Denny, A., & Dewi, C. (2023, August). Usability analysis of human computer interaction in google classroom and microsoft teams. Journal of Theoretical and Applied Information Technology, 101(16), 6425-6425.
Christanto, H. J., Sutresno, S. A., Simi, V. S., Dewi, C., & Dai, G. (2023). Analysis of Game Theory in Marketing Strategies of Tiktok and Instagram. Journal of Theoretical and Applied Information Technology, 101(22), 7100-7109.
Dewi, C., & Christanto, H. J. (2022). Combination of Deep Cross-Stage Partial Network and Spatial Pyramid Pooling for Automatic Hand Detection. Big Data and Cognitive Computing, 6(3), 85. doi:10.3390/bdcc6030085
Dewi, C., Chen, A. P., & Christanto, H. J. (2023). Deep Learning for Highly Accurate Hand Recognition Based on Yolov7 Model. Big Data and Cognitive Computing, 53.
Dorst, K. (2011, November). The core of ‘design thinking’ and its application. Design Studies, 32(6), 521-532.
Firmansyah, M. D., Saddam, S., Sfenrianto, S., Bachtiar, S., & Kaburuan, E. R. (2019). Sales Information System Using Web for Small Business (Case Study: CV. Tanaka Service). International Journal of Mechanical Engineering and Technology, 10(3), 1696–1702.
Heylighen, A., & Dong, A. (2019). To empathise or not to empathise? Empathy and its limits in design. Design Studies, 65, 107-124. doi:https://doi.org/10.1016/j.destud.2019.10.007
Juergen Baumgartner a b, N. R., Hasler, A., Sonderegger, A., & Sauer, J. (2021, March ). Questionnaire experience and the hybrid System Usability Scale: Using a novel concept to evaluate a new instrument. International Journal of Human-Computer Studies, 147, 102575. doi:https://doi.org/10.1016/j.ijhcs.2020.102575
Lahiri, A., Cormican, K., & Sampaio, S. (2021). Design thinking: From products to projects. Procedia Computer Science, 181, 141-148. doi:https://doi.org/10.1016/j.procs.2021.01.114
Law, E. L.-C., & Abrahão, S. (2014). Interplay between User Experience (UX) evaluation and system development. International Journal of Human-Computer Studies, 72(6), 523-525. doi:https://doi.org/10.1016/j.ijhcs.2014.03.003
Lin, C., & Hong, C. (2009). Development of a marketing information system for supporting sales in a Tea-beverage market. Expert Systems with Applications, 36(3), 5393-5401. doi:https://doi.org/10.1016/j.eswa.2008.06.056
MA, C. C., Yao, A., & MA, J. E. (2018). Chapter 29 - Applying Design Thinking to the Design of an Online Electronic Journal. Medical and Scientific Publishing, 313-324. doi:https://doi.org/10.1016/B978-0-12-809969-8.00029-2
Marcilly, R., Zheng, W.-Y., Quindroit, P., Pelayo, S., Berdot, S., Charpiat, B., . . . Baysari, M. (2023). Comparison of the validity, perceived usefulness, and usability of I-MeDeSA and TEMAS, two tools to evaluate alert system usability. International Journal of Medical Informatics, 105091.
Martins, A. I., Rosa, A. F., Queirós, A., Silva, A., & Rocha, N. P. (2015, November). European Portuguese Validation of the System Usability Scale (SUS). Procedia Computer Science, 67, 293-300. doi:https://doi.org/10.1016/j.procs.2015.09.273
Mirkowicz, M., & Grodner, G. (2018). JAKOB NIELSEN’S HEURISTICS IN SELECTED ELEMENTS OF INTERFACE DESIGN OF SELECTED BLOGS. Social Communication, 2, 30-51. doi:10.2478/sc-2018-0013
Moura, J., Estrela, M., Almeida, A. M., Ferraz, I., Figueiras, A., Roque, F., & Herdeiro, M. T. (2021). A Usability Study of Pharmacists’ Perceptions Toward an Online Course for Respiratory Infections and Antibiotic Use. Procedia Computer Science, 181, 269-276. doi:https://doi.org/10.1016/j.procs.2021.01.146
Pal, D., & Vanijja, V. (2020). Perceived usability evaluation of Microsoft Teams as an online learning platform during COVID-19 using system usability scale and technology acceptance model in India. Children and Youth Services Review, 119, 105535. doi:https://doi.org/10.1016/j.childyouth.2020.105535
Pratama, W. S., & Indriyanti, A. D. (2023). Perancangan Design UI/UX E-Commerce TRINITY Berbasis Website Dengan Pendekatan Design Thinking. Journal of Emerging Information Systems and Business Intelligence, 4(1), 50-61.
Sarwar, A., & Fraser, P. T. (2019). Explanations in Design Thinking: New Directions for an Obfuscated Field. She Ji: The Journal of Design, Economics, and Innovation, 5(4), 343-355. doi:https://doi.org/10.1016/j.sheji.2019.11.002
Sebastopol, J. Y. (2020). Laws of UX: Using Psychology to Design Better Products & Services,. O’Reilly Media. doi:https://doi.org/10.1080/17547075.2020.1822074
Shaw, H., Ellis, D. A., & Ziegler, F. V. (2018, June). The Technology Integration Model (TIM). Predicting the continued use of technology. Computers in Human Behavior, 83, 204-214. doi:https://doi.org/10.1016/j.chb.2018.02.001
Sutresno, S. A., Christanto, H. J., Singgalen, Y. A., Denis, D., KevinRaharjo, J., & Mavish, S. (2023). Design and Development of a Mobile Application for Social Assistance. Journal of Information Systems and Informatics, 5(4), 1257-1273. doi:10.51519/journalisi.v5i4.573
Wiwesa, N. R. (2021). User Interface dan User Experience untuk Mengelola Kepuasan Pelanggan. Jurnal Sosial Humaniora Terapan, 3(2), 17-31. doi:10.7454/JSHT.V3I2.116
Yanfi, Y., & Nusantara, P. D. (2023, January ). UI/UX design prototype for mobile community-based course. Procedia Computer Science, 216, 431-441. doi:https://doi.org/10.1016/j.procs.2022.12.155
Christanto, H. J., Sutresno, S. A., Denny, A., & Dewi, C. (2023, August). Usability analysis of human computer interaction in google classroom and microsoft teams. Journal of Theoretical and Applied Information Technology, 101(16), 6425-6425.
Christanto, H. J., Sutresno, S. A., Simi, V. S., Dewi, C., & Dai, G. (2023). Analysis of Game Theory in Marketing Strategies of Tiktok and Instagram. Journal of Theoretical and Applied Information Technology, 101(22), 7100-7109.
Dewi, C., & Christanto, H. J. (2022). Combination of Deep Cross-Stage Partial Network and Spatial Pyramid Pooling for Automatic Hand Detection. Big Data and Cognitive Computing, 6(3), 85. doi:10.3390/bdcc6030085
Dewi, C., Chen, A. P., & Christanto, H. J. (2023). Deep Learning for Highly Accurate Hand Recognition Based on Yolov7 Model. Big Data and Cognitive Computing, 53.
Dorst, K. (2011, November). The core of ‘design thinking’ and its application. Design Studies, 32(6), 521-532.
Firmansyah, M. D., Saddam, S., Sfenrianto, S., Bachtiar, S., & Kaburuan, E. R. (2019). Sales Information System Using Web for Small Business (Case Study: CV. Tanaka Service). International Journal of Mechanical Engineering and Technology, 10(3), 1696–1702.
Heylighen, A., & Dong, A. (2019). To empathise or not to empathise? Empathy and its limits in design. Design Studies, 65, 107-124. doi:https://doi.org/10.1016/j.destud.2019.10.007
Juergen Baumgartner a b, N. R., Hasler, A., Sonderegger, A., & Sauer, J. (2021, March ). Questionnaire experience and the hybrid System Usability Scale: Using a novel concept to evaluate a new instrument. International Journal of Human-Computer Studies, 147, 102575. doi:https://doi.org/10.1016/j.ijhcs.2020.102575
Lahiri, A., Cormican, K., & Sampaio, S. (2021). Design thinking: From products to projects. Procedia Computer Science, 181, 141-148. doi:https://doi.org/10.1016/j.procs.2021.01.114
Law, E. L.-C., & Abrahão, S. (2014). Interplay between User Experience (UX) evaluation and system development. International Journal of Human-Computer Studies, 72(6), 523-525. doi:https://doi.org/10.1016/j.ijhcs.2014.03.003
Lin, C., & Hong, C. (2009). Development of a marketing information system for supporting sales in a Tea-beverage market. Expert Systems with Applications, 36(3), 5393-5401. doi:https://doi.org/10.1016/j.eswa.2008.06.056
MA, C. C., Yao, A., & MA, J. E. (2018). Chapter 29 - Applying Design Thinking to the Design of an Online Electronic Journal. Medical and Scientific Publishing, 313-324. doi:https://doi.org/10.1016/B978-0-12-809969-8.00029-2
Marcilly, R., Zheng, W.-Y., Quindroit, P., Pelayo, S., Berdot, S., Charpiat, B., . . . Baysari, M. (2023). Comparison of the validity, perceived usefulness, and usability of I-MeDeSA and TEMAS, two tools to evaluate alert system usability. International Journal of Medical Informatics, 105091.
Martins, A. I., Rosa, A. F., Queirós, A., Silva, A., & Rocha, N. P. (2015, November). European Portuguese Validation of the System Usability Scale (SUS). Procedia Computer Science, 67, 293-300. doi:https://doi.org/10.1016/j.procs.2015.09.273
Mirkowicz, M., & Grodner, G. (2018). JAKOB NIELSEN’S HEURISTICS IN SELECTED ELEMENTS OF INTERFACE DESIGN OF SELECTED BLOGS. Social Communication, 2, 30-51. doi:10.2478/sc-2018-0013
Moura, J., Estrela, M., Almeida, A. M., Ferraz, I., Figueiras, A., Roque, F., & Herdeiro, M. T. (2021). A Usability Study of Pharmacists’ Perceptions Toward an Online Course for Respiratory Infections and Antibiotic Use. Procedia Computer Science, 181, 269-276. doi:https://doi.org/10.1016/j.procs.2021.01.146
Pal, D., & Vanijja, V. (2020). Perceived usability evaluation of Microsoft Teams as an online learning platform during COVID-19 using system usability scale and technology acceptance model in India. Children and Youth Services Review, 119, 105535. doi:https://doi.org/10.1016/j.childyouth.2020.105535
Pratama, W. S., & Indriyanti, A. D. (2023). Perancangan Design UI/UX E-Commerce TRINITY Berbasis Website Dengan Pendekatan Design Thinking. Journal of Emerging Information Systems and Business Intelligence, 4(1), 50-61.
Sarwar, A., & Fraser, P. T. (2019). Explanations in Design Thinking: New Directions for an Obfuscated Field. She Ji: The Journal of Design, Economics, and Innovation, 5(4), 343-355. doi:https://doi.org/10.1016/j.sheji.2019.11.002
Sebastopol, J. Y. (2020). Laws of UX: Using Psychology to Design Better Products & Services,. O’Reilly Media. doi:https://doi.org/10.1080/17547075.2020.1822074
Shaw, H., Ellis, D. A., & Ziegler, F. V. (2018, June). The Technology Integration Model (TIM). Predicting the continued use of technology. Computers in Human Behavior, 83, 204-214. doi:https://doi.org/10.1016/j.chb.2018.02.001
Sutresno, S. A., Christanto, H. J., Singgalen, Y. A., Denis, D., KevinRaharjo, J., & Mavish, S. (2023). Design and Development of a Mobile Application for Social Assistance. Journal of Information Systems and Informatics, 5(4), 1257-1273. doi:10.51519/journalisi.v5i4.573
Wiwesa, N. R. (2021). User Interface dan User Experience untuk Mengelola Kepuasan Pelanggan. Jurnal Sosial Humaniora Terapan, 3(2), 17-31. doi:10.7454/JSHT.V3I2.116
Yanfi, Y., & Nusantara, P. D. (2023, January ). UI/UX design prototype for mobile community-based course. Procedia Computer Science, 216, 431-441. doi:https://doi.org/10.1016/j.procs.2022.12.155
Copyright and Licensing
This work is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License.