UI/UX Redesign of SH-UPI App Using Design Thinking Framework

Syifaul Fuada - University of Oulu, Pentti Kaiteran katu 1, 90570 Oulu, Finland
Endah Setyowati - Universitas Pendidikan Indonesia, Veteran Street 8, 41115, Purwakarta, Indonesiaz
Nissa Restyasari - Universitas Pendidikan Indonesia, Veteran Street 8, 41115, Purwakarta, Indonesiaz
Yee Heong - Universiti Tun Hussein Onn Malaysia, Persiaran Tun Dr. Ismail, 86400 Johor, Malaysia
Leonardi Hasugian - Universitas Komputer Indonesia, Dipati Ukur Street 112-116, 40132, Bandung Indonesia


Citation Format:



DOI: http://dx.doi.org/10.62527/joiv.8.3.2094

Abstract


The rise of smart home technology has significantly impacted people’s behavior and lifestyle, especially when controlling household electronics remotely. Smart homes have become increasingly commoditized in the last decades, resulting in several vendors offering various commercial products and their variants. Universitas Pendidikan Indonesia (UPI) has created the smart home platform “SH-UPI,” which includes the Smart LED Bulb RGB. The platform’s mobile app can be downloaded from the Play Store or the official website (www.sh-upi.com). The SH-UPI is one of Indonesia's leading smart homes that adopted Internet-of-Things (IoT). However, customers have reported issues with the app’s user interface (UI) and user experience (UX), prompting a redesign to address these concerns and stay competitive. This study employs the design thinking method of empathizing, defining, imagining, prototyping, and testing. The define stage to prototype stage resulted in a newly designed prototype for the SH-UPI app. Testing involved evaluating the prototype using metrics like the User Experience Questionnaire (UEQ) and System Usability Scale (SUS). The test results showed an increase in the UEQ parameter value, exceeding the initial average scores of -0.8 to 0.8. Additionally, there was an improvement compared to benchmark scores, which initially ranged from below average to poor but now range from above average to excellent. The SUS score also improved, rising from 59.75 (grade D) to 83.625 (grade A). The findings of this study can be a valuable resource for developing SH-UPI apps with significantly enhanced UI/UX.

Keywords


Design Thinking; IoT; Smart Home; Smart LED Bulb RGB; UI/UX

Full Text:

PDF

References


Z. H. Ali, “Internet of Things (IoT): Definitions, Challenges and Recent Research Directions,” International Journal of Computer Applications, vol. 128, no. 1, pp. 37–47, Oct. 2015.

D. Adidrana et al., “Simultaneous Hydroponic Nutrient Control Automation System Based on Internet of Things,” JOIV : Int. J. Inform. Visualization, vol. 6, no. 1, p. 124, Mar. 2022, doi: 10.30630/joiv.6.1.865.

K. K. Patel, S. M. Patel, and P. Scholar, “Internet of Things-IOT: Definition, Characteristics, Architecture, Enabling Technologies, Application & Future Challenges,” International Journal of Engineering Science and Computing, vol. 6, no. 5, pp. 6122–6131, 2016.

A. M. Alqudah, “The Internet of Things in Healthcare: A survey for Architecture, Current and Future Applications, Mobile Application, and Security,” JOIV : Int. J. Inform. Visualization, vol. 3, no. 2, p. 113, Mar. 2019, doi: 10.30630/joiv.3.2.227.

S. S. I. Samuel, “A review of connectivity challenges in IoT-smart home,” in 2016 3rd MEC International Conference on Big Data and Smart City (ICBDSC), Muscat, Oman: IEEE, Mar. 2016, pp. 1–4. doi: 10.1109/ICBDSC.2016.7460395.

M. Alaa, A. A. Zaidan, B. B. Zaidan, M. Talal, and M. L. M. Kiah, “A review of smart home applications based on Internet of Things,” Journal of Network and Computer Applications, vol. 97, pp. 48–65, Nov. 2017, doi: 10.1016/j.jnca.2017.08.017.

P. P. Gaikwad, J. P. Gabhane, and S. S. Golait, “A survey based on Smart Homes system using Internet-of-Things,” in 2015 International Conference on Computation of Power, Energy, Information and Communication (ICCPEIC), Melmaruvathur, Chennai, India: IEEE, Apr. 2015, pp. 0330–0335. doi: 10.1109/ICCPEIC.2015.7259486.

S. Fuada and H. Hendriyana, “Development of Scalable IoT-Based Smart Home Infrastructure Using ESP-Mesh,” jcm, vol. 17, no. 5, pp. 373–385, 2022, doi: 10.12720/jcm.17.5.373-385.

S. Fuada and H. Hendriyana, “UPISmartHome V.2.0 – A Consumer Product of Smart Home System with an ESP8266 as the Basis,” jcm, vol. 17, pp. 541–552, 2022, doi: 10.12720/jcm.17.7.541-552.

A. F. Doni, Y. D. P. Negara, E. R. Wulandari, and M. Z. Mustofa, “Redesign Prototype of Fintech Application,” E3S Web Conf., vol. 328, no. 1, pp. 1–5, 2021, doi: 10.1051/e3sconf/202132804002.

A. Subiyakto et al., “Investigating User Experience to Redesign User Interface Using User-Centered Design Approach.” ICIC International 学会, 2022. doi: 10.24507/icicelb.13.08.861.

V. Handayani, F. Lukman Budiono, D. Rosyada, R. Nisa Sofia Amriza, Zulkifli, and S. Ummi Masruroh, “Gamified Learning Platform Analysis for Designing a Gamification-Based UI / UX of E-learning Applications: A Systematic Literature Review,” in 2020 8th International Conference on Cyber and IT Service Management (CITSM), Pangkal Pinang, Indonesia: IEEE, Oct. 2020, pp. 1–5. doi: 10.1109/CITSM50537.2020.9268791.

