Designing for Your Users: How to Create a Better User Experience
summary
Slides list 50 actionable tips and cites specific fixes: WordPress: five-step flow that reduces signup friction, Geico Express Services that lets payments without login, and testing with Google PageSpeed Insights. Quantified concerns include 63% of page weight from images, 16% scripts, 10% video, 9 mm (≈48 px) touch targets, 1em ≈16 px base font and line-height ~1.4. Also notes 42% Canadian adults have low literacy, 18% lack high-speed broadband, and recommends screen reader testing, colorblind simulators and YouTube captions.
AI-written summary · about
chapters (35)
- 0:00Intro
- 0:20@clarissa
- 0:57Understand your users aren't you
- 1:20Find out who your users are
- 2:31Define the user flow
- 5:12Make processes simpler
- 6:11Don't ignore conventions
- 7:19Avoid overlays
- 9:08Have a content strategy
- 9:40Use plain language
- 11:11Split up long paragraphs
- 12:05Increase font size
- 12:35Allow adequate line height
- 13:21Have enough white space
- 13:42Make pages easy to scan
- 14:20Use lists whenever possible
- 15:44Don't forget microcontent
- 17:19Think about devices
- 18:27Make your site responsive
- 19:29Make touch targets large enough
- 20:27Know users have different abilities
- 21:00Learn how a screen reader works
- 21:37Include alt text
- 25:25Ensure link text is descriptive
- 26:08Don't rely on color
- 28:40Make sure there's enough contrast
- 31:41Use an accessibility checklist
- 31:59Don't include unnecessary fields
- 33:11Use appropriate input types
- 34:06Include instructions when needed
- 38:03Use responsive images
- 38:44Test your site's performance
- 39:13Make sure nothing is broken
- 39:53Test on different devices & browsers
- 41:02Test on screen readers
related talks
46mPractical tips to elevate your UX and accessibility
45mBuild Trust with Your Users Through UX
54mPractical tips to elevate your UX and accessibility
37mHow to Make Your Website Not Ugly: Basic UX for Programmers
37mDesign for Non-Designers
50mDecrease your conversion - common ways to lock people out
57mThink like a user: practical UX design tips for developers
48mHow to Make Your Website Not Ugly: Basic UX for Programmers