Wireframe
Mockup
Year: 2019
Role: UX/UI Designer
Task: Planning, Wireframe, Mockup
Platform: Tablet
The Power Kid Mobile App is the electronic version of the POWER YOU Kindergarten Education Kit. As a parent, you can use our fun and engaging ” Light out the city “ to teach your child about: Electricity; Energy efficiency and conservation; and How to adopt low-carbon lifestyles.
Overview
01 | Team Vision
Children can learn about decarbonisation through three interesting games, including MC, pairing game, and spot the wrong area. Children can choose their favourite characters and play with friends or bots to answer all questions. In the games, they are able to unlock hidden maps, equipment, and cards by earning coins.
02 | My Role
As a UX Designer, I worked collaboratively with another UI designer to design wireframes, interfaces, and icons, and oversee the design direction. Moreover, I asked CLP to conduct a workshop for children to play the prototype and iterate based on their feedback.
03 | Challenge
This is the first time I have worked on a game design project, and I have to work with the client as well as the developer to solve a number of technical problems during the idea generation phase
Design Flow
Understand the requirement: Understand the requirements of users and stakeholders.
Define Scope: Define the core score with client, PM and developers
Generate Idea: Generate different idea and discuss with client
Mockup： Design mockup & icons style
Project Objectives
Clearly define the core gameplay experience you want to provide to players.
Product a engaging and enjoyable game for 3+
Generate Idea
After defining and understand, time to brainstorm product direction and feature.
Design Hypothesis
I have discussed with my UX lead the new direction of the design principles gathering the insight from different online game
01
Clear Game Structure & Simple UI
The user interface and visual design can be improved so the childred has a better understanding of the real-time factory situation and helps the Line Manager and IE find problems quickly
02
Game is easy to play and attractive
The game's visual aesthetics are a standout feature, creating a vibrant and captivating world that draws players in
03
Human & Non-technical words
Use the terms that 3+ children might understand
Game 1 - Multiple Questions
The questions can cover a wide range of subjects, such as renewable energy, waste management, biodiversity, urban planning, and more.
Each question typically has 3-4 possible answer choices, and the player must select the correct answer.
Game 2 - Pairing
The pairings could involve matching a renewable energy source with its corresponding technology, a recycling symbol with its material type, or an endangered species with its habitat.
This game method encourages players to think critically about the relationships between different environmental concepts and components.
The player's task is to carefully examine different elements and identify the differences, which could be related to things like energy sources, pollution levels, vegetation, or urban infrastructure.
This game method encourages players to observe their surroundings more closely and become more aware of environmental details and changes.
New Design - CLP Mockup
The core gameplay loop is structured around a series of environmental quiz challenges. These questions cover a wide range of topics, from renewable energy and waste management to biodiversity conservation and urban planning. The multiple-choice format makes it easy for players to quickly engage with the educational content, while the varying difficulty levels cater to both casual and more knowledgeable players.
Mockup
Bringing all the ideas, feedback and suggestions into real product
Game Start
Game Instruction
Game Instruction
Game Instruction
Game Playing
MC Questions
Pairing
Spot the Difference
End Game
