Completed
Optimize it for mobile
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
UX Patterns for Developers
Automatically move to the next video in the Classroom when playback concludes
- 1 Intro
- 2 UX design is a combination of methods with which you can solve design problems while focusing on the user.
- 3 Reusable solutions to usability problems.
- 4 Don't make the user wait
- 5 First Paint
- 6 An app shell is the minimal HTML, CSS, and JavaScript powering a user interface.
- 7 First meaningful paint
- 8 Ready for interaction
- 9 Above the fold
- 10 Consider the different states
- 11 Earn the user's trust
- 12 Functionality
- 13 Timing
- 14 Permissions API
- 15 Enhance UX with transitions
- 16 What makes a good transition?
- 17 Animation scenarios
- 18 For high pressure points Move all visual effects into transform & opacity
- 19 Make it work offline
- 20 A script run by the browser in the background and separate from a webpage
- 21 Service Worker approaches Pre-caching Dynamic caching
- 22 Service Worker pre-caching Pre-cache app shell
- 23 Optimize it for mobile
- 24 Progressive Web Apps
- 25 Flag for testing #bypass-app-banner-engagement-checks
- 26 Continuously test on real mobile devices
- 27 Play on persuasion
- 28 Curiosity
- 29 Scarcity
- 30 Reward
- 31 Social proof