Skeuomorphism and Flat Design: UX/UI Design Aligned with Human Perception Processes.

Abstract

This research aims to: 1) study the principles of Human-Computer Interaction (HCI) and the concepts of two interface design styles-Skeuomorphism and Flat Design, and 2) design a UI/UX prototype application for customer order-taking in restaurants, focusing on user needs and enhancing operational efficiency. Research Tools: This study uses questionnaires to explore user behaviors and requirements, observations of the prototype application usage, and interviews with restaurant order-taking staff to gather data on ease of use, aesthetics, and real-world application responsiveness. Population: The study population consists of 10 order-taking staff from an Isan restaurant. They were observed and interviewed to assess their satisfaction, ease of use, and the suitability of the prototype application. Statistical Analysis: Basic statistics such as mean and standard deviation were used to evaluate the results. Research Findings: Section 1: General Information of Respondents Number of respondents: 10 Gender: Mean = 1.50, Standard Deviation = 0.52705 (50% male) Age: Mean = 1, Standard Deviation = 0.00 (100%, mostly part-time students)  Section 2: Satisfaction with Application Use 2.1 Quality of Application Ease of use: Mean = 4.70, Standard Deviation = 0.48 Convenience: Mean = 4.70, Standard Deviation = 0.48 Accuracy: Mean = 4.80, Standard Deviation = 0.42 Speed: Mean = 5.00, Standard Deviation = 0.00 2.2 Application Security Reliability of notification system: Mean = 4.70, Standard Deviation = 0.48 Individual login system: Mean = 5.00, Standard Deviation = 0.00 Accuracy of data processing: Mean = 5.00, Standard Deviation = 0.00 2.3 Application Presentation Text appropriateness: Mean = 5.00, Standard Deviation = 0.00 Component placement: Mean = 4.60, Standard Deviation = 0.51 Use of symbols and media: Mean = 4.30, Standard Deviation = 0.48 Aesthetics: Mean = 4.80, Standard Deviation = 0.42 Modernity: Mean = 4.40, Standard Deviation = 0.51 The use of skeuomorphism in mobile UX design and making interfaces more familiar and user-friendly originated from the early days of computers and mobile devices. Flat Design, on the other hand, emphasizes simplicity by reducing unnecessary details and focusing on bright colors, flat icons, and clean shapes. This design approach aims to enhance usability. When these two styles are combined in design, they can result in a well-designed and fast application. Research indicates that applications designed in the Flat Design style are rated higher in terms of clarity and ease of use compared to the Skeuomorphism style. As a result, Flat Design can be further developed to create efficient applications that better meet user needs in real-world contexts.