The development of digital applications in the beauty and healthcare fields requires a user interface that is not only visually attractive but also easy to use and comfortable for users. This study aims to design and evaluate the user interface of the SkinPal facial skin type detection application using Figma. The research stages consisted of literature review, requirement analysis, interface design using Figma, prototype development, usability testing, data analysis, and conclusion. The interface was designed based on user needs to support facial skin type detection and assist users in selecting appropriate skincare digitally. The data analysis results showed that the mean score for the indicator display is easy to understand and informative was 3.85, icons are easy to understand was 4.05, display consistency was 4.10, and overall user experience was 3.90. These results indicate that respondents gave positive assessments of the SkinPal interface. Usability testing was conducted involving 20 respondents using a Likert-scale questionnaire. Since all questionnaire items were positive statements, the data were analyzed using the Modified System Usability Scale (SUS) method. The results showed that the SkinPal prototype obtained an average SUS score of 73.25, with a minimum score of 30.00, a maximum score of 100.00, and a standard deviation of 18.16. The average score indicates that the SkinPal user interface is categorized as Acceptable and classified as Good. These findings show that the proposed interface is feasible to use, easy to understand, and suitable for supporting facial skin type detection. However, improvements are still needed in navigation clarity, instruction readability, button visibility, and visual consistency. Future research is recommended to develop the prototype into a functional mobile application integrated with automatic facial skin type detection.Bottom of Form Keywords: user interface, Figma, usability testing, System Usability Scale, facial skin type detection, SkinPal.
Copyrights © 2026