Separación de Paginas en Areas claramente definidas.

Según Steve Krugg, «los usuarios deberían ser capaces de señalar las distintas áreas de una página y decir cosas como: “lo que puedo hacer en este sitio”, “productos que vende esta empresa”, “navegación para ir al resto del sito”, etcétera».

Realmente, a propósito de la jerarquía visual, hay que dividir la página en áreas claramente definidas porque permite que los usuarios puedan decidir rápidamente y casi sin pensar en qué áreas de la página deben centrar su atención y cuáles pueden obviar.

Resultan significativos los estudios acerca de la lectura rápida de los usuarios en la Web que vienen a sugerir que éstos deciden muy rápidamente en qué partes de la página es más probable que esté la información que buscan y que casi nunca miran para el resto de la página.

Una forma de definir las areas, es utilizando las etiquetas <h1> , <h2> , <h3> , <h4> , <h5> , <h6> , donde cada una de ellas indica el titulo o subtitulo en funcion de la importancia del contenido, asi por ejemplo <h1> seria el titulo principal de la pagina o documento que estamos mostrando, <h2> serian los titulos de los principales apartados del contenido de esa pagina, <h3> serian los subtitulos de dichos contenidos y asi sucesivamente hasta llegar a <h6>.

Los Errores más Frecuentes a la hora de Diseñar en Web

1-. Modelo de negocio

Tratar la Web como un simple folleto, en vez de cómo algo fundamental que va a cambiar la forma de dirigir la empresa en la economía en red.

2-. Gestión de proyectos

Gestionar un proyecto web como si se tratara de un proyecto corporativo tradicional. Esto nos lleva a un diseño interno provisto de una interfaz de usuario inconsistente. En vez de ello, un siito web debe ser gestionado como un proyecto específico de interfaz de cliente.

3-. Arquitectura de la información

Estructurar el sitio para que refleje la forma en que la empresa está estructurada. En vez de ello, el sitio debe estar estructurado para reflejar las tareas de los usuarios y sus puntos de vista en el espacio informativo.

4-. Diseño de páginas

Crear páginas que tengan un aspecto atractivo y que evoquen sensaciones positivas al ser probadas internamente. Las pruebas internas no sufren los retrasos de tiempo de respuesta, que son el determinante principal de la usabilidad; de forma similar, una prueba no expone la dificultad que va a tener un usuario novel en encontrar y comprender los distintos elementos de las páginas. En lugar de ello, diseño el sitio para que el usuario tenga una experiencia óptima en circunstancias reales, aunque sus pruebas sean menos “atractivas”.

5-. Creación de contenido

Escribir en el mismo estilo lineal en el que siempre haya escrito. En lugar de ello, oblíguese a escribir con un nuevo estilo optimizado para los lectores en línea, los cuales suelen escanear el texto y necesitan páginas muy breves con la información secundaria relegada a páginas de apoyo.

6-. Estrategia de vinculación

Tratar su propio sitio como el único importante, sin vínculos a otros sitios y sin puntos de entrada bien diseñados para que otros coloquen sus vínculos. Muchas empresas no utilizan vínculos correctos al mencionar su sitio web en su propia publicidad. En vez de ello, recuerde que el hipertexto es la base de la Web, y que ningún sitio es una isla.

Esperamos que esta introducción haya servido para que el alumno se plantee cosas que quizás antes obviaba cuando tenga que diseñar un sitio web y, fundamentalmente, para que lo haga siempre –no nos cansaremos de repetirlo– desde el punto de vista del usuario.

Por último, ha de quedar claro que la usabilidad no tiene que ver únicamente con el diseño gráfico, o con que haya mecanismos apropiados de navegación, exista un mapa del sitio, etcétera. En muchas ocasiones, el problema viene de no haber sabido ofrecer la funcionalidad demandada por el usuario o que, simplemente, le haría sentirse más satisfecho usando nuestro sitio.

En definitiva, como afirma Nielsen, «la Web es un medio nuevo, por lo que requiere un planteamiento distinto».

Cómo usamos la Web

Uno de los errores más comunes a la hora de diseñar una página web es pensar que el usuario va a leerla como si se tratase de la página de un libro, comenzando arriba a la izquierda y leyendo de manera secuencial todo el contenido de la página, hasta el final. Además, tendemos a creer que va a dedicar un tiempo a averiguar cómo hemos organizado las cosas (en la propia página y en el sitio web en general) y que sopesará las distintas opciones que ésta le ofrece antes de decirse a pulsar en un determinado enlace.

Lo anterior se parece bastante poco al modo en que todos nosotros utilizamos la Web. En vez de eso, lo que hacemos la mayoría de usuarios de Internet es hojear las páginas, hacer lectura rápida de parte del texto y pulsar en el primer enlace que capta nuestra intención de un modo u otro, o que nos recuerda aquello que estamos tratando de hacer. Es decir, normalmente hay grandes porciones de la página para las que ni siquiera miramos.

Como afirma Steve Krug, el diseñador de la página muchas veces piensa que está
haciendo literatura (o, cuando menos, una especie de folleto de un producto) mientras que el usuario se enfrenta a la Web con una actitud similar a la que mostramos ante las vallas publicitarias que vemos en la carretera mientras viajamos en su coche a cien kilómetros por hora.

Así pues, en vez de tratar de luchar contra esta actitud, lo que debemos hacer es asumirla y, sabiendo que casi nadie va a molestarse en leer detenidamente ni, mucho menos, en orden, el contenido de nuestras páginas web, trataremos precisamente de favorecer esa lectura rápida para captar la atención del usuario sobre aquellos aspectos más importantes de cada página.

En "Creación de sitios usables y arquitectura de la información" veremos algunas pautas de diseño que pueden ayudarnos a facilitar dicha lectura rápida.

Básicamente, de lo que se trata es ofrecer una clara jerarquía visual de la página, como siempre, desde el punto de vista del usuario, tratando de destacar aquello que consideremos más importante para él en cada contexto, y no lo que la empresa piense que es más importante.

Algunos de estos principios de diseño tienen que ver con el uso correcto del espacio en blanco, la eliminación del ruido de la página, omitiendo todo aquello que sea prescindible para así dar más preponderancia a lo fundamental, hacer que los enlaces resulten obvios
(es decir, que el usuario sepa que ahí se puede pulsar), etcétera.