Nov 30 2007
Amazon Experimenting with Dropdown Boxes Print
Friday, 30 November 2007

Paul Krug's "Don't Make Me Think" is a classic guide to designing easy-to-use websites. In the book he makes a pretty compelling case for using tabs instead of dropdowns. His prime example is Amazon.com who lead the way in successfully using tabs.


Therefore, I got a big surprise today when I saw that even they're are using dropdowns and with a really interesting twist .... dropdown menus with boxes instead of an organized list of links. 

Amazon

Each Amazon box has a combination of links, images and search boxes. They appear to be regularly updated including one that is just for today's deals.

Amazon Dropdown Menus

Keystone RV

This is another fascinating example of dropdown boxes. Keystone revamped their RV website recently. The new menu boxes allow people to search visually rather than by text and also creates very tidy effect, particular with hover boxes inside the menu!

Keystone RV Dropdown Menus

 


Menus like this would be relatively easy to implement in Joomla, perhaps with module position inside the dropdowns.


I'd love to see clickthrough data on these new kinds of menu. I wonder if statistics show that people prefer them and are more likely to use them compared to traditional dropdowns .... ?


Comments (5)Add Comment
...
written by Good Web Practices, November 30, 2007
I definately prefer the amazon drop downs, like the point that you have to click the drop down arrow, or hover over it for a second. I wonder though how many people actually find those drop downs on amazon, because it appears that its only the small arrow that activates the drop down. Surely most people would click the text link just to the left of the arrow?
...
written by Tom, November 30, 2007
I don't generally like large dropdowns, but I found some very well implemented ones on the John Lewis site (UK dept. store) the other day that really worked:

http://www.johnlewis.com/

So it appears it's all in the design...

Thanks,
Tom.
...
written by Steve Burge, December 01, 2007
Hi Tom

Thanks for the link. John Lewis provides an interesting comparison - they seem like they have dropdown boxes simply to include as many links as they possible can smilies/smiley.gif
...
written by Anthony Olsen, December 09, 2007
Hey Steve,

Just wanted to let you know that Ive added some mootools dropdown boxes in the latest Joomla Bamboo template: http://showcase.joomlabamboo.com/habitat3. Its a fairly simple implementation involving a tooltip script but I think it adds a degree of flexibility to the standard drop downs.
...
written by Good Web Practices, December 09, 2007
Anthony the dropdowns are cool, very nice theme too... Great to see what can be done using Joomla and a good use of mootools

Write comment
quote
bold
italicize
underline
strike
url
image
quote
quote
smile
wink
laugh
grin
angry
sad
shocked
cool
tongue
kiss
cry
smaller | bigger

busy
 
Joomla SEO Club and Book Logo
Search
Login
Blog Details

Creative Commons License All blog articles are licensed under a Creative Commons Attribution 3.0 United States License.
Top Comment Posters
Good Web Practices
(141 comments)
Brian Teeman
(105 comments)
Klaus
(83 comments)
türkçe sözlük
(52 comments)
Cory Webb
(49 comments)
Hummerbie
(42 comments)
Amy Stephen
(36 comments)
guido
(36 comments)
ILJ
(35 comments)
Yannick Gaultier
(33 comments)
Blog Categories
Accessibility
Affiliates
Alledia News
Analytics
Book Reviews
Business
Design
Domain Names
Domain Tips & Tricks
Drupal
E-Commerce
Extensions of the Month
General CMS Issues
Interviews
Joomla Affiliates
Joomla 1.5
Joomla Blogs
Joomla Hacks
Joomla Hosting
Joomla News
Joomla People
Joomla SEO eBook
Joomla SEO Rankings
Joomla Sites
Joomla South East
Joomla Templates
Joomla Tips & Tricks
Joomla URLs
Open Questions
PHP
Pay Per Click
Product Reviews
Rants
Scams
Recommended Sites
Search Engine Optimization
Security
SEO
SEO Club
SEO Competition
Site Reviews
Template Clubs
Yellow Pages
Virtuemart
Vlogs
Wordpress
right