Micaela 23 de marzo de 2009 a las 09.03
   Imprimir artículo
elWebmaster.com

Breve guía para chequear la usabilidad de tu web


Hay ciertos patrones generales que hacen que un sitio sea m√°s o menos “utilizable”, asequible. Esto significa que los usuario lo entiendan, que la navegaci√≥n por el sitio sea f√°cil para cualquier persona. Aunque parezca una tarea sencilla, muchos sitios no son buenos en materia de usabilidad. Se trata de errores comunes que los dise√Īadores deber√≠an tener en cuenta a la hora de llevar a cabo sus proyectos.

A continuaci√≥n, un listado con √ļtiles sugerencias para hacer una prueba de usabilidad r√°pida de tu sitio web. ¬ŅPasar√° tu sitio la prueba?

ID del sitio

youtubeHaz que sea extremadamente claro para el usuario en qu√© sitio se encuentra. La ID de un sitio se encuentra usualmente en la esquina superior izquierda de la p√°gina. Es importante que el ID redirija a la p√°gina de inicio del sitio, o por lo menos, a√Īadir un link de “Inicio” en la navegaci√≥n.

Nombre de la p√°gina

Las páginas de WordPress.com, por lo general, tienen enormes títulos de página que son difíciles de ignorar.

As√≠ como la ID, el nombre de cualquier p√°gina web necesita ser claro para los usuarios. Visualmente, deber√≠a aparentar estar enmarcando el contenido √ļnico de ese sitio, ubicado y estilado con etiquetas <h1> o <h2>, de manera tal que no haya duda de que esa es la cabecera de esa p√°gina dentro del sitio.

En el sitio del diario espa√Īol El Pa√≠s, las p√°ginas se ven claras. Para empezar el nombre de la p√°gina de una secci√≥n, en este caso “Internacional”, se ve acompa√Īando el nombre del sitio. Pero adem√°s, la solapa de la secci√≥n se encuentra resaltada en el men√ļ dando la impresi√≥n que conteniene todo lo que se ve desde el men√ļ hacia abajo:

elpais

También es importante que el nombre de la página concuerde con el texto que dirige a esa página, para que el usuario no tenga problema identificando en qué página está.

Navegación por exploración

Hay dos formas principales en las que un usuario puede navegar por un sitio y es importante tener ambas en casi todas las páginas. La primera es la navegación por exploración. Este tipo de navegación usualmente puede separarse en navegación primaria, secundaria y utilidades.

  • Navegaci√≥n primaria: Es la navegaci√≥n para acceder a las partes principales del sitio, es la de nivel m√°s alto. Esta explica a los usuarios cu√°les son las secciones principales del sitio y los ayuda a llegar a estas secciones. Por lo general la navegaci√≥n primaria es parte de la navegaci√≥n global del sitio, o la navegaci√≥n que permanece igual en todas las p√°ginas de la web. Un ejemplo de esto es el sitio web de Apple:

apple

  • Navegaci√≥n secundaria: Divide la navegaci√≥n primaria en sub-secciones. Tambi√©n puede existir una navegaci√≥n terciaria que divide esas sub-secciones de nivel secundario en todav√≠a m√°s secciones, y as√≠. amazonAseg√ļrate de planear la estructura de la navegaci√≥n de tus sitios de forma tal que los usuarios tengan una idea de c√≥mo manejarse alrededor de la web.
    Este tipo de navegación se ve en Amazon, en la barra lateral donde están todas las categorías de productos que se pueden comprar.
  • Utilidades: Son las partes de tu sitio que no est√°n realmente conectadas a las secciones primarias. Ejemplo de utilidades son: “Contacto”, “Pol√≠ticas de privacidad”, “Acerca de”, etc.

Aseg√ļrate de incluir las secciones m√°s importantes de tu sitio en un lugar en que tus visitantes puedan encontrarlos f√°cilmente, pero no hagas que tu navegaci√≥n sea muy cargada, incluyendo una gran cantidad de links de utilidades.

Navegaci√≥n por b√ļsqueda

