Estructura de una web page

Las pginas web se han convertido en verdaderas obras de diseo grfico, multimedia e ingeniera informtica. Integracin de bases de datos, servicios online, inclusin de sofisticadas herramientas de bsqueda y recuperacin de informacin, dinamismo, usabilidad e interactividad, stas son las claves de las pginas web actuales. Ya no importa slo el contenido presentado, sino su diseo y, sobre todo, su funcionalidad. El diseo de pginas web distingua 3 generaciones en el desarrollo de las interfaces: Webs de primera generacin: 1- estructura lineal 2- eventual insercin de fotografas y lneas de separacin 3- baja definicin (proyectados para terminales ASCII en blanco y negro) Webs de segunda generacin: 1- iconos en vez de palabras subrayadas con azul 2- men de opciones 3- fondos coloreados o con imgenes 4- bordes azules alrededor de las figuras interactivas Webs de tercera generacin: 1- hegemona del diseo sobre la tecnologa 2- utilizacin de metforas 3- uso de un layout tipogrfico y visual para la descripcin de una pgina bidimensional 4- estructura entrada -rea central- salida

Webmaster
Los webmasters ya no son slo diseadores grficos, sino expertos informticos que han de conocer los nuevos lenguajes, dominar las nuevas herramientas de programacin, conectividad a base de datos, seguridad.

Hipertexto
El hipertexto ya no es una coleccin de textos enlazados, sino un espacio de intercambio de servicios de todo tipo: culturales, informativos, comerciales, sociales. Pero hay dos factores que destacan sobre los dems: su contenido y el diseo de la interfaz.

Todas las disciplinas implicadas en el diseo de sitios web:

1-arquitectura de la informacin: misin y objetivos estratgicos, clientes y sus expectativas, estudio sectorial/anlisis competitivo, definicin y organizacin de los contenidos, interaccin, navegacin, rotulado, bsqueda, prototipado. 2-diseo de la interaccin: definicin de servicios, definicin de las tareas, diagrama de interaccin, storyboards. 3-usabilidad: mtodos de indagacin, mtodos de inspeccin, test de usabilidad, anlisis de logs. 4-accesibilidad: directrices y pautas de accesibilidad, test de accesibilidad.

5-diseo de la informacin/diseo grfico: aspectos y sensacin, diseo de contenido/pgina, diseo de la interfaz, diseo artstico/creativo. 6-programacin y tecnologas: hardware/software, estndares web, etc.

El proceso de diseo de sitios web, en Arquitectura de la informacin:

1-Definicin: abarca aspectos como la definicin de la finalidad del web, objetivos, expectativas y necesidades de los usuarios, estudio del sector y definicin de audiencias, identificacin y recopilacin del contenido, definicin de los servicios y funcionalidades. 2- Estructuracin: engloba todos los aspectos referidos al rotulado y organizacin de categoras; organizacin del sitio mediante un mapa, esquemas de organizacin y estructura de directorios; aspectos referentes a la buscabilidad como eleccin del motor de bsqueda y la poltica de indizacin de contenidos, metainformacin y metaestructuras. 3- Produccin: abarca las cuestiones referidas al prototipado como el diseo de prototipos y patrones, al estilo y diseo de la imagen grfica, a los aspectos relacionados con la usabilidad y accesibilidad. Una vez lanzado el producto, se proceder al seguimiento y anlisis mediante su posicionamiento en buscadores, feedback y medicin de resultados y propuestas de rediseo.

Aspectos de tener en cuenta en el diseo web:

1-informacin: contenidos. 2- gestin: estructura, organizacin, esquemas. 3- disposicin y presentacin: acceso, bsqueda, recuperacin y consultas.

Etapas para el diseo Web:

1-Delimitacin del tema: de qu va a tratar el sitio web. Delimitacin de contenidos. 2-Recoleccin de la informacin: recopilar y seleccionar la informacin que se va a incluir. 3-Agregacin: hacer un balance equilibrado entre linealidad y jerarquizacin. Creacin de pginas, nodos, secciones y subsecciones. 4-Estructuracin de los contenidos: unin de los diferentes nodos y pginas teniendo en cuenta la jerarquizacin y ordenacin de los contenidos. Creacin de nodos de metainformacin sobre otros nodos y enlaces que permitan la estructuracin horizontal y vertical. Creacin de la pgina inicial y de las pginas principales. En esta etapa se definen tanto las estructuras jerrquicas y horizontales, como las taxonomas y esquemas de clasificacin. 5-Creacin de los sistemas de navegacin y bsqueda: creacin de pginas gua, ayudas a la navegacin, tablas de contenido, ndices, sumarios, mapas de navegacin, glosarios, pginas de bsqueda, uso de iconos y barras de navegacin, utilizacin de metforas, etc. accesibles desde cualquier otra pgina del sitio web.