Thien Hock Keng

For this project, creating an engaging, user-friendly UI/UX design for the Thien Hock Keng web app requires careful attention to cultural context, ease of use, and a visually rich experience that aligns with the temple’s heritage. Below is an approach to designing this QR-based mobile web app:

Problem Statement

Visitors to Thien Hock Keng Temple lack easy access to its historical and cultural insights. Without a user-friendly guide, they often miss out on understanding the significance of sculptures and architecture. The goal is to design a QR-based mobile app that acts as a digital guide, delivering multilingual information and audio narration for a rich, accessible experience.

02 Goals

Engagement: Enhance understanding of the temple’s history and artwork.
Multilingual Support: Provide information and audio in three languages.
Easy Navigation: Simple QR code scanning, interactive maps, and accessible design.
Cultural Sensitivity: Design reflects traditional Chinese aesthetics.

Process

Research: Identify user needs, temple content, and culturally appropriate designs.
Feature Definition: Determine key features: QR scanning, language selection, audio playback, and interactive map.
Design & Prototyping: Create wireframes and prototypes, testing usability and accessibility.
Development: Build the mobile app with optimized QR and multilingual support.
Iteration: Refine based on user feedback to ensure ease of use.

Analysis

User Needs: Accessible, multilingual content; easy navigation.
Pain Points: Language barriers, navigation complexity, and device compatibility.
Technical Considerations: Efficient QR scanning and high-quality audio playback.

Solution

The solution is a QR-based mobile app that provides:

Simple QR Scanning: Smooth, full-screen camera view.
Multilingual Audio & Text: Available in English, Chinese, and Hokkien, with playback controls.
Interactive Temple Map: Helps users explore key areas.
Culturally Aligned Design: Reflects the temple’s aesthetics with a traditional color palette.
User Experience: Introduce different levels of emoji after rating the overall experience.

Back