Wednesday, May 22, 2013

Yahoo! Design Patterns and Shopping; Search results pages

My mentor, Diane Deseta at UXMentors assigned me an exercise to examine how Yahoo! implements their  Yahoo's design pattern library throughout their site.  This is one of several posts drawn from that assignment.

The exercise brought to light how complicated it is to follow conventions when there are competing motivations behind a page.  In several instances, the patterns were ignored.  Whether these divergences were created by or inherited by the recently fired SVP for User Experience Design Tim  Parsey is impossible to know, the end result left my brow furrowed.

---------

Yahoo! Shopping page examined: http://tinyurl.com/kbahrvc

Rating an Object - UNCLEAR - The mechanism for rating an object follows the conventions of the design pattern, but one "consideration" appears unconsidered (or, if addressed, was decided against ease of use).  

The pattern states "Consideration should be made about the call to action for a rating if a user is not logged in." and while I can't know IF consideration was actually made, the result was that if someone goes to rate the item, and they are not logged in, they are yanked from their current page and forced to log in.

The stated purpose of the star rating device is allow a user to quickly leave their opinion...but forced log-in defeats that purpose.  Perhaps greying out the stars (or a tool-tip saying ratings can only be left when logged in) could help achieve both goals, but that doesn't happen.  

This may have been accidentally overlooked, or perhaps done to use this function to encourage people to log in so buying behavior can be tracked...but it discourages user input in favor of potentially gathering better data.  Since that purchasing data can be valuable, I expect the decision was made to force log-in...but surprising the user with that decision seems lazy.


Top navigation - FOLLOWED - The design pattern seems to state that the top nav could be accompanied with a secondary level of navigation, but since each product would likely bring the user many levels deep, they chose to use breadcrumbs for that purpose.


Breadcrumbs - FOLLOWED - Unlike on the travel page, the use of breadcrumbs on the shopping page precisely follows the design pattern.

---------

Yahoo! Search results page examined:  http://tinyurl.com/latqyav 

Search Pagination - FOLLOWED - While the conventions for Search Pagination are followed, extraneous boxes are drawn around each number in a well-intentioned attempt at a "re-design."  This additional non-data-ink would make Edward Tufte sad.

Module tabs - IGNORED - The design patterns include a way to handle multiple kinds of information on the same page...using module tabs.  The search results, though also displaying different kinds of information (in this case results), instead use a quasi-top-nav format that's neither a top nav nor module tabs.


I expect this was ignored also due to a desire to "re-design" and "freshen up" the results.  

No comments:

Post a Comment

Note: Only a member of this blog may post a comment.