O’Reilly news

Designing Web Interfaces--New from O'Reilly: Principles and Patterns for Rich Interactions

January 23, 2009

Designing Web Interfaces Sebastopol, CA—Want to learn how to create great user experiences on today's Web? Designing Web Interfaces (O'Reilly, US $49.99) by UI experts Bill Scott and Theresa Neil presents 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.

"This book is about interaction design: specifically, interaction design on the Web," note Scott and Neil. "And even more, 'rich' interaction design on the Web. It is a distillation of of best practices, patterns, and principles for creating a rich experience unique to the Web."

By unique, the authors mean that the Web comes with its own context. It's not the desktop. "And while over time the lines between desktop and Web blur more and more, there is still a unique aspect to creating rich interactions on the Web," explains Scott. "Editing content directly on the page (e.g., In-Page Editing, as we discuss in Chapter 1) borrows heavily from the desktop—but has its unique flavor when applied to a web page. Our book explores these unique rich interactions as a set of design patterns in the context of a few key design principles."

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.

For a review copy or more information please email kathrynb@oreilly.com. Please include your delivery address and contact information.

Theresa Neil is a user experience consultant in Austin, Texas, where she designs rich applications for start-ups and Fortune500 companies. Her work can be seen at www.designgenie.org.

Bill Scott is director of UI Engineering at Netflix in Los Gatos, CA, where he plies his interface engineering and design skills. Scott is the former Yahoo! Ajax evangelist and pattern curator for the Yahoo! Design Pattern Library.

He has a long and glamorous history in the IT world, due mostly to his unique understanding of both the technical and creative aspects of designing usable products. His ramblings and musings can be found at www.looksgoodworkswell.com.

Additional Resources:
For more information about the book, including table of contents, index, author bios, and cover graphic, see: http://www.oreilly.com/catalog/9780596516253

Designing Web Interfaces
Bill Scott , Theresa Neil
ISBN: 9780596516253, 332 pages, $49.99 USD, £38.50 GBP

About O’Reilly

O’Reilly Media spreads the knowledge of innovators through its books, online services, magazines, and conferences. Since 1978, O’Reilly Media has been a chronicler and catalyst of cutting-edge development, homing in on the technology trends that really matter and spurring their adoption by amplifying “faint signals” from the alpha geeks who are creating the future. An active participant in the technology community, the company has a long history of advocacy, meme-making, and evangelism.

Email a link to this press release