Principios de la navegación en la web

Josué Gerardo León Mijangos

Principios básicos en la navegación de la web.

El éxito de una buena composición de página consiste en una organización balanceada, clara y concisa de la información usando las herramientas básicas de diseño: formato editorial, tipografía, color y uso de gráficas. Sugerencias:

• La composición debe guiar al usuario visualmente. Distinguir en un principio las áreas de información, navegación principal, secundaria, local, etc.
• El contraste es importante y nos ayuda a mantener módulos de información y a facilitar la lectura.
• Usar plantillas. Usar una misma plantilla no quiere decir que la página sea aburrida, al contrario 
  utilizar la misma plantilla mantiene una página consistente, limpia y ORDENADA.

El diseño de Web implica una serie de limitaciones. Dada la naturaleza del medio, nuestras páginas deben de funcionar en diferentes plataformas y con distintas dimensiones de pantalla.

Debemos mantenernos al corriente de estadísticas del usuario. La siguiente página proporciona estadísticas de uso de sistemas operativos, navegador, resolución, etc. http://www.thecounter.com. De acuerdo a este sitio, actualmente la mayor parte de usuarios usa una resolución de pantalla de 1024 x 768 y en segundo lugar sigue la resolución de 800x600. Antes de empezar el diseño y la producción de un sitio de Web, debemos definir con nuestro equipo de trabajo que formato seguiremos.

El siguiente sitio proporciona una plantilla de navegador (Browser Grid: http://www.wpdfd.com) en donde podemos ver las áreas "seguras" dentro de cada una de las dimensiones de pantalla. Quiere decir que si por ejemplo decidimos hacer una página para una resolución de 800x600 entonces debemos trabajar con unas dimensiones reales de 760x420, este es el espacio visible, la diferencia en los números se debe al espacio utilizado por botones de navegación que requiere el navegador y nuestro propio sistema operativo.

Presentación de elementos de navegación

Gran parte del éxito de una buena navegación se debe a la estructura del sitio en general; como decidimos agrupar nuestro contenido, bajo que secciones, etc., pero la otra parte se la debemos a una clara presentación y localización de elementos de navegación.

Sugerencias:

• Presentar claramente la navegación principal o global. 

• Acceso claro y rápido a la página principal.

• Sacar provecho del uso de encabezados y pies de página. 

• Utilizar cautelosamente gráficas como parte de la navegación. 

 • Evitar el uso de el comando de subrayado , este estilo de texto resulta confuso pues en Web el subrayado indica la presencia de una liga.

TIPOGRAFIA

La selección y uso de tipografía es quizá el elemento más difícil dentro del proceso de diseño. La tipografía asume un doble papel tanto como comunicador visual y como verbal. La tipografía nos ayuda a distinguir visualmente grupos de texto y de esta manera ayuda al usuario a predecir que tipo de información encontrara en ciertas áreas de la página. Lo que hacemos al diseñar páginas Web es básicamente “pintar” el texto, no solo aplicando color al texto sino al combinarlo con otros bloques de texto y con el fondo de la página. El ojo viajara de bloque en bloque a lo largo de la página y es gracias a estos bloques tipográficos que podemos alcanzar una buena jerarquía de información.

Sugerencias:

• Para el cuerpo del texto utilice tipografías diseñadas para pantalla como lo son: Verdana, Georgia o Trebuchet o tipografías que han sido adaptadas para pantalla como Times New Roman. • No escoja demasiadas fuentes o estilos en una misma página • En textos largos, evite tipografía clara o muy brillante sobre colores oscuros. Es muy incomodo leer la pantalla bajo estas condiciones.

• Utilice texto convertido a gráficas únicamente para encabezados o botones de navegación, no utilice gráficas para representar párrafos completos de texto.

GRÁFICAS

La trampa número uno en el diseño de Web: pensar que las gráficas harán de nuestra página una página bien diseñada, atractiva e interesante. El uso excesivo de imágenes resulta en una página muy poco funcional y que lo primero que provoca es ahuyentar a nuestros usuarios. Por un lado si las gráficas no han sido correctamente optimizadas para Web, serán muy pesadas y tardarán mucho en visualizarse en el navegador. Otro gran problema es que las imágenes llegan a saturar el layout de nuestra página muy fácilmente.

http://colegiodonboscoinformatica.blogspot.mx/2011/05/principios-basicos-para-diseno-web.html