UI/UX Design
Budget: $30 – $250 USD
Project Name: GOGOGO App User Dashboard Design
Version: 1.6
1. Project Overview
GOGOGO App seeks to motivate users to move physically, allowing them to accumulate "Energy" and, upon nearing a merchant equipped with iBeacon, automatically spend energy to obtain $KCN token rewards.
****iBeacon Explanation
iBeacon employs BLE (Bluetooth Low Energy) technology, broadcasting its unique identifier to nearby mobile devices, which facilitates precise identification of merchant locations and detection of user proximity.
2. Design Requirements
2.1 Energy Display
Visually and numerically display the current energy level (max of 5 bars).
2.2 Reward in Non-iBeacon Zones
Users moving in areas without detected iBeacons accumulate a small pre-reward in $KCN.
These pre-rewards must be claimed and actualized by approaching and connecting to an iBeacon within 30 minutes.
2.3 iBeacon Proximity Rewards
Upon approaching and connecting to an iBeacon, the system automatically begins to consume energy, granting $KCN rewards.
Display information about the connected iBeacon, reward rate, and the amount of $KCN already earned.
Reward acquisition automatically pauses when energy is depleted.
3. Logic Overview
Energy Accumulation: Energy is accumulated through user movement.
Non-iBeacon Rewards: Pre-rewards are earned by moving in non-iBeacon zones, requiring iBeacon connection within 30 minutes for actualization.
iBeacon Proximity Rewards: Upon having energy and approaching an iBeacon, the automatic reward acquisition process begins, consuming energy to earn $KCN.
4. User Experience
Provide real-time feedback and clear prompts.
Ensure a streamlined operation process.
5. Visual Design
Maintain consistent color schemes and fonts.
Utilize icons and illustrations to complement textual information.
Incorporate animation effects and popup notifications.
6. Boundary and Exception Handling
Provide clear prompts during low energy or reward timeout scenarios.
Offer friendly tips and suggestions when iBeacons are undetectable or connections are interrupted.
7. Page and Popup Count
Main Page: 1
iBeacon List/Map Page: 1
Various Popup Notifications: 4
Login/Registration Page: 1
User Center Page: 1
Additional Basic App Framework Pages: [Specify number and types as per further requirements]
8. Additional Notes
This requirement only covers the main interface design. Further enhancements and detailed designs for other sections like login/registration, user center, and other basic app framework components are also necessary and will be addressed in subsequent design phases.
We have embarked on the design process, yet the current elements appear somewhat cluttered, necessitating revisions and restructuring to ensure a more coherent UI hierarchy and logic. Simultaneously, a transition towards brighter color schemes is sought. We would appreciate viewing some preliminary sketches of your main interface design to facilitate our ongoing communication.
Version: 1.6
1. Project Overview
GOGOGO App seeks to motivate users to move physically, allowing them to accumulate "Energy" and, upon nearing a merchant equipped with iBeacon, automatically spend energy to obtain $KCN token rewards.
****iBeacon Explanation
iBeacon employs BLE (Bluetooth Low Energy) technology, broadcasting its unique identifier to nearby mobile devices, which facilitates precise identification of merchant locations and detection of user proximity.
2. Design Requirements
2.1 Energy Display
Visually and numerically display the current energy level (max of 5 bars).
2.2 Reward in Non-iBeacon Zones
Users moving in areas without detected iBeacons accumulate a small pre-reward in $KCN.
These pre-rewards must be claimed and actualized by approaching and connecting to an iBeacon within 30 minutes.
2.3 iBeacon Proximity Rewards
Upon approaching and connecting to an iBeacon, the system automatically begins to consume energy, granting $KCN rewards.
Display information about the connected iBeacon, reward rate, and the amount of $KCN already earned.
Reward acquisition automatically pauses when energy is depleted.
3. Logic Overview
Energy Accumulation: Energy is accumulated through user movement.
Non-iBeacon Rewards: Pre-rewards are earned by moving in non-iBeacon zones, requiring iBeacon connection within 30 minutes for actualization.
iBeacon Proximity Rewards: Upon having energy and approaching an iBeacon, the automatic reward acquisition process begins, consuming energy to earn $KCN.
4. User Experience
Provide real-time feedback and clear prompts.
Ensure a streamlined operation process.
5. Visual Design
Maintain consistent color schemes and fonts.
Utilize icons and illustrations to complement textual information.
Incorporate animation effects and popup notifications.
6. Boundary and Exception Handling
Provide clear prompts during low energy or reward timeout scenarios.
Offer friendly tips and suggestions when iBeacons are undetectable or connections are interrupted.
7. Page and Popup Count
Main Page: 1
iBeacon List/Map Page: 1
Various Popup Notifications: 4
Login/Registration Page: 1
User Center Page: 1
Additional Basic App Framework Pages: [Specify number and types as per further requirements]
8. Additional Notes
This requirement only covers the main interface design. Further enhancements and detailed designs for other sections like login/registration, user center, and other basic app framework components are also necessary and will be addressed in subsequent design phases.
We have embarked on the design process, yet the current elements appear somewhat cluttered, necessitating revisions and restructuring to ensure a more coherent UI hierarchy and logic. Simultaneously, a transition towards brighter color schemes is sought. We would appreciate viewing some preliminary sketches of your main interface design to facilitate our ongoing communication.