Cover image for Scott & Neil's Designing Web Interfaces Master Class

Book description

Want to learn how to create great user experiences on today's Web? In this master class, UI experts Bill Scott and Theresa Neil present design patterns for building web interfaces that provide rich interaction. Distilled from the authors' years of experience at Sabre, Yahoo!, and Netflix, these best practices are grouped into six key principles to help you take advantage of the web technologies available today. With an entire section devoted to each design principle, Designing Web Interfaces helps you:

  • Make It Direct: Edit content in context with design patterns for In Page Editing, Drag & Drop, and Direct Selection

  • Keep It Lightweight: Reduce the effort required to interact with a site by using In Context Tools to leave a "light footprint"

  • Stay on the Page: Keep visitors on a page with overlays, inlays, dynamic content, and in-page flow patterns

  • Provide an Invitation: Help visitors discover site features with invitations that cue them to the next level of interaction

  • Use Transitions: Learn when, why, and how to use animations, cinematic effects, and other transitions

  • React Immediately: Provide a rich experience by using lively responses such as Live Search, Live Suggest, Live Previews, and more

  • Table of Contents

    1. Introduction
      00:08:48
    2. Application Structure
      00:14:35
    3. Screen Layout
      1:19:54
    4. User Interface Controls
      00:36:02
    5. Interesting Moments
      00:07:38
    6. Input Where You Output
      00:25:25
    7. Require a Light Footprint
      00:22:24
    8. Maintain Flow
      00:20:06
    9. Invite Interaction
      00:08:58
    10. Use Transition
      00:10:22
    11. Be Reactive & Conclusion
      00:16:11