Design Whys: Designing Web Site Interface Elements [Paperback]

Eric Eaton (Author)

Book Description

Publication Date: December 27, 2002

The challenge in creating any Web site, whether it's an intranet, extranet, or full-blown e-commerce superstore, is creating an interface that makes quick sense to the user. Any e-tailer will testify that ease-of-use can make or break a Web site, and in some cases, an entire business. The second title in the new DesignWhys series, Designing Web Site Interface Elements targets professional designers and developers with plenty of glossy, full-color screen shots and illustrations as well as advice from the trenches on how to effectively use design and branding to reach a target audience. Award-winning designer and author, Eric Eaton, uses real world examples to help explain how the creation and placement of buttons, links, menus, lists, layers, and more can help or even hurt a site. Unlike many Web design titles, Designing Web Site Interface Elements is written by an expert designer for expert designers, going beyond basic how-to instructions to explain the why behind the design.

Editorial Reviews

From the Back Cover

The challenge in creating any Web site, whether it's an intranet, extranet, or full-blown e-commerce superstore, is creating an interface that makes quick sense to the user. Any e-tailer will testify that ease-of-use can make or break a Web site, and in some cases, an entire business. The second title in the new DesignWhys series, Designing Web Site Interface Elements targets professional designers and developers with plenty of glossy, full-color screen shots and illustrations as well as advice from the trenches on how to effectively use design and branding to reach a target audience. Award-winning designer and author, Eric Eaton, uses real world examples to help explain how the creation and placement of buttons, links, menus, lists, layers, and more can help or even hurt a site. Unlike many Web design titles, Designing Web Site Interface Elements is written by an expert designer for expert designers, going beyond basic how-to instructions to explain the why behind the design.

About the Author

Eric Eaton, former design director at HotWired and Lycos, has created some of the Web's most influential brands, including Wired News, Webmonkey, and HotBot. He has received awards and honors that include the American Center for Design's Award for Excellence in Interaction Design, PC World's Best Web Search Interface, and Communication Arts' Award for Excellence in Information Design. He was involved in creating Wired Digital's usability lab and was a content contributor to Wired News and Webmonkey. Currently living on an island off the coast of Maine, Eaton is principal and founder of Deliberate Design.

Product Details

• Paperback: 256 pages
• Publisher: Peachpit Press (December 27, 2002)
• Language: English
• ISBN-10: 0201793032
• ISBN-13: 978-0201793031
• Product Dimensions: 9.1 x 9 x 0.6 inches
• Shipping Weight: 1.9 pounds
• Average Customer Review: 4.8 out of 5 stars  See all reviews (5 customer reviews)
• Amazon Best Sellers Rank: #2,783,037 in Books (See Top 100 in Books)

More About the Author

Discover books, learn about writers, read author blogs, and more.

Customer Reviews

Most Helpful Customer Reviews

3 of 3 people found the following review helpful:

5.0 out of 5 stars Web pages as an art form, March 7, 2003

By 

Charles Ashbacher (Marion, Iowa United States) - See all my reviews
(TOP 500 REVIEWER)    (VINE VOICE)    (HALL OF FAME REVIEWER)   

This review is from: Design Whys: Designing Web Site Interface Elements (Paperback)

Web pages are truly a functional art form. The best are a combination of complex functionality, have a small digital footprint for quick downloading, can easily be deciphered, and are pleasing to the eye. This is a tall order and although design principles have been studied and refined for years, most do not satisfy all of these high requirements. Eaton has written a book that shows you many of the simple features that can make the difference between a site that blocks and a site that rocks.
One very striking feature of the book is the high quality of the pages and the images. The paper is slick, and nearly all pages are in full color. From this, you can see exactly how the pages would appear on the screen. In fact, very few screens would render them in this vivid a form. The advice, sensible, but also artistic in nature, shows you how to appeal to the facets of art appreciation that nearly everyone possesses. As humans, we share a common heritage for forms, some of which attract, others which repel and those which can do both, depending on the context. Eaton understand this very well and does a good job in describing and demonstrating this knowledge. Not all mouse clicks or buttons are created equal, and it is essential that the web interface designers understand the circumstances that make them different.
Packed with essential knowledge, not all of which is obvious, this is a book that should be read by all people who code the parts of a web site that will be seen.

5 of 6 people found the following review helpful:

4.0 out of 5 stars Do as the author says, not as he does., February 29, 2004

By 

Brett Merkey (Palm Harbor, FL United States) - See all my reviews
(REAL NAME)   

This review is from: Design Whys: Designing Web Site Interface Elements (Paperback)

¶
The aim of the DesignWhys series is to focus on the Why of interface design, not the How. A lot of work and creativity went into this book but it fails embarrassingly every time the author ventures into the How.

The author has much to teach and he does it well with vivid illustrations. His contention that Web widgets often imply assumptions and behaviors with surprising implications is something every Web application designer should pick up on and learn from.

Unfortunately, the author veers from his plan to be agnostic on technology and from beginning to end makes implementation recommendations that defy modern practice. It is as if his coding experience ended with Netscape 4 on the Macintosh, a particularly unfortunate combination.

He defines "traditional HTML" in a way that strips it of its current power and dynamism -- and then unfavorably compares it with Flash, naturally enough. Cascading style sheets (CSS) are introduced more as a complication rather than a systematic solution. The first positive mention of CSS is to point out that it can be used to get rid of those horrid link underlines -- a recommendation certain not to please the usability people.

The W3C-deprecated and destructive FONT tag is used throughout the book. On page 124, he warns that a drawback to using JavaScript to change form elements is that it forces an entire page refresh. This was true of Netscape 4 but not of any other browser released since 1997. His references to "Netscape 5," a version never released to the public, indicates that some of the book is refurbished from old material.

Whenever the author gets into implementation, beware. For instance, his suggestion that a 50-item dropdown be divided into two 25-item dropdowns. There are more elegant and usable ways to handle that situation nowadays.

Following the author too literally would result in sites and Web applications very expensive to develop, even more expensive to maintain, and with a severely restricted usability.

The book ends with illustrations of sites the author considered ennobling. People who make Web interfaces for real people, not for other designers, will find them tediously irritating. The book would have been more valuable if it had covered the widgets of our daily bread a tad more seriously.

When it comes to Web design Why's, do as the author says, not as he does.
¶

1 of 2 people found the following review helpful:

5.0 out of 5 stars a focused, in-depth look at interface design elements, November 14, 2003

By 

Jack Dawson (Boston, MA, USA) - See all my reviews

This review is from: Design Whys: Designing Web Site Interface Elements (Paperback)

Eric Eaton's "Designing Web Site Interface Elements" is perhaps the most comprehensive book on the design of web site interactive elements (links, buttons, forms, windows, etc.). This relatively narrow focus-most "web books" have to widen "the lens" to fill their pages with enough useful insight-allows for very in-depth treatments of interface design topics. For example, in the section on links, Eric talks in great detail about links styles (text vs. graphical), arrangement, density, grouping, placement, description, color, etc. The sections on button and form element design are similarly comprehensive.

Topics covered:
- links;
- buttons;
- form elements;
- control elements (window controls mostly; important if you're using DHTML or Flash to create your own windows, sliders, etc.);
- metaphors (physical world, paging, tabs, etc.);
- custom and experimental interface elements (again, good resource for those using Flash or DHTML to create their own interface elements).
- a good selection of case studies with discussions of what works and doesn't work, and why.

Overall, this book will make a worthy addition to any web designer's library. Also recommended: Paul Gokin's "Interface Design for Ecommerce Applications" (search for this one on the web), and Bob Baxley's "Making the Web Work."