Navegar por las páginas web

Una de las experiencias más frustrantes que puedes tener en un sitio web es cuando no sabes en donde estás ni para dónde vas. Quiero pensar que para la mayoría de los diseñadores web, la navegación es un concepto que hemos dominado, pero aún encuentro algunos malos ejemplos por ahí. Hay dos aspectos sobre la navegación que hay que tener en cuenta:

Navegación – ¿Hacia dónde puedes ir?

Hay algunas reglas con sentido común que hay que recordar. Los botones para navegar en el sitio deberían ser fáciles de encontrar, hacia la parte de arriba de la página y fáciles de identificar. Deberían verse como botones de navegación y estar bien descritos. El texto de un botón debe estar bien claro en cuanto hacia dónde te está llevando. Aparte del sentido común, es importante también hacer usable la navegación. Por ejemplo, si tienes un submenú desplegable, es importante garantizarle a la persona que puede ir hacia los objetos del submenú sin que el submenú se cierre. Al igual que lo es cambiar el color de la imagen al pasar el mouse por encima, es una excelente reacción para el usuario.

Orientación – ¿Dónde estás ahora?

Hay muchísimas maneras en las que puedes orientar a un usuario, así que no hay excusa para no hacerlo. En sitios pequeños, es solo cuestión de un gran encabezado o una versión “menor” del botón correspondiente. En un sitio más grande, podrías utilizar la técnica de las migas de pan, subencabezados y un mapa del sitio para los que están realmente perdidos.

Alineación

Mantener las cosas alineadas es tan importante en el diseño web como lo es en un diseño de impresión. No quiere decir que todo tiene que estar derecho, sino que debes tratar de mantener las cosas bien colocadas en una página. La alineación hace tu diseño más ordenado y digerible, al igual que lo hace ver más pulido.

Claridad (Nitidez)

Mantener nítido tu diseño es súper importante en el diseño web. Y en cuanto a la claridad, se trata de los píxeles. En tu CSS todo va a ser perfecto en cuanto a los píxeles, así que no hay nada de qué preocuparse, pero en Photoshop no es así. Para lograr la nitidez tienes que:

• mantén las formas de los límites pegadas a los píxeles. Esto podrá incluir limpiar los límites manualmente, las líneas y los cuadros de texto si las estás creando en Photoshop.
• asegúrate de que el texto está creado usando el comando anti-alias. Seguido usa "Nitidez".
• asegúrate de que el contraste es alto para que los bordes estén claramente definidos.
• sobreenfatiza los bordes solo un poco para exagerar el contraste.

precios posicionamiento web