Screen/Page | Content Element | Action | Notes (Why?) | Reference to Guidelines? | Suggestions |
---|---|---|---|---|---|
(e.g., Sign Up - Welcome Screen) | (e.g., Title, Button Label) | Keep ✅: | |||
Remove ❌: | |||||
Improve ⚡: | (Brief explanation) | (Which guideline or competitor insight applies) | Maybe add XXX |
Screen/Page | Content Element | Action | Notes (Why?) | Reference to Guidelines? | Suggestions | Priority |
---|---|---|---|---|---|---|
Musa Welcome Screen | Notification, Profile, Pause, Sound, Mute, Close buttons | Improve ⚡ | The sound, mute, and pause buttons are too close to the exit button, so the user may mistakenly hit exit instead of another one of the buttons. The notifications button also doesn’t make sense to be in the left corner because it could lead to misclicks. These changes also help reduce cognitive overload since the screen wouldn’t be cluttered. | Accessibility | Move the pause, sound, mute, and notifications buttons to the top middle. Take out the sound button and change the mute button to a mute/unmute button. | P2 |
Screen/Page | Content Element | Action | Notes (Why?) | Reference to Guidelines? | Suggestions | Priority |
---|---|---|---|---|---|---|
Musa Game Story Intro Screen | Captions | Improve ⚡ | If a child has hearing issues, it would be convenient for them to read the captions. It would also give the children extra reading practice if they have captions. Also, a next button would be helpful so the story captions don’t keep moving forward independently, and the child has time to read it if needed. | Accessibility | Add slow story captions with the next button to the intro screen. This change would improve the app's accessibility. | P0 |
Screen/Page | Content Element | Action | Notes (Why?) | Reference to Guidelines? | Suggestions | Priority |
---|---|---|---|---|---|---|
All Game Home Screens | Level Selection Button | Improve ⚡ | Showing a quadrant of how many puzzle pieces is not inclusive and clear to the users because it can be confusing without a clear description and with just a figure of squares. | Tone | Add a description label showing how many puzzle pieces are at each level. | P1 |
All Game Home Screens | The child on the path | Improve ⚡ | Moving the child along the path as the user completes a level on the level selection screen would help the user feel like they are making progress. | Content - Visuals & Multimedia | Add a transition effect to move the child on the screen if the user completes a level successfully. | P2 |
All Game Home Screens | The child on the path | Improve ⚡ | Letting a user select their gender would make them feel included and not just show that the app is biased to gender if the child on the path on the Home Screen selects by default. | Content - Visuals & Multimedia (Inclusivity) | Let user select their gender at the beginning when they first sign up on the app. | P1 |
Screen/Page | Content Element | Action | Notes (Why?) | Reference to Guidelines? | Suggestions | Priority |
---|---|---|---|---|---|---|
Training Screens - Hand | Hand Button Instructions | Improve ⚡ | The screens don’t let you select anything unless you click on the hand, so it should specifically state that you should click the hand in the instructions when the user is following the training session. | Tone - Dyslexia Training | Specifically, state that you should click the hand in the instructions. Ex.) “Follow and click the hand to choose the puzzle.” | P0 |
Training Screens - Drag | Add instructions | Improve ⚡ | There are no instructions written on this screen to make it clear how the user should drag the puzzle pieces, and it should also state that you have to click and drag on the hand to move the pieces, and you can’t just click anywhere on the puzzle piece to move it. | Tone - Dyslexia Training | Add more instructions than just the title on the screen. | P1 |
Training Screens - Drag Done | Add explanation | Improve ⚡ | This screen doesn’t explain anything with just the title, so the designer should add an explanation that when the user successfully places the puzzle piece in the right place, then the screen will pop up saying, “You did it!” | Tone - Dyslexia Training | Add an explanation of what the screen means and improve the puzzle piece to show a green check mark on the training screen so it makes sense to show the user that they have successfully placed the piece in the correct position. | P2 |
Training Screens - Colors | Brown highlight | Improve ⚡ | Changing the brown highlight to a red highlight would be better to show that the user placed the puzzle piece incorrectly because a red color usually senses an error in the user’s mind. | Content - Visuals & Multimedia (?) | Change the brown highlight for an incorrectly placed puzzle piece to a red highlight. | P1 |
Screen/Page | Content Element | Action | Notes (Why?) | Reference to Guidelines? | Suggestions |
---|---|---|---|---|---|
Sheep_Puzzle_Screen_01 | Puzzle quadrant and piece slots | Improve ⚡ | No visual cues or labels to guide users on placement; could confuse children. | Tone – Clarity for children | Add faded background silhouette or labels (“Top left,” “Bottom right,” etc.) |
Sheep_Puzzle_Screen_02_Hover_Interaction | Hover highlight | Keep ✅ | Blue border on hover is intuitive and encourages exploration. | Interaction feedback | Optional: Add subtle hover sound for multi-sensory feedback. |
Sheep_Puzzle_Screen_03 | Correct placement feedback | Improve ⚡ | Green border is helpful, but lacks audio or animated reinforcement. | Visuals & Multimedia | Add verbal praise like ‘Nice match!’ to reinforce success |
Sheep_Puzzle_Screen_04_Hover_Interaction | Hover interaction | Keep ✅ | Consistency in hover style reinforces interaction model. | Visual consistency | No change. |
Sheep_Puzzle_Screen_05 | Incorrect piece outline | Improve ⚡ | Red box is useful, but lacks guidance about why it’s incorrect. | Error prevention | Add tooltip or voice cue like “That doesn’t fit. Try again!” |
Sheep_Puzzle_Screen_06_Wrong_Puzzle_Piece | Error message | Improve ⚡ | “Nice try…” text might be too advanced; could be shorter/simpler. | Accessibility – Literacy | Use friendlier, simpler tone like “Oops! That doesn’t go there.” |
Sheep_Puzzle_Screen_08_Hover_interaction | Hover box | Keep ✅ | Hover highlight is consistent; reinforces action affordance. | Visual continuity | No change. |
Sheep_Puzzle_Screen_09 | Correct placement feedback | Keep ✅ | Green outline confirms success well. | Feedback | Consider positive microcopy like ‘Great job!’ as reinforcement |
Sheep_Puzzle_Screen_10_Hover_Interaction | Hover effect | Keep ✅ | Interaction remains clear and consistent. | Interaction design | No change. |
Sheep_Puzzle_Screen_11_Game_Completed | Puzzle completion state | Improve ⚡ | No feedback beyond visual. Could feel flat or underwhelming. | Visuals & Multimedia | Add a joyful completion message like ‘Puzzle solved! You did it!’ |
Sheep_Puzzle_Screen_12_Congratulations | Completion message | Improve ⚡ | Good positive tone, but long text and plain visuals may not excite kids. | Visual hierarchy, Readability | Use fewer words, bigger text, more color; animate “Continue” button |
Screen/Page | Content Element | Action | Notes (Why?) | Reference to Guidelines? | Suggestions |
---|---|---|---|---|---|
Fox_Puzzle_Screen_01 | Puzzle layout + pieces | Improve ⚡ | Like in Sheep, quadrant is not labeled or visually guided, which may confuse the user. | Tone – Cognitive ease | Add quadrant labels (e.g., ‘Top left’, ‘Bottom right’) to guide users |
Fox_Puzzle_Screen_02_Hover_Interaction | Hover highlight | Keep ✅ | Blue hover box is visually clear and consistent with other games. | Visual feedback | Optional: subtle hover animation for engagement. |
Fox_Puzzle_Screen_04_Hover_Interaction | Hover interaction | Keep ✅ | Maintains consistency with UX pattern. | Visual consistency | No change. |
Fox_Puzzle_Screen_05 | Incorrect piece placement | Improve ⚡ | The red outline works, but it’s unclear why it’s wrong. | Error feedback | Add hint/voice cue like “Oops! Not this spot, try another!” |
Fox_Puzzle_Screen_06_Wrong_Puzzle_Piece | Error message | Improve ⚡ | Message is empathetic but contains too much text for young readers. | Tone – Simplicity | Use one friendly phrase: “Not quite! Let’s try a different piece.” |
Fox_Puzzle_Screen_08_Hover_Interaction | Hover state | Keep ✅ | Interaction cue is visually consistent and discoverable. | Interaction design | No change. |
Fox_Puzzle_Screen_10_Hover_Interaction | Hover feedback | Keep ✅ | Blue border consistently shows interactivity. | Pattern consistency | No change. |
Fox_Puzzle_Screen_11_Game_Completed | Game completion state | Improve ⚡ | Final piece placement is uneventful—lacks celebration. | Motivation – Visuals & Emotion | Add celebratory copy like ‘You finished the fox!’ for emotional payoff |
Fox_Puzzle_Screen_12_Congratulations_Screen | Final message | Improve ⚡ | Same tone as Sheep version—too static and word-heavy. | Accessibility & Tone | Make “Finish” button more prominent; use clearer message like “Yay! You did it!” |
Screen/Page | Content Element | Action | Notes (Why?) | Reference to Guidelines? | Suggestions |
---|---|---|---|---|---|
Hippo_Puzzle_Screen_01 | Puzzle quadrant layout | Improve ⚡ | No visible guidance on where the pieces go; children may find it ambiguous. | Tone – Clarity for children | Add quadrant labels like “Top left” or “Bottom right” to help users. |
Hippo_Puzzle_Screen_02_Hover_Interaction | Hover effect | Keep ✅ | Blue hover box is predictable and consistent across prototypes. | Visual feedback | No change. |
Hippo_Puzzle_Screen_03 | Correct placement | Keep ✅ | Green border reinforces correctness, and success is clearly shown. | UX feedback loop | Add verbal cue like “Great job!” to reinforce success. |
Hippo_Puzzle_Screen_04_Hover_Interaction | Hover interaction | Keep ✅ | Smooth continuation of hover behavior maintains consistency. | Consistency | No change. |
Hippo_Puzzle_Screen_05 | Final piece placement | Improve ⚡ | Last piece fits but lacks positive reinforcement. | Content – Motivation | Add confirmation message like “You did it! Puzzle complete!” |
Hippo_Puzzle_Screen_06 | Puzzle state before completion | Improve ⚡ | No build-up messaging or encouragement before final step. | Tone – Momentum | Add microcopy like “One more to go!” after third piece placed. |
Hippo_Puzzle_Screen_07_Game_Completed | Final puzzle state | Improve ⚡ | Final piece appears without celebratory feedback. | Completion message | Add message: “Nice work! Hippo complete!” for stronger payoff. |
Hippo_Puzzle_Screen_08_Congratulations_Screen | Congratulations message | Improve ⚡ | “Good job (user’s name)” is nice, but could be more engaging. | Tone – Simplicity & Celebration | Use: “Yay! You solved it, [Name]!” with larger, playful text. |