Designing Great Progressive Web Apps

Designing Great Progressive Web Apps

NDC Conferences via YouTube Direct link

The burger menu might be hurting your UX

9 of 21

9 of 21

The burger menu might be hurting your UX

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Designing Great Progressive Web Apps

Automatically move to the next video in the Classroom when playback concludes

  1. 1 Intro
  2. 2 Designing Great Progressive Web Apps
  3. 3 Use Material Design Components
  4. 4 Your app icon should visually match the native app icons
  5. 5 Engaging
  6. 6 Delay the app install banner until after the user engages with your app
  7. 7 Don't break the user's flow for an update
  8. 8 Don't use fake android native banners
  9. 9 The burger menu might be hurting your UX
  10. 10 Resilient
  11. 11 Use the app shell model
  12. 12 Web fonts are heavy- device fonts are weightless
  13. 13 Give the user control to download for offline use
  14. 14 Inform the user when the app is ready for offline consumption
  15. 15 Give an offline mode color to your theme.
  16. 16 Other design considerations
  17. 17 The app icon on iOS is a screenshot of the app by default
  18. 18 Design for accessibility and low-end devices
  19. 19 Consider high data cost and low-end phones.
  20. 20 Make better color choices with sufficient contrast
  21. 21 Implement techniques for an accessible website.

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.