La segunda forma de navegaci√≥n que casi cualquier sitio deber√≠a tener es la navegaci√≥n por medio de b√ļsquedas. Algunos usuarios prefieren explorar, otros prefieren buscar, por lo que usualmente es sabio incluir ambos tipos. En la p√°gina de la CNN comparten lugar las secciones del sitio y el buscador, bien visible:

cnn1

Es una formula simple: una caja, un bot√≥n y la palabra “Buscar”, no lo hagas dif√≠cil para tus usuarios. Mant√©nte en esa formula.

En qué parte del sitio estamos

Un lindo t√≠tulo de p√°gina no es suficiente para decirle a un usuario d√≥nde est√°n en una web. Claro, los informa sobre el nombre de la p√°gina y quiz√° les informa acerca de lo que pueden esperar de esa p√°gina en particular, pero ¬ŅQu√© les dice acerca de d√≥nde est√°n en relaci√≥n con todo lo dem√°s?

La idea es que el usuario siempre sepa d√≥nde est√°. Es como cuando estamos en un parque de diversiones y vemos los carteles indicando “Usted est√° aqu√≠”.

En muchos aspectos el usuario no sabe realmente cuan grande es el sitio, y sin alguna especie de tanteo previo del terreno al usuario le será difícil ubicarse en el mapa. Por eso mismo, las webs que tienen una buena usabilidad utilizan dos recursos:

  1. Resaltan la sección del sitio en la que el usuario se encuentra para explicarles su localización
  2. Utilizan navegación tipo breadcrumb (migaja de pan)

download

En el sitio de Download.com, se ven las migajas de pan que nos indican en qué parte dentro de la estructura estamos: Home > Windows Dowloads > Browsers. Además, la página está bien resaltada con un título prominente para no dejar lugar a dudas de dónde estamos exactamente.

Etiquetas/Descripción del sitio

metacafeLas l√≠neas de etiquetas son una buena forma de explicar r√°pidamente el prop√≥sito del sitio a los usuarios. Se trata de una peque√Īa publicidad bien dise√Īada que se muestra justo al lado de la ID del sitio o debajo, y usualmente tiene s√≥lo unas pocas palabras.

Las l√≠neas de etiquetas son breves descripciones que nos informan acerca del prop√≥sito de la web y qu√© cosas encontrar√°n all√≠. Un ejemplo es Metacafe y su frase integrada al logo que en espa√Īol dice “Entretenimiento de video, impulsado por t√≠”.

Jerarquía visual limpia

Las p√°ginas bien construidas utilizan cabeceras limpias para organizar el contenido y sub-cabeceras para hacer al contenido m√°s f√°cil de analizar. La apariencia visual del contenido puede que no sea tan importante como el contenido en s√≠, pero sin alg√ļn tipo de jerarqu√≠a el usuario puede perderse dentro del sitio.

Fuente: UX Booth


Enviar a Del.icio.us Enviar a Meneame Enviar a Digg Enviar a Fresqui Enviar a Enchilame

Comentarios (1)

  1. patricia morales arellano dice:

    Hla Migos, para mi que estoy empezando a construir un sitio, ( gratis) o blog, estos art{iculos son realmente muy importantes, como siempre ustedes se ganan el numero uno, en la vanguardia de la información, solo por ayudar,ya saben, todos mus amigos tienen su pagina y la han hecho la primera en leer cuando se conectan, sin excepción, a veces uno empieza a aprender al reves, por lo mas difícil y su debilidad esta en lo mas basico, eso me ha pasado a mi hay tantas cosas que he aprendido sola en internet y no sé como hacer un simple blogg, y aquí he encontrado web CEO, que lo tengo guardado pra cuando ya este al nivel de ocuparlo, si alguien lo necesita(y si está permitido, claro) me lo pueden pedir, aqui topé en un no sé como jajajajaja,pero bueno siempre hay soluciones.
    Amigos tan queridos ustedes responden los comentarios? y si lo hacen, ¬Ņd√≥nde lo hacen?
    Esa fué una caída, pero los he buscado y no encuentro.
    Nos vemos.(Y y si no….vamos al oculista, jeje)
    Un abrazo
    Patricia

Deja tu opinión

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Acceder