OAR MENTOR
Your First Stroke to Rowing Success
PROJECT Overview
The goal of this project is to create a Do It Yourself (DIY) Instructional guide that teaches someone how to complete a task using clear UX principles and visual design. The task involves developing an animated GIF that provides step-by-step instructions with accompanying text, making the process easy to understand and visually appealing.
PROJECT Overview
The goal of this project is to create a Do It Yourself (DIY) Instructional guide that teaches someone how to complete a task using clear UX principles and visual design. The task involves developing an animated GIF that provides step-by-step instructions with accompanying text, making the process easy to understand and visually appealing.
ROLE
As the UX/UI Designer, my role involved:
-
Conducting user research to understand the needs of beginner rowers.
-
Creating wireframes and prototypes for responsive layouts.
-
Designing an animated GIF to visually represent the rowing stroke, to be incorporated into tutorials.
-
Designed a clean, professional logo that reflected the app's focus on rowing and beginner-friendly guidance.
Caregivers of individuals with Alzheimer's face challenges like managing medications, scheduling appointments, tracking vital signs, and providing emotional support, often leading to isolation and stress.
The primary challenge of this project was designing an app that meets the needs of both professional and family caregivers, while being user-friendly, accessible, and adaptable to different caregiving styles. The app needed to simplify complex tasks, reduce stress, and improve collaboration with healthcare providers.
Key challenges included:
-
Designing an intuitive interface for a diverse user base.
-
Ensuring privacy and security for sensitive medical information.
-
Balancing simplicity with comprehensive caregiving features.
ROLE
As the UX/UI Designer, my role involved:
-
Conducting user research to understand the needs of beginner rowers.
-
Creating wireframes and prototypes for responsive layouts.
-
Designing an animated GIF to visually represent the rowing stroke, to be incorporated into tutorials.
-
Designed a clean, professional logo that reflected the app's focus on rowing and beginner-friendly guidance.
Key Requirements
-
Simple Task
Select an easy, step-by-step DIY task.
-
Animated GIF
Create a clear and engaging GIF to show the steps visually.
-
User-Friendly Design
Keep the layout simple and easy to follow.
-
Quality Graphics
clear, creative visuals that look consistent and appealing.
-
Clarity
Make instructions easy to understand at a glance.
-
Visual Appeal
Ensure the design is clean and attractive.
Week One: Research & begin planning
Week Two: Wireframing
Week Three: UI Execution
Week Four: Project Wrap-up & Fine Details
TIMELINE
-
Designing an intuitive interface for a diverse user base.
-
Incorporating sensitive medical information while maintaining user privacy and security.
-
Ensuring the app's features were simple yet comprehensive enough to support various caregiving needs.
Key challenges included:
THE CHALLENGE
The primary challenge was to design an intuitive interface that clearly communicated the physical steps of rowing through visuals alone, without relying on voice-guided lessons. Additionally, creating an engaging animated GIF to illustrate the rowing process added a unique layer of complexity to the project.
RESEARCH
PROTOTYPING
UI DESIGN
MAIN GOAL
Design an application specifically tailored to caregiver support for Alzheimer's patients. organizing medication management, daily routines, and fostering connections with caregivers
TIMELINE
Week One: Research & begin planning
Week Two: Wireframing
Week Three: UI Execution
Week Four: Project Wrap-up & Fine Details
UNDERSTANDING THE USER
The target users for Oar Mentor are beginners who are interested in learning the basics of rowing, either for fitness or recreation. Many of them seek to practice their techniques at home before transitioning to an actual rowing machine or boat. Understanding these users' needs was key to creating an effective app that enhances their learning experience.
RESEARCH
To ensure that Oar Mentor met the needs of its target audience, I conducted user research through interviews with novice rowers, as well as reviewing existing rowing tutorials. The research helped identify pain points in learning new sports, particularly when it came to understanding complex movements like rowing. I focused on gathering insights related to how beginners learn physical activities, preferred learning methods, and challenges they face in mastering rowing.
Market Research:
To inform the design of Oar Mentor, I conducted market research to better understand the existing rowing education resources and identify gaps in the market. The research focused on understanding the needs of beginner rowers, exploring existing apps and tutorials, and analyzing user feedback on various platforms related to rowing techniques and fitness learning.
Key Market Research Insights:
-
Visual Learning Preference:
There was a strong preference for visual learning methods among beginners, especially for physical activities like rowing. Many existing resources relied heavily on text-based instructions, which often left users confused about the correct form and techniques.
-
Device Usage:
Mobile and tablet apps are popular for fitness education, but users also expressed a need for more detailed content that could be better experienced on larger screens (e.g., tablets and desktops).
-
Learning Challenges:
Beginners often struggled with understanding proper form, especially for complex movements like rowing strokes, indicating a need for clear, visual guidance that breaks down each step of the technique.
-
Market Gap: While there are many fitness apps, few provide beginner-friendly, step-by-step visual guides specifically for rowing, presenting an opportunity for Oar Mentor to offer a comprehensive, easy-to-use educational tool.
PERSONA
.png)
SCENERIO
.png)
RESEARCH
PROTOTYPING
UI DESIGN
User Flow Explained
The user flow for Oar Mentor was designed to provide a seamless learning experience for beginners, guiding them step-by-step through the process of understanding and practicing rowing techniques. Here's how the flow works:
Home Screen Users are welcomed with a clean, visually appealing home screen featuring clear navigation options, including Start Tutorial, About Rowing, and Settings.
Tutorial Start Selecting Start Tutorial takes users to the first step of the rowing instruction. The interface is designed to highlight one step at a time, ensuring the user focuses on mastering each movement.
Step-by-Step Guidance
Each tutorial screen features:
Animated GIFs: Visually demonstrate the rowing motion for the specific step.
Text Descriptions: Provide concise, beginner-friendly explanations of the action.
Interactive Navigation: Users can move to the next step or revisit previous steps with simple controls.
USER FLOW
RESEARCH
PROTOTYPING
UI DESIGN
WIREFRAMES
RESEARCH
PROTOTYPING
UI DESIGN
CONCLUSION
The final design of Oar Mentor successfully accommodates both and tablet and desktop users, offering an engaging and educational experience tailored to beginner rowers. The responsive design ensures that the visual breakdowns of rowing techniques, including the animated GIF, are easy to view and interact with across different devices. The app offers users a clear, accessible way to learn rowing at their own pace, making it an effective tool for mastering the sport's basics.
