Mystery meat navigation

From Wikipedia, the free encyclopedia
Jump to: navigation, search
Mare Imbrium Mare Tranquillitatis Mare Serenitatis Mare Crisium Mare Fecunditatis Mare Nectaris Mare Frigoris Mare Frigoris Mare Frigoris Oceanus Procellarum Oceanus Procellarum Mare Humorum Mare Nubium Mare Cognitum Mare Vaporum Sinus Aestuum Copernicus Kepler Kaukasus Apeninnen Alpen Plato MoonSpace
About this image

This image map is an example of mystery meat navigation. For example, trying to click on Mare Humorum is difficult without hovering over every place. Also, it may not be readily apparent that the image is a clickable map instead of a simple picture of Earth's Moon.

Mystery meat navigation (also known as MMN) is a disparaging term coined in 1998 by Vincent Flanders, author and designer of the website Web Pages That Suck, to describe a web page where the destination of the link is not visible until the user points their cursor at it.[1] Such interfaces lack a user-centered design, emphasizing aesthetic appearance, white space, and the concealment of relevant information over basic practicality and functionality.[2][3]

The epithet "mystery meat" refers to the meat products often served in American public school cafeterias whose forms have been so thoroughly reprocessed that their exact types can no longer be identified by their appearances: like them, the methods of MMN are clear to the producer but baffling to the consumer.

Flanders originally and temporarily described the phenomenon as Saturnic navigation in reference to the Saturn Corporation whose company website epitomized this phenomenon. Flanders writes, "The typical form of MMN is represented by menus composed of unrevealing icons that are replaced with explicative text only when the mouse cursor hovers over them".[4]

"Click here"[edit]

The W3C's Web Content Accessibility Guidelines, as well as organisations such as WebAIM recommend against the use of phrases such as "click here" as link text.[5][6] According to the W3C, "Link text should not be overly general; don't use 'click here.' [...] link text should indicate the nature of the link target".[7] The text should also make sense when read out of context. It is also pointed out that a mouse might not be available on the target device (e.g. because of a touchscreen), and that screen readers may review a list of available links on a page. Pages would also suffer when printed.[7] A further disadvantage given is that it hinders the search engine optimisation of a page.

References[edit]

  1. ^ Flanders, Vincent (1998). Web Pages That Suck: Learn Good Design by Looking at Bad Design. San Francisco: Sybex Inc. ISBN 978-0-7821-2187-2. 
  2. ^ Ward, Mark (2002-11-04). "Why websites are getting easier to use". BBC News. Retrieved 2014-07-11. 
  3. ^ Kingsley-Hughes, Adrian (2010-05-11). "iPad apps bring back mid-1990s "mystery meat" user interface problems". ZDNet. Retrieved 2014-07-11. 
  4. ^ Flanders, Vincent. "Web Pages That Suck learn good web design by looking at bad web design - Mystery Meat Navigation". Retrieved 2009-06-14. 
  5. ^ "Web Content Accessibility Guidelines 1.0". W3.org. Retrieved 2012-05-07. 
  6. ^ "Introduction to Web Accessibility". WebAIM. Retrieved 2012-05-07. 
  7. ^ a b "HTML Techniques for Web Content Accessibility Guidelines 1.0". W3.org. Retrieved 2014-07-11.