Para el éxito rotundo en Internet no basta con que un sitio Web sea visualmente atractivo. Es necesario que un sitio responda a un buen nivel de navegabilidad, lo que significa que debe ofrecer una navegación placentera para los usuarios. Además, debe tener la mayor usabilidad posible: debe poder ser navegado por el máximo de personas en todo contexto. Para que un sitio Web sea navegable los diseñadores Web tienen en cuenta aspectos del diseño gráfico articulados con aspectos de programación y otras cuestiones técnicas y de este modo pueden garantizar el desarrollo de un sitio de visualización rápida y de fácil navegación. Presentamos los criterios básicos a considerar para obtener un sitio Web navegable:

Seguir un estándar

Un sitio Web se visualiza correctamente en la mayoría de los navegadores si sigue la orientación de los estándares establecidos por la W3C, es decir, si respeta las pautas para el desarrollo de sitios Web. La recomendación fundamental es separar estructura del texto -en HTML o XHTML- de presentación visual -en CSS u otro lenguaje de estilo-. La organización W3C ofrece pautas claras para una efectiva construcción Web.

Validar los contenidos y la presentación

Es preciso emplear los programas validadores ofrecidos por la W3C (gratuitos) para corroborar que un sitio Web respeta las pautas necesarias para poder ser visualizado en todos los navegadores.

Utilizar los formatos adecuados para las imágenes

Las imágenes de un sitio Web deben tener el formato indicado, ya que de lo contrario el sitio demorará en cargarse y las imágenes tendrán mala calidad. Para las fotografías y las imágenes con gradientes y variaciones tonales se debe utilizar el formato JPEG, por su calidad y compresión. Para las imágenes de colores sólidos y líneas definidas se debe emplear el formato GIF.

Usar pocos gráficos

Cuantos más gráficos se incluyan en un sitio Web, más tardará éste en cargarse, por ello es recomendable emplear sólo los gráficos necesarios (aquellos que cumplen una función).

Controlar el tamaño de las imágenes

Las imágenes muy pesadas, es decir, de gran tamaño, aumentan enormemente el tiempo de carga de un sitio. Es fundamental que un sitio se cargue rápidamente ya que los usuarios no esperan más que unos segundos. Para agilizar la carga el tamaño total de las imágenes debe ser inferior a 50 Kbs.

Utilizar la carga progresiva

Para retener a los usuarios es ideal emplear el sistema de carga progresiva de gráficos. De esta manera, las imágenes se comienzan a ver aún cuando el sitio está cargándose.

Emplear tamaños porcentuales

Es preciso evitar diseñar con tamaños fijos, ya que esto genera inconvenientes en la visualización desde distintos dispositivos. Al diseñar con tamaños con porcentajes un sitio Web se visualizará adecuadamente en todo equipo.

Emplear parcialmente Flash o JavaScript

Estas tecnologías se emplean para agregar dinamismo a las presentaciones de los sitios web: animaciones, video y sonido. Aún cuando los navegadores más populares pueden interpretar estas tecnologías, muchas veces están desactivadas, y por ende, los usuarios no pueden ver las animaciones. Para evitar problemas en la visualización de un sitio, se recomienda, entonces, emplear Flash o JavaScript sólo en forma reducida.

Diseñar un sistema de navegación

El diseñador Web emplea distintos elementos para hacer de un sitio Web una estructura de fácil navegación. Algunos de ellos son:

Estructura general: cada página de un sitio debe contar con una estructura definida que guíe a los usuarios en el recorrido. Es fundamental presentar visiblemente los hipervínculos a las diferentes páginas (generalmente se emplean botones).

Barra de navegación: la barra de navegación es el instrumento que le permite a los usuarios buscar la información que desean dentro de un sitio Web. Muchas veces incluye categorías de búsqueda predeterminadas.

Íconos con texto alternativo: todos los íconos de un sitio Web deben tener una descripción textual, dado que muchas veces el público usuario no tiene activada la opción de gráficos y se puede dificultar, por ende, la navegación.

Elementos repetidos y regreso: es fundamental que los hipervínculos estén ubicados en diferentes partes de cada página, al principio y al final, para facilitar la navegación. En las páginas extensas hay que incluir un enlace que permita regresar al comienzo. También se debe incluirán botón para volver a la página principal.