You are now viewing a demo
Demo
Play a demo round
An Example of a Walkthrough that Needs Work
Here's an example of a walkthrough that needs more work! Check the Learn More Link Text to learn what the areas of improvement are during each step of the way.
This demo was designed for a larger screen. Scroll to see the entire scene.
Hint
Play mode is like practice mode, just without coach marks!
Tip: Stuck? Check the hint up top!
This demo has been marked as unplayable. Please run through the demo and adjust any missing content.
Don't show this again
This demo has an invalid configuration.
Click to close
All Done!
Related Content
About this resource
This demo walks through a 4-step mobile banking flow intentionally built with common authoring mistakes. Each step highlights issues such as untitled screens, images not cropped to remove timestamps and battery indicators, hotspots that don't align with the correct UI element, skipped steps in the flow, low-quality or enlarged images, and guiding text that is either too vague or too wordy. A 'Learn More' link on each hotspot explains exactly what needs improvement, making this a useful reference for anyone learning to build better interactive walkthroughs.
Questions this resource answers
- What kinds of mistakes are shown in this walkthrough demo?
- The demo shows issues like untitled screens, poorly cropped images with timestamps visible, misplaced or oversized hotspots, skipped steps, and guiding text that is too vague or too wordy.
- How can I see what needs to be fixed on each step?
- Each step includes a 'Learn More' link on the hotspot that lists the specific areas of improvement for that screen.
- Why is guiding text flagged as a problem in multiple steps?
- Several steps have guiding text that is either too brief, confusing, or overly long. The demo suggests splitting lengthy text between the Guiding Text and Learn More fields.
- What image quality issues does this demo illustrate?
- Issues include timestamps and battery indicators not cropped out, images enlarged from a small source, a mouse cursor visible in a screenshot, and zoomed-in crops used instead of full screens.