What do you think?
Rate this book
Designing Web Interfaces: Principles and Patterns for Rich Interactions
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: 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.
332 pages, Paperback
First published December 15, 2008
30 people are currently reading
896 people want to read
Ratings & Reviews
Friends & Following
Create a free account to discover what your friends think of this book!
Community Reviews
Displaying 1 - 25 of 25 reviews
March 4, 2009
Based on a set of six clear principles, Designing Web Interfaces shows the reader how to create an engaging web experience. Peppering in quotes from the Apple Human Interface Guidelines, Alan Cooper and others, this volume understands that it stands on the shoulders of giants.
Until I read this book, I did not realize just how much more joy a person can have exploring a well designed site.
I recommend this book to any developer or designer who wants to bring their game from the multi-page Web 1.0 world, to today's web application world.
Until I read this book, I did not realize just how much more joy a person can have exploring a well designed site.
I recommend this book to any developer or designer who wants to bring their game from the multi-page Web 1.0 world, to today's web application world.
November 12, 2009
I bought this book because I thought it would be about designing interfaces, aka general information and theory sprinkled with design patterns. Instead, the whole book is just a huge list of wonderfully documented design patterns for web interfaces. The book is divided into sections, each preceded with brief principle/rule. Sections contain chapters, chapters contain descriptions of design patterns. All description follow the same format and are very easy to read; the flow of this documentation is well-thought and very user-friendly. Most patterns are illustrated with screenshots of phases and comments.
Although this was not what I expected, I learned a lot from this book. It's more like an encyclopedia of best practices than a direct-advice book, but if you read between the lines, it contains lots of useful info.
The problem is, the patterns descriptions are just that - descriptions. There's no greater commentary to them. In my opinion, the title of the book is somewhat misleading - it should be called "Design Patterns for Web Interfaces" or something like that, emphasizing the patterns part because there's nothing else in this book.
One other qualm I had with this book is that the chapter divisions are rather baffling. There are page breaks and full page blanks in unexpected places and continuous text where one could expect a divider. I normally don't care that much, but this time it was really annoying.
Although this was not what I expected, I learned a lot from this book. It's more like an encyclopedia of best practices than a direct-advice book, but if you read between the lines, it contains lots of useful info.
The problem is, the patterns descriptions are just that - descriptions. There's no greater commentary to them. In my opinion, the title of the book is somewhat misleading - it should be called "Design Patterns for Web Interfaces" or something like that, emphasizing the patterns part because there's nothing else in this book.
One other qualm I had with this book is that the chapter divisions are rather baffling. There are page breaks and full page blanks in unexpected places and continuous text where one could expect a divider. I normally don't care that much, but this time it was really annoying.
November 25, 2016
It is a good book despite of some patterns look outdated now. Obviously that each front end developer should know about web design. This book will be the great first step.
November 9, 2017
Very well structured book. Principles were introduced in nice and concise manner with illustration that one can relate to. Patterns implementing a principle were then introduced with their own illustrations. It is easy to read through all principles and patterns quickly to get gist of each.
February 26, 2019
Considering it¡¯s 9 years old, it¡¯s still surprisingly relevant and helpful. The examples are easy to skip. Soo many Yahoo examples....
September 10, 2021
ÓеãÄêÍ·µÄÊéÁË£¬µ«Êǽ²µÄÉè¼ÆÔÀíºÍ˼ÏëÖµµÃ½è¼ø£¬Ð´µÃÉÔ΢†ªà¡£
March 5, 2017
Excellent summary of a large number of best practices in web UI design. The practices and techniques are well presented, with a great deal of graphical examples to show each strategy, as well as excellent explanations about what's happening.
This book should be one of the first books that every web developer who does user interface work should buy.
This book should be one of the first books that every web developer who does user interface work should buy.
May 20, 2022
Presenting a lot of interaction patterns and examples (2009), and the rationale behind them. A good follow-up to Tidwell's book.
June 13, 2011
Un'ottima guida con i principali pattern (e anti-pattern) da usare nelle interfacce web. Praticamente tutte le tecniche richiedono javascript, oltre a css2 e html, e il manuale si concentra principalmente sul "movimento" delle pagine web, e non tanto sullo stile e sull'usabilit¨¤ di pagine statiche. Un ottimo riferimento da tenere sulla scrivania e sfogliare quando si pensa "potrei usare questo effetto grafico", per verificare se l'idea ha controindicazioni o ¨¨ una pratica usabile. "Solo" 4 stelle invece di 5 solo per un motivo: mi sarebbe piaciuto ci fossero link a librerie, plugin, tutorial online per le tecniche presentate, mentre il libro si limita a portare come esempi dei siti esistenti.
December 7, 2020
Designing web interfaces has a lot of thoughtful details and remarks about even the tiniest bits, that's why I love this book. I had no idea how many "interesting moments" a "simple" drag & drop interaction can have. So, throughout the book, Bill Scoot goes diligently through the most commonly found components and interactions on the web, including some really clear examples from both old and newer versions of the websites. Most of the examples are pretty old tho, however, they explain the concepts perfectly and I wouldn't say they are out-dated. Yes, if you take the current Netflix website and compare it to a screenshot in the book - they do differ, obviously, but the example is still very much intact with the interaction he's writing about. Totally recommend.
July 11, 2011
A well written book explaining in both human behavior and UI design/development terms what can be efficient t use when trying to achieve certain goals. Creating interfaces can be a logical and straightforward process, but it requires an intuitive understanding of why certain patterns of behavior are best sustained when we use certain web languages that make interaction fluent and easy.
November 12, 2012
Interesting book on interface design.
It presents interface patterns such as in-page editing, drag n' drop, animations, contextual tools and overlays, along with tips and examples.
For me, it was useful to establish an archive of possibilities to use on a web application and to provide a common language of web design elements.
It presents interface patterns such as in-page editing, drag n' drop, animations, contextual tools and overlays, along with tips and examples.
For me, it was useful to establish an archive of possibilities to use on a web application and to provide a common language of web design elements.
February 3, 2010
as most of my user experience/usability career has been in the commercial/industrial/embedded space, I needed to acquire a web vocabulary. I could look at a web page and know that "this is bad" but not know why. The design principles, patterns and examples are excellent.
August 28, 2012
Starting to read this book, Its supposed to dive very deep in the subject and provide even insight into the future of interface design. The book is written by Bill Scott who was the genius behind Netflix and Yahoo's interface design.
June 5, 2010
Great collection of design patterns, some of the examples already look dated, but the concepts still very much apply to web design and development today. Great read to get you focused on richer user experience.
September 15, 2011
I learned in reading this book that I like books with more code. This is mostly examples with nice pictures to illustrate them. .
December 30, 2009
Practical, useful, insightful.
July 7, 2009
Cool for ideas
April 7, 2010
This book provides some great design examples (pros and cons and gotchas of each) - I found it to be both interesting and helpful!
April 25, 2011
I refer back to this book when I need an idea on how to make an interface shine. There's not too much writing, more examples, and it's great for brainstorming.
Read
June 3, 2016Great book for a wide range of users; easy to follow; well-written.
I found an interesting ideas about moving to single page "long-lived" web applications. Will try to involve it in my daily work.
I found an interesting ideas about moving to single page "long-lived" web applications. Will try to involve it in my daily work.
December 9, 2016
Though the illustrations in the book are old and pre web 2.0 and pre mobile era, some of the points are valid in mobile interface designing.
December 26, 2016
§¥§à§ã? §ß§Ö§á§à§Ô§Ñ§ß§Ñ §Ü§ß§Ú§Ô§Ñ §Õ§Ý§ñ §Õ§Ú§Ù§Ñ§Û§ß§Ö§â?§Ó ?§ß§ä§Ö§â§æ§Ö§Û§ã?§Ó, §Ò§Ñ§Ô§Ñ§ä§à §ç§à§â§à§ê§Ú§Û §á§â§Ú§Û§à§Þ?§Ó §ë§à §ä§å§ä §Õ§Ö§ä§Ñ§Ý§î§ß§à §à§á§Ú§ã§Ñ§ß? §Ó§Ú§Ü§à§â§Ú§ã§ä§à§Ó§å§ð§ä§î§ã§ñ §Õ§à§ã?.
Read
July 30, 2018Har inte ?ldrats bra, hade nog gillat den n?r den sl?pptes.
Displaying 1 - 25 of 25 reviews
Can't find what you're looking for?
Get help and learn more about the design.