Let's Collaborate!
Copyright @ 2024 Sammi Tang
DESIGN
Lo-Fi Wireframes
HOME/ONBOARDING
ADD NEW RECORD
MAtching history
Winners Ranking
Mid-Fi Wireframes
HOME/ONBOARDING
ADD NEW RECORD
MAtching history
Winners Ranking
User Accessibility - The app should be intuitive enough for both player types to record match results quickly, even during short breaks, without requiring extensive onboarding.
Data Fairness and Accuracy - All game records rely on user input, which may lead to potential inaccuracies or biases, as the simple functionality may not be sufficient to ensure data fairness and accuracy.
Iterative Improvements - The need for a quick release might compromise the depth of initial design, requiring post-launch refinements.
Possible Constraints
Essential Functions
Add New Record - Log match results quickly and accurately.
View Matching History - Access past match records and player performance.
Display Winners Ranking - Show overall leaderboard of player rankings.
Scope Framing
While the functional requirements are limited to Record Results and Show Ranking of Winners, I believe there is a critical intermediate step—View Matching History. This feature ensures functional completeness and enhances the overall user flow.
Given the time constraints and the simplicity of the app’s functionality, I decided not to include a sitemap. However, I thoroughly considered the design of the top bar, incorporating essential buttons to clearly demonstrate the relationships between screens. Additionally, I included an onboarding screen which is also as the app’s Home.
Although this app is designed specifically for internal use to record ping pong matches within the company, I see it as a "microcosm" of sports games apps. The underlying logic for the required features is fundamentally similar, with only a subset of those features needed for this context. It’s also important to consider potential future feature expansions when designing the app.
Idea Generation
IDEATE
How might we design a mobile app that allows Startup, Inc. employees to easily record ping pong match results and view a winner ranking, fostering engagement for both serious and casual players?
Challenge
Highlight
Synthesize
CONTEXT
Startup, Inc. exclusive
To consolidate corporate culture
USER
Very serious players
Everyone likes to play recreationally
MEDIUM
Mobile App
NEED
Record results
Show ranking of winners
REQUIEMENT
>= 1 screen
Focus on MVP
Prompt Interpretation
DEFINE
OVERVIEW
category
UI/UX
App Design
Design Challenge
ROLE
UX Designer
DURATION
30mins, Oct 2023
During the final 30 minutes of the third session of Usable Design for Mobile class, I was tasked with this time-limited Design Challenge. The goal was to create a simple app interface design, focusing on core functionalities, without the need for hi-fi wireframes or prototyping.
Given the clarity and relatively narrow scope of the challenge, I streamlined my design process. For instance, in the Research phase, I only conducted a quick Google search for Moodboard, so this part is not included in this presentation.
Ultimately, I designed 4 mid-fi screens for the app: Onboarding, Add New Record, Matching History, and Winners Ranking. These screens were created to ensure key functionalities were clearly addressed within the time constraints.
Ping Pong Tracking App
for a startup company's employees
Quick Design Challenge
Scoreboard App Design
TAKEAWAY
To address potential Data Fairness and Accuracy issues in the initial version while maintaining a simple app functionality, a Dual Confirmation System can be implemented:
• Require both players to confirm match results before they are recorded in the system.
• Example: After Player A submits a score, Player B receives a notification to approve or dispute it.
Dual Confirmation System
Scaling Beyond Internal Use
In the future, we can expand the app’s availability beyond Startup, Inc., making it accessible to a wider audience.
To support this, a group creation feature should be added, allowing users to form groups and ensuring that rankings are displayed within specific communities.
Future Improvement
By designing with scalability in mind, I created a foundation that allows for sustainable growth and feature expansion in later updates.
This approach ensured that we delivered essential functionalities while maintaining a clear vision for future iterations.
Due to time constraints, I focused on identifying core user needs and defining the project's key priorities to develop a streamlined MVP.
Key Learning
