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.
---------
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.