H. T. Yasmine and W. T. Atmojo, “UI/UX Design for Tourism Village Website Using the User Centered Design Method,” TIERS, vol. 3, no. 2, pp. 100–114, Dec. 2022, doi: 10.38043/tiers.v3i2.3871.

V. A. Subarjah and Ari Purno Wahyu, “Analysis and Design of User Interface and User Experience of Regional Tax Enterprise Resources Planning System with Design Thinking Method,” Inf. J. Ilm. Bid. Teknol. Inf. dan Komun., vol. 7, no. 2, pp. 96–106, Jul. 2022, doi: 10.25139/inform.v7i2.4729.

Y. Yanfi and P. D. Nusantara, “UI/UX design prototype for mobile community-based course,” Procedia Computer Science, vol. 216, pp. 431–441, 2023, doi: 10.1016/j.procs.2022.12.155.

H. Xu, L. König, D. Cáliz, and H. Schmeck, “A generic user interface for energy management in smart homes,” Energy Inform, vol. 1, no. 55, pp. 1–63, Dec. 2018, doi: 10.1186/s42162-018-0060-0.

K. V. Vlasenko et al., “UI/UX design of educational on-line courses,” CTE Workshop Proc., vol. 9, pp. 184–199, Mar. 2022, doi: 10.55056/cte.114.

R. Yulia, R. M. Candra, M. Irsyad, and T. Darmizal, “UI/UX Redesign of INHIL Dukcapil Application Using the Design Thinking Method,” INFOKUM, vol. 10, no. 5, pp. 481–488, 2022.

E. Krisnanik and T. Rahayu, “UI/UX integrated holistic monitoring of PAUD using the TCSD method,” Bulletin EEI, vol. 10, no. 4, pp. 2273–2284, Aug. 2021, doi: 10.11591/eei.v10i4.3108.

Z. I. Paramarini Hardianto and Karmilasari, “Analysis and Design of User Interface and User Experience (UI / UX) E-Commerce Website PT Pentasada Andalan Kelola Using Task System Centered Design (TCSD) Method,” in 2019 Fourth International Conference on Informatics and Computing (ICIC), Semarang, Indonesia: IEEE, Oct. 2019, pp. 1–8. doi: 10.1109/ICIC47613.2019.8985854.

N. Restyasari, S. Fuada, and E. Setyowati, “Redesign UI/UX Aplikasi SH-UPI Menggunakan Kerangka Kerja Design Thinking,” Jurnal Pendidikan Teknologi Informasi (JUKANTI), vol. 6, no. 2, pp. 152–166, Nov. 2023, doi: 10.37792/jukanti.v6i2.952.

L. Setiyani and E. Tjandra, “UI / UX Design Model for Student Complaint Handling Application Using Design Thinking Method (Case Study: STMIK Rosma Karawang),” International Journal of Science, Technology & Management, vol. 3, no. 3, pp. 690–702, May 2022, doi: 10.46729/ijstm.v3i3.505.

W. S. L. Nasution and P. Nusa, “UI/UX Design Web-Based Learning Application Using Design Thinking Method,” ARRUS J. Eng. Tech., vol. 1, no. 1, pp. 18–27, Aug. 2021, doi: 10.35877/jetech532.

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 : Int. J. Inform. Visualization, vol. 6, no. 2, pp. 327–334, Jun. 2022, doi: 10.30630/joiv.6.2.997.

R. A. Grier, A. Bangor, P. Kortum, and S. C. Peres, “The System Usability Scale: Beyond Standard Usability Testing,” Proceedings of the Human Factors and Ergonomics Society Annual Meeting, vol. 57, no. 1, pp. 187–191, Sep. 2013, doi: 10.1177/1541931213571042.

D. Kurniadi, A. Mulyani, and I. Muliana, “Prediction System for Problem Students using k-Nearest Neighbor and Strength and Difficulties Questionnaire,” join, vol. 6, no. 1, pp. 53–62, Jun. 2021, doi: 10.15575/join.v6i1.701.

M. Praseptiawan, M. C. Untoro, F. Fahrianto, P. R. Prabandari, and M. S. Wisnubroto, “Redesigning UI/UX of A Mobile Application Using Task Centered System Design Approach,” Appl. Inf. Syst. Manage., vol. 6, no. 1, pp. 21–28, Apr. 2023, doi: 10.15408/aism.v6i1.24665.

R. Suharsih, R. Febriani, and S. Triputra, “Usability of Jawara Sains Mobile Learning Application Using System Usability Scale (SUS),” join, vol. 6, no. 1, pp. 41–52, Jun. 2021, doi: 10.15575/join.v6i1.700.

E. Z. Dewi, M. Fransisca, R. I. Handayani, and F. L. D. Cahyanti, “Analysis and Design of UI/UX Mobile Applications for Marketing of UMKM Products Using Design Thinking Method,” SinkrOn, vol. 7, no. 4, pp. 2329–2339, Oct. 2022, doi: 10.33395/sinkron.v7i4.11505.

T. S. Gunawan et al., “Prototype Design of Smart Home System using Internet of Things,” IJEECS, vol. 7, no. 1, pp. 107–115, Jul. 2017, doi: 10.11591/ijeecs.v7.i1.pp107-115.

F. N. Fajri, F. Rizal, Moh. A. Yaqin, and Z. A. Purwanto, “Analysis And Design of Mobile Applications For Make-Up Artist Services (Halomua) With The Design Thinking Framework,” SinkrOn, vol. 8, no. 3, pp. 1400–1408, Jul. 2023, doi: 10.33395/sinkron.v8i3.12483.