Constructing Usable Web Menus - Book Review - WebReference Update - 020411 | WebReference

Constructing Usable Web Menus - Book Review - WebReference Update - 020411

((((((((((((((((( WEBREFERENCE UPDATE NEWSLETTER ))))))))))))))))) April 11, 2002

___________________________ Sponsors ________________________________ This newsletter sponsored by: 802.11 Planet Spring 2002 events.internet.com _____________________________________________________________________

The week we review a new book "Constructing Usable Web Menus" from a new imprint, Glasshaus. Learn how to design usable menus with this code-filled how-to. In other stories Digital Web Magazine talks accessible design, Costello redesigns Glish.com, and XSLT turns 2. Dave Winer of Userland software has bet the New York Times $2000 that blog stories will dominate by 2007. Stay tuned.

http://www.webreference.com *- link to us today http://www.webreference.com/new/ *- newsletter home

New this week on WebReference.com and the Web:

1. BOOK REVIEW: Constructing Usable Web Menus 2. OTHER VOICES: * Accessible by Design * Glish.com Redesign * What's New in XSLT 2.0 3. NET NEWS: * NYTD Blogs Itself with Radio UserLand

Like what you see? Get our front page e-mailed to you every business day with our HTML newsletter. Just send an e-mail to:

subscribe-html@webreference.com

or for this text newsletter:

subscribe@webreference.com

Spread the word! Feel free to send a copy of this newsletter to your friends and colleagues, and while you're at it, snap a link to WebReference.com.

/-------------------------------------------------------------------\ Coming to the East Coast! 802.11 Planet Spring 2002 Conf. & Expo Sponsored by IBM --The Only Trade Show & Expo Focused on 802.11 Business-- June 10-12 Pennsylvania Convention Center, Philadelphia, PA. Whether you're an expert in 802.11 or need to quickly get up to speed and profit from it, 802.11 Planet is the premier event for this exploding industry. Register today & save! http://seminars.internet.com/80211/spring02/index.html

\--------------------------------------------------------------adv.-/

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 1. BOOK REVIEW: Constructing Usable Web Menus

Aimed at intermediate to advanced developers, "Constructing Usable Web Menus" homes in on what works, and what doesn't when designing menus for the Web. Chock full of copious amounts of code and screen shots, the book offer a good, albeit incomplete, overview of available menu options for webmasters and guidelines for effective menu design.

The book is one of the first in a series of how-tos from Glasshaus, a new imprint from Wrox Press. This new series is designed to teach "web professional to web professional" and is slanted towards the more proficient practioners of the craft.

The first two chapters of the 227 page book offer guidelines for good menu design (rules, info architecture) while the final four chapters show how to create various types of menus through JavaScript, DHTML, Flash, and PHP/MySQL to populate client-side menus.

The first part of the book deals primarily with usability and information architecture. Here's a list of the "12 Rules for Web Menu Usability" from the first chapter:

1. Menus must be considerate of the user's main task 2. Menus must be distinct from content 3. Menus must be clearly readable 4. Menus must be easily scanned for information 5. Menus must be easily operated 6. Menus must behave as your target user would expect 7. Menus must load quickly as possible 8. Menus must be consistent across a site 9. Menus must put a higher premium on usability than branding 10. Menus must be localizable 11. Menus must be accessible to the handicapped 12. Menus must work on multiple browsers

All good advice. On the last point the authors do an admirable job, claiming their code works on most modern browsers, including IE4+, Netscape 4+, and Opera 5+ for the PC and IE4+, Netscape 6+, and Opera 5+ for the Mac. They make some good points, especially that menus be clearly readable and fast loading. I've seen many a site with slow loading, tiny text menus that are difficult to use, especially for users with older eyes or motor impairments. Designers would be well-advised to follow their guidelines.

