Curso de Internet - Diseño de páginas web
Redes de ordenadores y desarrollo de páginas web

Los cuatro principios de Robin Williams ("The Non-Designer's Design Book", 1994):

En una página, evite la existencia de elementos excesivamente similares (tipo de letra, color, tamaño, formas, grosor de líneas, espacios...).

Si los elementos no son iguales, hágalos muy diferentes.

Repita elementos visuales a lo largo de toda su página.

La repetición de elementos sirve para organizar la página desde el punto de vista lógico y fortalecer su unidad.

Nada debe colocarse en la página de forma arbitraria. Todo elemento debe tener una conexión visual con los demás elementos de la página.

La correcta colocación de los elementos de una página favorece la creación de páginas con un aspecto fresco, limpio y sofisticado.

Los elementos que estén relacionados deben aparecer juntos.

Cuando varios elementos se encuentran muy cercanos, se convierten en una unidad visual.

Las unidades visuales ayudan a organizar la información y crear páginas no demasiado recargadas.

Algunas ideas de las que aparecen en "Don't Make Me Think: A Common Sense Approach to Web Usability":

No siempre tomamos las decisiones óptimas. Usualmente nos conformamos con lo que resulte suficiente para saciar nuestra curiosidad: Lo que nuestra página permita hacer ha de resultar evidente para el usuario.

Por ejemplo:

• Los botones y enlaces deben resaltar para que sepamos que se puede pinchar sobre ellos.

• El usuario deberá ser siempre consciente de lo que se encontrará al seguir un enlace, sin tener que imaginárselo, incluso antes de pinchar sobre él.

En las páginas web es recomendable evitar textos excesivamente largos: Hay que eliminar todo el texto que no aporte información significativa para mantener la atención del usuario.

En la medida de lo posible, el usuario no debería tener que emplear las barras de scroll.

Todas nuestras páginas deberían mostrar la identificación de nuestro sitio web, una forma de volver a la página principal, alguna forma de acceder a las distintas secciones de nuestro sitio y, a ser posible, algún mecanismo de búsqueda de información.

Es recomendable utilizar "bread crumbs" (literalmente, migas de pan)

• Steve Krug: "Don't Make Me Think: A Common Sense Approach to Web Usability", New Riders Press, 2000. ISBN 0789723107

• Robin Williams: "The Non-Designer's Design Book", Pearson, 1994. ISBN 1566091594

• Patrick Lynch and Sarah Horton: Web Style Guide. Yale University Press, 2002. ISBN 0300088981

• Bruce Tognazzini: First Principles of Interaction Design (Revised & Expanded), 1978-2014.

• Ergonomic Guidelines for User-Interface Design

• useit.com: Jakob Nielsen's Website

• List of Checkpoints for Web Content Accessibility Guidelines

• What Beautiful HTML Code Looks Like

• HTML Validator

• WebXACT