Designing Great Progressive Web Apps

Designing Great Progressive Web Apps

NDC Conferences via YouTube Direct link

Use the app shell model

9 of 15

9 of 15

Use the app shell model

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 Designing Great Progressive Web Apps
  2. 2 Use Material Design Components
  3. 3 Maintain a minimum touch target size of 48dp.
  4. 4 Add an app install button with animation
  5. 5 Delay the app install banner until after the user engages with your app
  6. 6 Don't use fake android native banners
  7. 7 The burger menu might be hurting your UX
  8. 8 Resilient
  9. 9 Use the app shell model
  10. 10 Web fonts are heavy- device fonts are weightless
  11. 11 Design for the offline experience
  12. 12 Provide an offline experience by default
  13. 13 Give the user control to download for offline use
  14. 14 Design for accessibility and low-end devices
  15. 15 Consider high data cost and low-end phones

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.