PERANCANGAN UI/UX APLIKASI MOBILE KEDAI KOPI CEI BERBASIS DESIGN THINKING

Design Thinking; Mobile Application; System Usability Scale; UI/UX Design; Usability Testing.

Abstrak

This study presents the design of a mobile user interface and user experience (UI/UX) for Kedai Kopi Cei, a modern coffee shop, using the Design Thinking approach. The research addresses five key pain points identified during the Empathize stage: inefficient manual ordering, limited real-time menu and promotion information, the absence of a digital seat-reservation system, the lack of a measurable loyalty program, and the absence of order-tracking features. Through the five stages of Design Thinking—Empathize, Define, Ideate, Prototype, and Test—the study produced four user flows, a flat navigation map with five bottom-navigation tabs, eight low-fidelity wireframes, and twenty-two high-fidelity screens designed in Figma with an interactive prototype. Usability testing using the System Usability Scale (SUS) was conducted with five respondents aged 18–27. The results show an average SUS score of 70.0, placing the prototype in the Acceptable category (Grade C), above the usability threshold of 68 commonly cited in the literature. These findings indicate that the prototype is generally well received by users, while also revealing specific areas—visual hierarchy and navigation consistency—that require further refinement before technical development. UI/UX Design; Design Thinking; Mobile Application; Usability Testing; System Usability Scale