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.
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 http://www.looksgoodworkswell.com.
The image on the cover of Designing Web Interfaces is a Guianan cock-of-the-rock (Rupicola rupicola). Easily identified by the distinctive half-moon crest on its head, this bird is native to mountainous regions in northern South America, spanning the countries of Guyana, French Guiana, Suriname, Colombia, Venezuela, and Amazonian Brazil. Mainly fruit eaters, Guianan cocks-of-the-rock pass whole seeds through their digestive systems, thereby contributing to tree and plant diversity in the lowland forests they inhabit.
Adult cocks-of-the-rock reach heights of eight inches and have stout, round bodies. Males are typically smaller than females and have bright orange plumage with black and white accents, whereas the females are a muted brown. The males take advantage of their bright plumage to attract females as part of their elaborate mating ritual, during which they gather in a lek, spread their wings, strut, ruffle their tail feathers, and issue a series of unique calls. The birds are polygamous; successful males will mate with many femalesduring breeding season. Females build cup-shaped nests for their eggs out of clay andplant matter inside cliff cavities or along rock faces, and they raise their chicks alone.
In the early 20th century, hunters trapped Guianan cocks-of-the-rock and sold them aspets. Today, the birds are popular among bird watchers, eco tourists, and fly fishermen(who use the colorful feathers to make fishing flies). Additionally, the Guianan cock of-the-rock, with its prominent "mohawk" and vibrant plumage, has been featured ontourism brochures and stamps for several of the countries it inhabits. Although nativetribes still hunt the birds for feathers and food, the species is not threatened or at risk ofextinction.
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.
Bottom Line Yes, I would recommend this to a friend
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.
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!