UX Patterns for Developers

UX Patterns for Developers

NDC Conferences via YouTube Direct link

Above the fold

9 of 31

9 of 31

Above the fold

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

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.