Windows Mac Extras de Microsoft Navegadores

Sinopsis

L

a organización de la información es parte fundamental para un diseño funcional. Definir desde un principio todo el contenido ayudará posteriormente a jerarquizar la información dando como resultado un mayor conocimiento del proyecto y atender las necesidades específicas del mismo fijándose objetivos a corto o largo plazo.

La navegación fluida del sitio es importante, para ubicar al usuario dentro de la página, dándole importancia a ciertos contenidos o no. Para saber qué estructura es la mejor opción es necesario tener la información a la mano, por ello, esto es un proceso de recolección y organización de los contenidos

Arquitectura y organización del Contenido

L

a definición de los objetivos nos conlleva al siguiente paso: obtener la información necesaria para alcanzarlos. Hacer una lista detallada de la documentación existente y la faltante, nos ayudará en la estructuración de la información, por lo tanto, podremos llevar un calendario adecuado para el proyecto, evitando perder tiempo posteriormente.

Dentro de la organización del contenido se puede empezar a visualizar un poco la estructura de la página, debido a que aquí se definen los temas principales, subtemas y la información persistente en todo el sitio, también se define qué tipo de herramientas serán utilizadas, dependiendo del apoyo requerido por el contenido, como podrían ser animaciones, video, formularios, etc. Por ello es necesario conocer a fondo los contenidos del proyecto.

Para una rápida y fácil visualización de los contenidos y su jerarquía se puede realizar un mapa de sitio, como lo verán en la gráfica siguiente:

Estructura de la Navegación

A

l tener todo el contenido se procede a diseñar la estructura de navegación, ésta es básicamente un diagrama de flujo de la información. Existen cuatro estructuras de navegación, las cuales se verán una por una a continuación.

Secuencia

E

s la forma más simple de organizar la información, debido a que es completamente secuencial, generalmente es utilizada para contenidos educativos o presentaciones donde el contenido se va dando paso a paso.

Jerarquización

E

ste tipo de estructura consta básicamente de una página principal, a partir de ésta se va desglosando la información, dependiendo de su orden de importancia, generalmente es utilizado para proyectos institucionales

Retícula

Este tipo de navegación es una combinación entre la estructura secuencial y la de jerarquía, ordena la información categóricamente; es utilizada generalmente para uso académico.

Relación equipo usuario – diseño

A

ntes de empezar a diseñar el sitio se deben tener en cuenta algunas especificaciones técnicas sobre el equipo de nuestros usuarios, aquí se mostrará una breve lista de los puntos que no se deben olvidar.

1. Resolución del monitor

600 x 800 px

1024 x 768 px

1280 x 960 px

Actualmente se diseñan las páginas conforme a estos estándares, sin embargo, con el tiempo irán cambiando las medidas por la constante evolución de los equipos y mejora en los monitores.

2. Navegadores

Internet Explorer

Google Chorme

Mozilla

Cada navegador despliega la información según la reconoce, por ello es que hay ciertas variantes en la visualización dependiendo del navegador además de que algunos plug ins o java scripts no son compatibles con los diversos navegadores existentes en el mercado.

3. Velocidad de conexión

Módem

Banda Ancha

Es muy importante saber qué tipo de usuarios navegará el sitio, porque de eso depende la velocidad en la que descargarán las páginas, no hay que olvidar que si la mayoría de nuestros usuarios cuentan con módem, la visualización debe ser rápida o se corre el riesgo de que ya no visiten el sitio ó si los usuarios ingresarán a la página por medio de intranet o de su trabajo se tiene la libertad de no preocuparse tanto por el peso y tiempo de descarga.

4. Uso de plug ins

La especificación del uso de plug ins, es necesaria para la correcta visualización del sitio, señalada desde un principio.

Tipografía y legibilidad en la Web

L

egibilidad es la capacidad de definir y distinguir claramente los caracteres del alfabeto, mientras tanto que la comprensión se refiere al contenido del texto o párrafo. La compresión se encuentra ligada a la legibilidad, mientras más nítido sea el carácter y su entorno (color de fondo, interlineado, estilo de la tipografía, etc.), se logrará una mayor comprensión del contenido.

Muchas ocasiones se encuentran páginas donde el diseño experimental predomina, visualmente puede lucir estético, sin embargo, el contenido ha sido dejado a un lado. Habrá usuarios seguidores de éste tipo de sitios, así como aquellos que cambien rápidamente de página por no encontrar la información que desean, por ello es necesario estudiar el mercado, para saber exactamente hasta qué punto lo estético tiene un mayor peso que el contenido.

La legibilidad en pantalla e impresos difiere sustancialmente. En pantalla el usuario tiende a reducir el número de palabras que lee, esto se debe al cansancio producido por el monitor y a la gran competencia existente entre cada página, cada una debe llamar la atención del usuario pero sobre todo retenerla. Para lograr la retención hay unos puntos básicos a desarrollar en la mayoría de las páginas, uno de ellos es el uso de palabras claves destacadas, uso de subtítulos, párrafos pequeños y con una sola idea.

Tipografía en la Web

E

l mantener el control de la tipografía sobre el diseño Web resulta un poco difícil. Aunque se ha experimentado bastante en base a prueba y error, en una buena parte de las ocasiones no se sabe cómo se verá exactamente la tipografía debido al hecho de los diversos monitores y plataformas utilizados por los usuarios.

Uno de los aspectos importantes en la tipografía aplicada al diseño digital es el tipo: la selección en el uso de la serif o sans serif. En una publicación digital, cambian algunas de las reglas utilizadas en el diseño editorial, una de ellas es el uso de la tipografía serif como la mejor opción, esto se debe a que la tipo sin patines pierde menos calidad al ser trazada en píxeles, lo que da como resultado una mejor legibilidad.

...