PLANIFICACION DE SITIOS WEB
24-11-2004
Autor: A.R.O.
© AleaClick.S.L.
Este documento plantea cuales son los principales aspectos de la planificacion de un sitio web. La finalidad es poder ofrecerle los elementos de juicio suficientes para decidir si esta teniendo un buen servicio a la hora de encargar un proyecto web.
En el capitulo dedicado a la Informacion expondremos la importancia de los contenidos y la mejor forma de mostrarlos segun su naturaleza.
En la seccion de Estructura podra averiguar los pasos basicos a considerar a la hora de diseñarle un sitio comodo para usted y sus usuarios.
En Tematicas analizamos los distintos enfoques que se le puede dar a su web para que se adecue a la tematica del sitio.
En Elementos puede ver qué herramientas de navegacion deberian considerarse para optimizar la usabilidad y la navegacion de su sitio unificando todos los conceptos anteriores.
Aunque lo primero que capta la atencion del usuario de una pagina web sean los elementos de diseño grafico, es la estructura y la informacion lo que hara que su web cumpla satisfactoriamente con los objetivos que usted plantee.
El abuso de graficos y animaciones ha sido señalado como la razon mas importante para explicar la quiebra de muchas .com durante la burbuja tecnologica. El diseño recargado es la causa mas importante de la desorientacion de los visitantes de una pagina y es conveniente usarlos con elegancia de forma que no distraigan del elemento principal del sitio: La Informacion.
Siendo, pues, la informacion el corazon de su pagina es logico pensar que la parte mas importante del diseño debe dedicarse al analisis de su organizacion. Cuando le planteen un proyecto web deben observarse los siguientes pasos:
- Division logica del contenido
- Organizacion de las Jerarquias
- Estructuracion de los enlaces entre unidades
- Construccion de la web conforme a la estructura decidida
- Evaluacion estetica y funcional
La division logica de la informacion a presentar debe considerar sobre todo la cantidad de contenido a ofrecer por cada pagina. Esta extension sera distinta dependiendo la orientacion del sitio web y condicionara los siguientes pasos del diseño. Dependiendo si esta mas interesado en informar o hacer reaccionar al usuario se debera escoger un formato u otro. En cualquier caso la division logica estara siempre supeditada a la cantidad de informacion que se vaya a exponer.
Una vez decidido que trozos de informacion hay que publicar se debe encontrar una jerarquia de forma que se puedan diferenciar por importancia. Esto nos dira que contenidos debe ir en que niveles de la web.
La estructuracion de enlaces es el diseño del arbol web con una idea clara de la informacion que debe ir en cada rama y en cada documento. En este punto se debe decidir la estructura de menus y submenus para hacer la navegabilidad optima para la funcion que queramos dar.
Una vez decidido todo lo anterior ya se puede empezar a construir el sitio siguiendo el plan previsto, sabiendo de antemano el numero de paginas totales y la profundidad del sitio, esto es, la distancia de la pagina mas profunda en num ero de clicks de raton.
Finalmente, la presentacion de la informacion debe ser valorada por los diseñadores, el cliente y algunos usuarios para comprobar que se ajusta a los objetivos definidos al principio del proyecto.
Hay 3 formas principales de estructurar un sitio web.
- En secuencias
- En jerarquia
- En telaraña
Las paginas ordenadas en secuencia es la tipica estructura de proceso de inscripcion. Una serie de pasos se van sucediendo segun se pasan paginas. Este tipo de ordenacion es muy adecuada tambien para exponer texto con un orden invariable como pudiera ser una novela. Otra aplicacion muy directa de esta modalidad de navegacion es la formacion por Internet (e-learning).
La ordenacion jerarquica tiene una estructura piramidal con mas o menos ramificaciones segun las secciones necesarias. Este tipo de ordenacion es tipico de grandes empresas e instituciones con diferentes divisiones que ofrecen distintos productos o servicios. Los usuarios suelen poder navegan muy intuitivamente por este tipo de sitios.
Los sitios en telaraña son sitios muy interconectados y con pocas restricciones en su organizacion. Son sitios enfocados a usuarios expertos que saben lo que buscan y como buscarlo en paginas que son complejas y, a veces, heterogeneas. Las paginas suelen tener una gran densidad de enlaces y accesibilidad inmediata a practicamente cualquier parte del sitio con un solo click del raton.
La tematica es un condicionante importante a la hora de escoger la estructura del sitio y por tanto, la forma en la que el usuario va a navegar por las paginas.
La dificultad estriba en saber predecir el tipo de usuario que se espera visitara el sitio web. Ello nos dira como exponer la informacion y el uso o abuso que podemos hacer de graficos. Una regla no escrita es que cuanto mas dentro en el sitio web menos graficos se deben poner pues se considera que ya se ha logrado centrar la atencion en el contenido de la pagina. La primera pagina sin embargo debe hacer un buen uso de graficos de forma que podamos despertar la curiosidad en aquellas secciones que mas nos interesen.
Analizaremos solo unos cuantos tipos para no extendernos demasiado en este punto.
Sitios de ocio y revistas.
Este tipo de sitios deben llamar la atencion con el uso de graficos
y textos cortos y llamativos. Lo que denominemos llamativo dependera
del tipo de informacion que provea el sitio. El diseño sera muy
distinto, por ejemplo, en una web de moda a una sobre literatura.
Comercio electronico.
Durante la burbuja de las punto-com muchas empresas inviertieron grandes
sumas de dinero en comercio electronico basandose en presentaciones
de video o animaciones de Macromedia Flash. El fracaso fue tan claro
como rapido. El punto central de estos sitios no son los efectos especiales
sino la presentacion lo mas exacta posible de todos los productos con
algun tipo de relacion con lo que busca el usuario. Esto puede parecer
contradictorio, de hecho lo es. He ahi la dificultad de hacer un buen
sitio de e-commerce, mostrar exactamente lo que busca el comprador ademas
de aquello que queramos vender.
Sitios de referencia.
Este tipo de sitios son enciclopedias on-line de temas concretos. En
ese sentido su uso debe ser, por tanto, muy parecido. Se debe facilitar
al usuario que tanto buscando o navegando por la pagina podra encontrar
de forma logica cualquier informacion que necesite.
- Paginas Principales
Es el punto de entrada a la pagina. Debe ser un indice atractivo sobre el contenido que se puede encontrar en el sitio web. - Menus
Los menus son el timon que tienen los usuarios para navegar por su web. Por ello debe ponerse especial atencion en poner todo lo importate y solo lo importante. La claridad es tambien critica para no confundir con conceptos excesivamente abstractos o evitar menus demasiado extensos que desanimen al usuario. - Enlaces relacionados
Si bien normalmente uno esta interesado en mantener los usuarios en su pagina, las listas de enlaces externos pueden hacer su sitio atractivo como punto de informacion en la red sobre un determinado tema. - Mapa web
En paginas muy extensas es aconsejable añadir un mapa web que ayude a encontrar de forma sencilla cualquier seccion interior mediate una lista o indice. - Buscadores
Los buscadores estan convirtiendose cada vez mas en un elemento indispensable por el uso comun que tienen. Por otro lado un buscador poco trabajado puede tener un resultado contrario al deseado al no ofrecer adecuadamente el servicio que debiera. - Contacto
Es obvio que no todo el mundo se siente comodo usando internet para contactar con la organizacion que esta detras de un sitio web. La informacion de contacto no debe faltar en ningun caso. - FAQ
Frequently Asked Questions. Dudas mas frecuentes. Una seccion dedicada a explicar lo mas basico que introduzca al usuario al contenido de la web.