UI/UX Redesign Using User-Centered Design (UCD) Method on Fatsecret Website

Authors

DOI:

https://doi.org/10.34818/INDOJC.2024.9.3.977

Keywords:

UI/UX redesign, User-Centered Design (UCD), website, health, calorie

Abstract

Weight loss websites have become a primary source of information for individuals looking to change their diet and achieve a healthy weight by offering a variety of features, content, and UI/UX redesigns to help users achieve their health goals using User-Centered Design (UCD). This study aims to find out trends and characteristics using the Fatsecret Website. FatSecret is a website that has a food calorie counter feature used to calculate the number of calories eaten each day. This research analyzes the improvement of the website's quality in terms of User Interface (UI) and User Experience (UX) by redesigning it using the UCD method. This study aims to produce analysis and design of the UI and UX on the Fatsecret Website. The method used is User-Centered Design, divided into 4 stages. The results of the UI/UX design include solutions to problems found, such as adding a workout feature, redesigning the reminder feature, and placing it outside to make it easier to see. The addition of a workout feature makes it easier for users to lose weight by exercising and managing calories simultaneously. The main colors of the Fatsecret logo, white and green, inspired the prototype's color scheme.

Downloads

Download data is not yet available.

References

[1] Hanifa Zahra Dhiah, "Smart Packaging Machine Using Internet of Things (IoT) Technology Based on Fuzzy Logic for Electricity

Saving", Vol. 4 ISSUE 2, Sept 2019.

[2] Izzatul Ummah, "Design of Virtual Network Simulation Based on Software-Define Networking", Vol. 1, ISSUE 1,MARCH 2016.

[3] G. Huguet-Pané, Grandes pandemias de la historia, Gd. Pandemias La Hist. . (2020) 1–7.

https://historia.nationalgeographic.com.es/a/grandes-pandemias-historia_15178/1 (accessed August 29, 2024).

[4] El Universal, La epidemia de los 300 mil muertos, (2020) 1–1. https://www.eluniversal.com.mx/opinion/hector-de-mauleon/la-

epidemia-de-los-300-milmuertos.

[5] S. Fleury and N. Chaniaud, “Multi-user-centered design: acceptance, user experience, user research, and user testing,” Theor. Ergon

Problem. Sci. , vol. 25, no. 2, 2024, doi: 10.1080/1463922X.2023.2166623.

[6] H. B. Santoso, P. O. H. Putra, and F. F. H. S. Febrian, “Development & Evaluation of E-Learning Module Based on Visual and

Global Preferences Using a User-Centered Design Approach,” Int. J. Emerg. Technol. Learn., vol. 16, no. 15, pp. 139–151, 2021,

doi: 10.3991/ijet.v16i15.24163.

[7] Wahyu Kurniawan Hartonto, "Designing the Angklung Game User Interface using the User Centered Design Method (Case Study

of Saung Angklung Udjo)", Vol. 4, ISSUE. 1, MARCH 2019

[8] Bhandari, U., Neben, T., Chang, K., & Chua, W. Y. (2017). Effects of interface design factors on affective responses and quality

evaluations in mobile applications. Computers in Human Behavior, 72, 525-534.

[9] Dharmayanti, D., Bachtiar, A., & Wibawa, A. (2018). Analysis of user interface and user experience on Comrades application. Paper

presented at the IOP Conference Series: Materials Science and Engineering.

[10] M. H. Abdurrohman and L. Trisnawati, “Model Rancangan Aplikasi Promosi Usaha Rempah Menggunakan Design Thinking,”

JOISIE (Journal of Information Systems and Informatics Engineering), pp. 29-36, 2021.

[11] M.R. Wibowo, and H. Setiaji. "Perancangan Website Bisnis Thrifdoor Menggunakan Metode Pendekatan Design Thinking,"

AUTOMATA, vol.1, no. 2, 2020.

[12] S. Amalina, F. Wahid., V. Satriadi, F. S. Farhani and N. Setiani, “Rancang Purwarupa Aplikasi UniBook Menggunakan Metode

Pendekatan Design Thinking,” In Seminar Nasional Aplikasi Teknologi Informasi (SNATi), pp. 50-55, 2017. [13] ISO, W.

