1 / 18

Producción de Sistemas Agosto-Diciembre, 2007

Producción de Sistemas Agosto-Diciembre, 2007. Sesión # 17. Designing for Web Usability. Main usability components: Business model Information architecture Page design Search capabilities Browsing capabilities Linking strategy (Nielsen, 2000). Designing for Web Usability.

artan
Download Presentation

Producción de Sistemas Agosto-Diciembre, 2007

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Producción de SistemasAgosto-Diciembre, 2007 Sesión # 17

  2. Designing for Web Usability Main usability components: • Business model • Information architecture • Page design • Search capabilities • Browsing capabilities • Linking strategy (Nielsen, 2000)

  3. Designing for Web Usability Main usability components: • Business model • Information architecture • Page design • Search capabilities • Browsing capabilities • Linking strategies (Nielsen, 2000)

  4. Navigation Model: Breath vs. Depth Breath-emphasizing design: • Top-level options • A stripe down the left side of the page Depth-emphasizing design: • Shows full hierarchical paths from the home page down through all the levels of the current page (Nielsen, 2000)

  5. Navigation Model: Searching vs. Browsing Searching: • Search-dominant users • 50% of users Browsing: • Link-dominant users • 20% of users Mixed behaviors: • 30% of users (Nielsen, 2000)

  6. Designing for Web Usability Main usability components: • Business model • Information architecture • Page design • Search capabilities • Browsing capabilities • Linking strategies (Nielsen, 2000)

  7. Linking • Structural navigation links • Associative links • “See also” links • Information scent

  8. Linking Structural navigation links: • Outline the organization of the information space • Allow users to access diverse parts of the information space (Nielsen, 2000)

  9. Linking Associative links: • Usually underlined words, images, icons and maps • Point to pages with more details on a section of the information space (Nielsen, 2000)

  10. Linking “See also” links: • Provide additional references • Assist users to find what they want if the current page is not the right one. (Nielsen, 2000)

  11. User-centered web design “Users are rarely on a site to enjoy the design; instead, they prefer to focus on the content.” Jakob Nielsen, 2000 (p.97) http://www.cs.pitt.edu/~hwa/ http://www.wam.umd.edu/~kreuter/ http://www.glue.umd.edu/~oard/

  12. User-centered web design “Web designers need to accommodate and support user-controlled navigation.” Jakob Nielsen, 2000 (p.214)

  13. Linking Information scent: • It is a term coined at XEROX PARC (Palo Alto Research Center) • It is the way in which users evaluate the options they have when looking for information on a web site. (Barker, 2005)

  14. Linking Information scent: Examples • Looking for an iPod http://www.steptwo.com.au/papers/kmc_informationscent/index.html

  15. Linking To provide good information scent: • Identify the pages where users require more information to aid their decisions. • Devote part of the content area on each of these pages to give more context to the navigation options users have. (Barker, 2005)

  16. Linking Good information scent: Examples • Usability Guide http://www.usability.gov/ • Orange´s UK site http://www.orange.co.uk/

  17. Linking “Sites with strong information scents are good at guiding users to content.” Iain Barker, 2005 http://www.uie.com/reports/scent_of_information/

  18. Proyecto Integrador Fecha de entrega: Martes, 23 de octubre, 2007 Entregables (URL o CD): • Modelo de navegación • Arquitectura de contenidos • Pantallas principales • Funcionalidad parcial

More Related