Desarrollo: Diseño: Estructura

La organización de la información es un tema clave para asegurar un buen funcionamiento de un sitio.

El primer elemento organizador son las páginas. Conviene incluir en cada una de ellas una unidad de información autónoma, completa. En el caso de que el volumen sea excesivo para ello, dividir esa unidad de información en subunidades más pequeñas, coherentes, completas cada una en sí misma. Una unidad de información es un tema o un subtema.

Las relaciones de las páginas entre sí configuran la estructura del sitio. A partir de la página principal o home page se vinculan mediante links el resto de las páginas. Esto es bastante sencillo de implementar en lenguaje HTML, pero es más complicado decidir de que manera, en qué orden, con qué configuración se establecerá la cadena de vínculos.

Ante todo hay que tener en cuenta que la estructura debe responder a los criterios de búsqueda. Hay que hacerse la pregunta acerca de ¿cómo se intentará encontrar esta información?. Los criterios " naturales" de clasificación pueden no ser adecuados. Por ejemplo, es común que quienes venden repuestos acomoden los mismos por tipo: juntas por aquí, poleas por allí, resortes de este lado. El usuario, a su vez, necesita el repuesto para una máquina o artefacto, marca, modelo, función del repuesto que busca. Los links y la estructura del sitio tendrán que tener en cuenta estas cuestiones.

El otro tema es que los usuarios reconocen las páginas de la Web utilizando como guía palabras clave colocadas en botones, barras de control, gráficos mapeados, o utilizadas como marcas de hipertexto; palabras que por su significado indican o sugieren el contenido de páginas a las que derivan. Es sabido que los significados de las palabras no son unívocos, y la ambigüedad puede ser un problema. El conocimiento de la cultura y usos lingüísticos del público nos será sin duda, de gran utilidad a la hora de elegir las palabras que se titularán nuestros botones o identificarán los links de derivación a otras páginas del sitio.

Hay que tener en cuenta que el usuario no tiene cómo saber la manera en que sigue la cadena de links más allá de las páginas a las que puede entrar directamente desde el lugar donde se encuentra. Que el usuario no encuentre la información buscada después de recorrer cuatro o cinco páginas encadenadas puede significar que el mismo abandone el sitio o la indeseada sensación de frustración que nos interesa evitar.

Un tema relacionado a éste es el de los mecanismos de identificación y de recorrido del sitio. Estos deberían permitir al usuario saber en todo momento el lugar o zona del sitio donde se encuentra, así como desplazarse hacia cualquier otra página sin necesidad de recorrer toda la cadena en sentido inverso. Los paneles de control son una buena ayuda.

Un Sitio es más creíble y legible cuando presenta consistencia en aspectos tales como tipo de letra utilizado, fondos y, en general, la distribución de los distintos elementos en la pantalla. En cada una de las pantallas debe haber una presencia sólida. Todo lo que ayude a una coherencia visual y de trabajo será en beneficio del navegante y, por ende, del Sitio.

Diseño del Sitio

Estos son los principales puntos a tener en cuenta:

	Tipografía
	El tamaño de la tipografía debe ser adecuado para ser leído sin dificultad aun en computadoras configuradas con altas resoluciones de pantalla. Es importante jerarquizar los títulos, subtítulos, manteniendo la coherencia de los estilos en todo el sitio. Para eso es una buena ayuda escribir una pequeña norma que establezca el tamaño relativo de la tipografía para cada categoría de títulos y subtítulos, así como si éstos van centrados, alineados, etc. El color del texto no debe confundirse con el fondo de la página como así tampoco debe cansar a la vista.
	Textura de fondo
	Evitar el uso de imágenes de fondo en las páginas. Si se usan hay que tener mucho cuidado. No deben tener un dibujo excesivamente nítido que perjudique la lectura. Tampoco es conveniente que sean motivos muy contrastados (contornos claros y oscuros), ya que se verán mal tanto los textos oscuros como los claros.
	Imágenes
	Las imágenes deben ocupar el menor tamaño posible. Es muy importante reducir al mínimo la cantidad de colores de los gráficos. Hay que tratar de repetir los iconos y las imágenes tantas veces sea posible, esto se debe a que el browser lee los gráficos de la memoria caché cuando se ingresa a una página. Muy importante: El tamaño de las imágenes influye en la velocidad en que se carga la página.
	Diseño monótono
	Algunos expertos recomiendan re-diseñar el Sitio cada seis meses. Esto proyecta una imagen de cambio y da la sensación de que el Sitio se encuentra en constante actualización.
	Coherencia visual
	La coherencia visual ayuda en ese sentido. Un sitio en el que cada página tiene un fondo diferente, varían los iconos y cambian otros componentes de la composición visual, desconcierta al usuario, que no sabe si está en el mismo Sitio o si el último enlace lo llevó al otro extremo del mundo.

Enlaces recomendados

	Maestros del Web http://www.maestrosdelweb.com
	Foros del Web http://www.forosdelweb.com
	Web Estilo http://www.webestilo.com
	Mr Devy http://www.mrdevy.com
	Developy http://www.developy.com
	Desarrollo Web http://www.desarrolloweb.com