O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

High Speed UX

Video Description

Which would you rather have: A rich design or a fast user experience? Users want both, but sometimes the interplay between design and performance feels like one side’s gain is the other side’s loss. Design and performance are indeed connected, but they aren’t opposing forces. Instead, they complement each other. The trick for us as designers and developers is figuring out how to make it work.

In this video presentation, Steve Souders, former Chief Performance Yahoo! and Google head performance engineer, explains a process that brings design and performance together at the beginning of a project to deliver a web experience that’s both fast and rich.

Learn how to place emphasis on early prototyping and tracking performance from the get-go. Developers will benefit by participating in the product definition process, while designers will benefit from understanding more about how designs are implemented. You'll also discover new metrics that focus on what a user actually sees as the page loads.

With this video, you’ll learn how to bridge the technical and language gaps that, so far, have hindered the seamless creation of great user experiences.

Table of Contents

  1. Introduction 00:15:40
  2. Design + Performance 00:11:06
  3. Measuring Performance 00:27:13
  4. Standard Performance Metrics 00:25:23
  5. UX Metrics 00:06:28
  6. Custom Metrics 00:14:20
  7. Hero Image Design Pattern 00:08:56
  8. Wrap up 00:03:15