Looking good in one browser doesn't mean it works for everyone. You'll learn the three things to check before sharing a prototype: cross-browser rendering, basic accessibility, and whether the interactions actually feel right.
Testing Your Prototype
Test in Different Browsers
- Test in Chrome, Safari, Firefox (not every browser shows things the same)
- In your browser, press F12 to open "Developer Tools"
- You can simulate phones and tablets to test responsiveness
Check Accessibility
Ask yourself:
- Can I use this with just my keyboard? (Tab through elements)
- Is the text readable? (Good contrast between text and background)
- Does it work on small screens? (Phone, tablet, desktop)
Test Interactions
- Hover over buttons: does the effect work smoothly?
- Click buttons: do they do what you expect?
- Try animations: are they fast enough? Too slow?
Tested across the basics
- Checked the prototype in multiple browsers
- Ran a basic accessibility pass: keyboard, contrast, small screens
- Felt the interactions yourself instead of trusting the screenshot
Working prototype, real feedback coming. Next: how to ask for changes without rewriting from scratch.
Stuck on your own project? Book 45 minutes with me for $49.
The patterns behind this lesson
Contextual AssistanceOffer timely, proactive help and suggestions based on user context, history, and needs.Augmented CreationEmpower users to create content with AI as a collaborative partner.Progressive DisclosureGradually reveal information, options, or AI features to reduce cognitive load and simplify complex tasks.