"9241-11. Ergonomic requirements for office work with visual display terminals (VDTs)." The international organization for

standardization 45, no. 9, 1998.

[13] A.Z. Nadimsyah, J. JaFar and M.R. Pribadi, “Pengembangan UI/UX Pada Aplikasi Usahaqqu Dengan Menggunakan Metode Design

Ind. Journal on Computing Vol. 9, Issue. 3, December 2024 219

[14] [15] [16] [17] [18] [19] [20] [21] [22] [23] [24] [25] Thinking,” In MDP Student Conference, vol. 1, no. 1, pp. 261-266, January 2022.

J. Brooke, “SUS: A Retrospective,” Journal of Usability Studies, pp.29-40, 2013.

S. Suyanto and U. Ependi, “Pengujian Usability dengan Teknik System Usability Scale pada Test Engine Try Out Sertifikasi,”

MATRIK: Jurnal Manajemen, Teknik Informatika dan Rekayasa Komputer, vol. 19, no.1, pp. 62-69, 2019

Shahd Humaid, "Investigating a New Syllabus for Teaching UI Mobile App Design to Visual Communication Design Students in

Amman, Jordan", Vol. 60, 23-37, August 2024

Ari Tjahyono, "Perancangan Sistem Informasi Laporan Kegiatan Penanaman Modal Dengan Menggunakan Arsitektur Microservices

Pada Kementerian Investasi/Badan Koordinasi Penanaman Modal", Vol. 7, ISSUE 3.

T. Schlatter dan D. Levinson, Kegunaan visual: Prinsip dan praktik untuk merancang aplikasi digital . 2013.

H. Sampath, A. Merrick, dan A. MacVean, “Aksesibilitas antarmuka baris perintah,” 2021, doi: 10.1145/3411764.3445544.

JW Chen dan J. Zhang, “Membandingkan Antarmuka Pengguna Berbasis Teks dan Grafis untuk pengguna pemula dan ahli.,” AMIA

Annu. Gejala. Proses. , 2007.

E.A. Rahmasari, E. Adyati, and D. H. Yanuarsari, "A study of usability in the basic concept of user experience in the game Abc

Kids-Tracing And Phonics as a universal educational media for children," Demandia: Journal of Visual Communication Design,

Design Management, and Advertising, pp. 49-71, 2017.

H. Joo, "A study on understanding of UI and UX, and understanding of design according to user interface change." International

Journal of Applied Engineering Research, vol. 12, no. 20, 9931-9935, 2017.

G. Getto, “Pengalaman Pengguna (UX),” dalam Kata Kunci dalam Komunikasi Teknis dan Profesional , 2023.

Febryanti Sthevanie, "Video-Based Human Face Spoofing Detection using Local Derivative Pattern-Three Orthogonal Planes

Method", Vol. 5, ISSUE 1

DR Alamsyah, MG Resmi, dan I. Jaelani, “ Desain Ui/Ux E-Learning Bahasa Inggris Mobile Menggunakan Metode User Centered

Design (Ucd),” sinkron , vol. 8, tidak. 4, 2023, doi: 10.33395/sinkron.v8i4.12727.

Downloads

Published

2024-12-26

How to Cite

Asep Pujiyono, P. W. P. R., & Muhamad Irsan. (2024). UI/UX Redesign Using User-Centered Design (UCD) Method on Fatsecret Website. Indonesian Journal on Computing (Indo-JC), 9(3). https://doi.org/10.34818/INDOJC.2024.9.3.977

Issue

Vol. 9 No. 3 (2024): December, 2024

Section

Software Engineering

License

  • Manuscript submitted to IndoJC has to be an original work of the author(s), contains no element of plagiarism, and has never been published or is not being considered for publication in other journals. 
  • Copyright on any article is retained by the author(s). Regarding copyright transfers please see below.
  • Authors grant IndoJC a license to publish the article and identify itself as the original publisher.
  • Authors grant IndoJC commercial rights to produce hardcopy volumes of the journal for sale to libraries and individuals.
  • Authors grant any third party the right to use the article freely as long as its original authors and citation details are identified.
  • The article and any associated published material is distributed under the Creative Commons Attribution 4.0License