Learn how to design exceptional Progressive Web Apps (PWAs) that combine the best of web and mobile experiences. Explore key design principles for PWAs, including app shells, touch guidelines, performance optimization, and offline functionality. Discover how to create responsive and powerful user interfaces using Material Design components, implement effective navigation patterns, and design for accessibility and low-end devices. Master techniques for optimizing app installation, managing offline experiences, and considering data costs for users. Gain insights into creating resilient and user-friendly PWAs that provide seamless experiences across various devices and network conditions.
Overview
Syllabus
Designing Great Progressive Web Apps
Use Material Design Components
Maintain a minimum touch target size of 48dp.
Add an app install button with animation
Delay the app install banner until after the user engages with your app
Don't use fake android native banners
The burger menu might be hurting your UX
Resilient
Use the app shell model
Web fonts are heavy- device fonts are weightless
Design for the offline experience
Provide an offline experience by default
Give the user control to download for offline use
Design for accessibility and low-end devices
Consider high data cost and low-end phones
Taught by
NDC Conferences
