Designing Web Interfaces
Principles and Patterns for Rich Interactions
Publisher: O'Reilly Media
Final Release Date: January 2009
Pages: 334

Want to learn how to create great user experiences on today's Web? In this book, UI experts Bill Scott and Theresa Neil present more than 75 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

Designing Web Interfaces illustrates many patterns with examples from working websites. If you need to build or renovate a website to be truly interactive, this book gives you the principles for success.

Table of Contents
Product Details
About the Author
Colophon
Recommended for You
Companion Products
Scott & Neil's Designing Web Interfaces Master Class
By Theresa Neil, Bill Scott
April 2010
Video:  $179.99
Customer Reviews

REVIEW SNAPSHOT®

by PowerReviews
O'Reilly MediaDesigning Web Interfaces
 
4.7

(based on 3 reviews)

Ratings Distribution

  • 5 Stars

     

    (2)

  • 4 Stars

     

    (1)

  • 3 Stars

     

    (0)

  • 2 Stars

     

    (0)

  • 1 Stars

     

    (0)

Reviewed by 3 customers

Sort by

Displaying reviews 1-3

Back to top

 
4.0

Book Review for Designing Web Interfaces

By Aimee

from Durham, NC

About Me Designer

Pros

  • Easy to understand
  • Helpful examples
  • Well-written

Cons

  • Not comprehensive enough

Best Uses

  • Novice

Comments about O'Reilly Media Designing Web Interfaces:

If you are a web designer or developer with expert coding
experience, then this book can be a handy reference. This book
is full of current pattern options where the authors, Bill
Scott and Theresa Neil thoroughly go through each example into
easy to read detail that include plenty of graphics. They go
into great detail comparing which patterns work well and why
other options do not.

If you are someone starting out with web design, this book can
still be an asset to your library. It doesn't tell you how to
code but it does give insight on how sites are built and why
they are built in a certain fashion.

As a graphic designer coming from the print world and a novice
to the web side of design, I picked up some good insight from
this book. It helps when planning a site and discussing options
when working with a programmer.

(3 of 5 customers found this review helpful)

 
5.0

Web Interfaces Improved

By Frank M.

from Undisclosed

Comments about O'Reilly Media Designing Web Interfaces:

Reviewer: Dave Roman, GCPCUG member

This book has 14 chapters, but they are only sub divisions of a different type of classification. The book is about interaction design on the web. They have divided this book up into six principles and since they took this approach I am going to review the principles.

Principle One _ Make It Direct

What does that mean? This is covered in three chapters. They discuss direct in-page editing of content, moving objects around directly with the mouse (drag and drop), and applying actions to directly selected objects.

Principle Two _ Keep It Lightweight

This area discusses Contextual Tools

Principle Three _ Stay on the Page

Here they discuss ways to keep the user on the page including overlays, Inlays, Virtual Pages and Process Flow

Principal Four _ Provide an Invitation

This area talks about providing an invitation to the user in a number of forms. Static invitations are offered on the page using visual techniques to invite interaction. Dynamic invitations come into play in response to what and where the user is interacting.

Principal Five _ Use Transitions

This area could be entitled "Pay Attention" because it IS about getting your attention using movement and transition. They discuss transition patterns like "brighten and dim", "expand and collapse", "Self-Healing Fade", "Animation" and "spotlight".

Then they go to the purpose of transition. What is the reason for using these powerful effects and where they are most effective.

Principle Six _ React Immediately

This is all about what happens immediately after each interaction with the system. There should be an immediate reaction paired with the user's action. The system should always keep users informed about what is going on, through appropriate feedback within a reasonable time and is called Latency Reduction.

They first talk about lookup patterns and then feedback patterns.

The web is constantly changing, so the authors provide sites to keep you up to date, one of which is http://designingwebinterfaces.com

It's a long book, but does a good job explaining what takes place in an interactive website. This is not a coding book, but more like a combination of the psychology of a web site and how to use this knowledge to make it easier for the user and also make it easier to buy a product or find the information they are looking for.

(5 of 6 customers found this review helpful)

 
5.0

Very good book

By RoyU

from Undisclosed

Comments about O'Reilly Media Designing Web Interfaces:

A very good book!

The authors have done good research. The six principles are various modern UI concepts. The book is full with clear and good examples, useful guidelines are frequent followed after an example, and the matrix for drag-and-drop is really great!

Displaying reviews 1-3

Back to top

 
Buy 2 Get 1 Free Free Shipping Guarantee
Buying Options
Immediate Access - Go Digital what's this?
Ebook: $39.99
Formats:  APK, DAISY, ePub, Mobi, PDF
Print & Ebook: $54.99
This item is not available.
Print: $49.99
The shipment of this item may be delayed.