Mystery meat navigation

From Wikipedia, the free encyclopedia
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.

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 web site epitomized this phenomenon. On this web site, "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".[2]

"Click here"

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.[3][4][5][6][7] "Link text should not be overly general, and should indicate the nature of the link target". 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. A further disadvantage given is that it hinders the search engine optimisation of a page.

References

  1. Flanders, Vincent (March 1998). Web Pages That Suck: Learn Good Design by Looking at Bad Design. San Francisco: Sybex Inc. ISBN 978-0-7821-2187-2. 
  2. Flanders, Vincent. "Web Pages That Suck learn good web design by looking at bad web design - Mystery Meat Navigation". Retrieved 2009-06-14. 
  3. "Web Content Accessibility Guidelines 1.0". W3.org. Retrieved 2012-05-07. 
  4. "HTML Techniques for Web Content Accessibility Guidelines 1.0". W3.org. Retrieved 2012-05-07. 
  5. "Introduction to Web Accessibility". WebAIM. Retrieved 2012-05-07. 
  6. "Click Here and other accessibility issues with link text". Jimthatcher.com. Retrieved 2012-05-07. 
  7. "Ten quick tests to check your website for accessibility". Webcredible.co.uk. Retrieved 2012-05-07. 
This article is issued from Wikipedia. The text is available under the Creative Commons Attribution/Share Alike; additional terms may apply for the media files.