However, the authors' coverage of menu designs is somewhat incomplete, and their research needs a refresh. They don't cover simple CSS menus that don't require JavaScript. Perhaps this was because they decided to include Netscape 4 among their target browsers. They also cite Miller's 1956 7+-2 paper, then say it is out of date, but offer no more recent data on the limits of short term memory and menu design (Microsoft's depth versus breadth research for example).

See http://www.research.microsoft.com/users/marycz/chi981.htm

Expandable menus are covered, but hierarchical menus get just one screen shot, from MSDN. While some may question the use of slow- loading or overly complex menus on Web sites, hierarchical menus are in use on many popular sites. Our payware menus notwithstanding, many sites have their own versions, including one of my favorites, photo.net.

http://www.photo.net http://msdn.microsoft.com

Overall the book gives developers a good overview of menus on the Web, and how to create them.

Usable Web Menus By Andy Beaumont, et al. Glasshaus, $19.99 ISBN: 1-904151-02-7

http://www.glasshaus.com/

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 2. OTHER VOICES: Accessible by Design, Glish.com Redesign, What's New in XSLT 2.0

* Accessible by Design

Anitra Pavka offers up some guidelines on accessible web design. http://www.digital-web.com/features/feature_2002-04.shtml Digital Web Magazine, April 4, 2002

* Glish.com Redesign

While others wax poetic about the Wall Street Journal's conventional table-based redesign, innovative designers are quietly reworking their CSS-based layouts. Eric Costello chimes in with a new three-column layout for Glish.com that reportedly works in Netscape 4.x. Bravo. http://glish.com/ Eric Costello, April 9, 2002

* What's New in XSLT 2.0

A look at some of the new features in XSLT 2.0 for transforming structured documents. This is one reason to switch to XHTML. http://www.xml.com/pub/a/2002/04/10/xslt2.html XML.com, April 10, 2002

/-------------------------------------------------------------------\ ** When Face-to-Face is the Only Way ** The Internet is great for exchanging information and ideas, but nothing beats in-person learning and networking. Check out internet.com's upcoming Spring 2002 conferences and expositions including: ** ClickZ E-Mail Strategies ** Nanotech Planet ** 802.11 Planet (Wireless) ** Grid Computing Planet and more. Visit http://events.internet.com today!

\--------------------------------------------------------------adv.-/

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 3. NET NEWS: NYTD Blogs Itself with Radio UserLand

* NYTD Blogs Itself with Radio UserLand

The New York Times is now providing news feeds through Radio Userland. Dave Winer, founder of Userland Software, has also made a $2000 bet with the chief executive of the New York Times Digital, Martin Nisenholtz on the future popularity of weblogs. Here's the bet: "In a Google search of five keywords or phrases representing the top five news stories of 2007, weblogs will rank higher than the New York Times' Web site." http://www.scripting.com http://www.atnewyork.com/news/article/0,1471,8471_1007201,00.html At New York, April 10, 2002

That's it for this Thursday, see you next time.

Andrew King Newsletter Editor, WebReference.com aking at internet dot com ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

ARE YOU BABYSITTING YOUR EMAIL LIST SERVER SOFTWARE? Upgrade to Lyris ListManager From The Experts at SparkLIST, Save Money, and Remove Headaches With Our Free Installation Assistance Offer:http://SparkLIST.com/solutions/software/intm/

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Advertising: If you are interested in advertising in our newsletters, call Claudia at 1-203-662-2863 or send email to mailto:nsladsales@internet.com ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ For contact information on sales offices worldwide visit http://www.internet.com/mediakit/salescontacts.html ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ For details on becoming a Commerce Partner, contact David Arganbright on 1-203-662-2858 or mailto:commerce-licensing@internet.com ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ To learn about other free newsletters offered by internet.com or to change your subscription visit http://e-newsletters.internet.com ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ internet.com's network of more than 160 Web sites is organized into 16 channels: Internet Technology http://internet.com/it E-Commerce/Marketing http://internet.com/marketing Web Developer http://internet.com/webdev Windows Internet Technology http://internet.com/win Linux/Open Source http://internet.com/linux Internet Resources http://internet.com/resources ISP Resources http://internet.com/isp Internet Lists http://internet.com/lists Download http://internet.com/downloads International http://internet.com/international Internet News http://internet.com/news Internet Investing http://internet.com/stocks ASP Resources http://internet.com/asp Wireless Internet http://internet.com/wireless Career Resources http://internet.com/careers EarthWeb http://www.earthweb.com ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ To find an answer - http://search.internet.com ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Looking for a job? Filling an opening? - http://jobs.internet.com ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ This newsletter is published by Jupitermedia Corp http://internet.com - The Internet & IT Network Copyright (c) 2002 Jupitermedia Corp. All rights reserved. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ For information on reprinting or linking to internet.com content: http://internet.com/corporate/permissions.html ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~