Workout Completion Summary
The design effectively uses bold typography and clear iconography to immediately convey workout completion and key metrics, creating an encouraging user experience. However, it could benefit from improved contrast for accessibility and more detailed feedback or options following the workout summary to enhance engagement.
Public
Design Score
Polish Opportunities
Design Perspectives
0To Review
Recommended Fixes by Impact
0Total
Fixes by Category
2
Color & Contrast2
Content Readability & Clarity2
Visual Consistency, Imagery & Media0
Navigation & Structure1
Conversion & Actions2
Tone, Friendliness & Delight2
Accessibility & Input Ergonomics1
Efficiency & Cognitive Load1
Flow & States Completeness2
Strategic DesignRecommended Fixes by Impact
0Critical
1Major
11Moderate
3Minor
Unnecessary Confirmation Screen After Workout Completion
Major
Efficiency & Cognitive Load
The Problem
The screen serves only as a confirmation of completed workout with simple summary stats and requires the user to tap 'OK' to proceed.
Why it Matters
This extra step interrupts user flow without adding significant value, causing minor delays and potential frustration.
How to Fix
Remove this confirmation screen or merge its content into the previous workout tracking flow to eliminate the redundant tap.
Issue Highlights
Low contrast for 'Way to show up. Here’s how you did:' text
Moderate
Color & Contrast
The Problem
The smaller body text 'Way to show up. Here’s how you did:' appears light gray on a white/light background, causing insufficient contrast to meet WCAG AA for normal text.
Why it Matters
Users with mild visual impairments or in bright environments may struggle to read this text, reducing comprehension of the workout summary.
How to Fix
Increase the text color darkness or use a darker, more saturated color to achieve at least 4.5:1 contrast ratio against the background.
Issue Highlights
Body text below 'Lower Body Day' is too small
Moderate
Content Readability & Clarity
The Problem
The supportive text 'Way to show up. Here’s how you did:' appears to be small relative to other text elements, which could reduce readability especially on small screen devices.
Why it Matters
Smaller text can make it harder for users to read quickly and may cause strain or confusion, reducing overall comprehension of the summary message.
How to Fix
Increase the font size of the body text to at least 14-16px or the equivalent scalable size to improve readability.
Issue Highlights
Icons for Calories and Minutes lack labels
Moderate
Visual Consistency, Imagery & Media
The Problem
The icons next to 'Calories' and 'Minutes' are not labeled or described, which might confuse users unfamiliar with their meanings.
Why it Matters
Users might not immediately understand what the icons represent, increasing cognitive load and reducing clarity of information.
How to Fix
Add accessible text labels or tooltips to the icons to clarify their meanings.
Issue Highlights
Primary CTA label 'OK' is too vague
Moderate
Conversion & Actions
The Problem
The primary action button at the bottom is labeled only 'OK', which is vague and does not clearly indicate what will happen when tapped.
Why it Matters
Users may be uncertain about the action they are taking, causing hesitation or frustration that can reduce conversions or task completion.
How to Fix
Use a clearer, more descriptive CTA label such as 'Done', 'Finish', or 'Close' to convey the purpose of the button more explicitly.
Issue Highlights
Workout detail icons have small tap targets
Moderate
Accessibility & Input Ergonomics
The Problem
The icons for Calories (flame) and Minutes (stopwatch) appear relatively small, potentially smaller than recommended tap target sizes, especially within a non-interactive text card where users could expect to tap these for more info but might have difficulty.
Why it Matters
Small tap targets increase error rates and require users to be more precise, causing frustration and accessibility difficulties particularly for users with motor impairments.
How to Fix
Increase the tap target size around the icons to at least 44x44 pixels while keeping visual size consistent, or ensure the entire row is tap target for a better experience.
Issue Highlights
Unclear action outcome for 'OK' button
Moderate
Flow & States Completeness
The Problem
The screen shows an 'OK' button but does not indicate what will happen when tapped—whether it closes the screen, navigates somewhere else, or triggers another action.
Why it Matters
Users may be uncertain about what tapping 'OK' will do, which can cause hesitation or frustration after completing the workout.
How to Fix
Provide a clearer call to action label or additional contextual text indicating the next step after tapping 'OK'.
Issue Highlights
Calorie and Minutes metrics unclear or unrealistic
Moderate
Strategic Design
The Problem
The metrics displayed show 100 calories and 100 minutes, which is unusual as 100 minutes is a long workout and 100 calories is a very low burn for that time span. This mismatch may confuse users about their performance.
Why it Matters
Users may doubt the accuracy or usefulness of the workout summary, undermining satisfaction and trust.
How to Fix
Display metrics with realistic values or clarify what each metric represents. Consider adding context or comparison to typical values.
Issue Highlights
Low contrast for icons in 'Calories' and 'Minutes' labels
Moderate
Color & Contrast
The Problem
The flame and stopwatch icons appear in a muted purple on a very light background, making them less distinguishable due to insufficient contrast.
Why it Matters
Icons serve as important visual cues; low contrast may cause difficulty in quickly interpreting workout metrics for users with low vision.
How to Fix
Use a darker or more saturated purple for icons to meet WCAG AA contrast, or add a subtle background shape behind icons to improve visibility.
Issue Highlights
Celebratory Tone Feels Abrupt and Unengaging
Moderate
Tone, Friendliness & Delight
The Problem
The tone of 'WORKOUT COMPLETE!' is very bold and bright, but the supporting copy and stats use muted colors and minimal layout, giving a somewhat flat emotional impact that may feel less motivating.
Why it Matters
Users finishing a workout may appreciate a more encouraging and warm tone to boost motivation and satisfaction rather than a stark, bold banner with understated follow-up details.
How to Fix
Use a more balanced celebratory tone by softening the bold headline or enhancing the supporting copy color and style to feel more uplifting and connected.
Issue Highlights
OK button has small vertical tap target
Moderate
Accessibility & Input Ergonomics
The Problem
The OK button is horizontally wide but appears to have low vertical height, possibly below recommended minimum tap height for comfortable thumb tapping.
Why it Matters
A tap target with limited vertical size may cause users to miss taps or have trouble pressing especially on smaller devices or for users with motor control issues.
How to Fix
Increase vertical padding or height of the OK button to at least 44px.
Issue Highlights
Lack of hierarchy between 'Calories' and 'Minutes' values and labels
Moderate
Content Readability & Clarity
The Problem
The numeric values (100) for Calories and Minutes are styled similarly and placed next to the labels without enough visual distinction to emphasize either the metric or the measurement clearly.
Why it Matters
Without clear hierarchy, users might skim past key performance data or find it harder to distinguish labels from values at a glance.
How to Fix
Enhance difference in font weight, size, or color between metric labels and their numeric values to establish clear priority in reading order.
Issue Highlights
OK button not vertically centered within its bounding box
Minor
Visual Consistency, Imagery & Media
The Problem
The 'OK' button text appears slightly off-center vertically within the button outline, creating a subtle misalignment.
Why it Matters
This minor misalignment affects the polished, professional appearance of the interface and can distract users.
How to Fix
Adjust padding or line-height to vertically center the button text within the button shape.
Issue Highlights
Generic workout completion confirmation lacks motivation
Minor
Strategic Design
The Problem
The screen shows a simple 'WORKOUT COMPLETE!' message with minimal motivational content or next step prompts, making the moment less engaging or memorable.
Why it Matters
This may reduce user delight and the likelihood of immediate continued engagement or goal reinforcement.
How to Fix
Add motivational messages, next action prompts (e.g., view detailed stats, share), or gamification elements to enhance memorability.
Issue Highlights
Lack of Encouragement or Next Steps After Workout Summary
Minor
Tone, Friendliness & Delight
The Problem
After showing completion stats, there is no reassurance or suggestion on what to do next, which could leave users uncertain about their progress or next actions.
Why it Matters
Responsive guidance or encouraging feedback can boost confidence and trust in the app, making users feel supported rather than just presented data.
How to Fix
Add a reassuring message or suggested next steps (e.g., 'Great job! Ready for a rest day or another workout?') to better engage users post-workout.
Issue Highlights