The core foundations of a delightful web experience are...
- Fast - It responds quickly to user interactions with silky smooth animations and no janky scrolling.
- Integrated - The user doesn’t have to reach through the browser, it uses the full capabilities of the device to create an experience true to the device.
- Reliable - Load instantly and reliably, never showing the downasaur, even in uncertain network conditions.
- Engaging - Keeps the user coming back to the app with beautifully designed experiences that look and feel natural.
Delightful web experiences are...
Integrated
User experiences on the web should feel like an integrated part of the user's device; instead of having to reach through a browser window, the experience should feel true to how the user interacts with the device.
- Get a place on the users home screen.
- Simplify payments with the Payment Request API.
Reliable
Users don’t expect the web to work without a network connect, and often don’t even bother to try when it’s a slow or intermittent connection. We need to change that perception. The web must be reliable.
- Use the Offline Cookbook to improve reliablity.
- What should you consider when designing for slow or intermittent networks?
Engaging
An engaging app goes beyond functional, but ensures that the whole experience is delightful making it easy for the user to do what they need to do. Using features like Web Push, it’s always up to date, and Notifications keeps users informed. It uses the right capabilities, at the right time, in a beautiful way.
- Use Web Push & Notifications to re-engage with users.
- Designing beautiful user experiences.
What's hot?
Web Components
Web Components are a new set of standards which let you create your own HTML elements. You can use them to build anything, from simple UI elements, to entire applications.
Payment Request API
The Payment Request API is a W3C standard candidate meant to eliminate checkout forms. It improves the purchase process, provides a more consistent user experience and allows you to easily leverage different payment methods.
Credential Management API
The Credential Management API is a standards-based browser API that provides a programmatic interface between the site and the browser for seamless sign-in across devices.