1. En 1997, David Siegel en Técnicas avanzadas para el diseño de páginas web distinguía 3 generaciones en el desarrollo de las interfaces de la WWW: • Webs de primera generación: o estructura lineal o eventual inserción de fotografías y líneas de separación o baja definición (proyectados para terminales ASCII en blanco y negro) • Webs de segunda generación: o iconos en vez de palabras subrayadas con azul o menú de opciones o fondos coloreados o con imágenes o bordes azules alrededor de las figuras interactivas • Webs de tercera generación: o hegemonía del diseño sobre la tecnología o utilización de metáforas o uso de un layout tipográfico y visual para la descripción de una página bidimensional o estructura entrada -área central- salida
2. Francisco Tosete Herranz en La experiencia del usuario resume en la siguiente imagen, en forma de rueda, todas las disciplinas implicadas en el diseño de sitios web: • arquitectura de la información: misión y objetivos estratégicos, clientes y sus expectativas, estudio sectorial/análisis competitivo, definición y organización de los contenidos, interacción, navegación, rotulado, búsqueda, prototipado, etc. • diseño de la interacción: definición de servicios, definición de las tareas, diagrama de interacción, storyboards, etc. • usabilidad: métodos de indagación, métodos de inspección, test de usabilidad, análisis de logs, etc. • accesibilidad: directrices y pautas de accesibilidad, test de accesibilidad, etc. • diseño de la información/diseño gráfico: aspectos y sensación, diseño de contenido/página, diseño de la interfaz, diseño artístico/creativo, etc. • programación y tecnologías: hardware/software, estándares web, etc.
3. Francisco Tosete fija el proceso de diseño de sitios web, en Arquitectura de la información: • Definición: abarca aspectos como la definición de la finalidad del web, objetivos, expectativas y necesidades de los usuarios, estudio del sector y definición de audiencias, identificación y recopilación del contenido, definición de los servicios y funcionalidades. • Estructuración: engloba todos los aspectos referidos al rotulado y organización de categorías; organización del sitio mediante un mapa, esquemas de organización y estructura de directorios; aspectos referentes a labuscabilidad como elección del motor de búsqueda y la política de indización de contenidos, metainformación y metaestructuras. • Producción: abarca las cuestiones referidas al prototipado como el diseño de prototipos y patrones, al estilo y diseño de la imagen gráfica, a los aspectos relacionados con la usabilidad y accesibilidad. Una vez lanzado el producto, se procederá al seguimiento y análisis mediante su posicionamiento en buscadores, feedback y medición de resultados
4. Este mismo autor, en Arquitectura de la información: fundamentos del diseño de sedes en la World Wide Web, establece los siguientes aspectos a tener en cuenta en el diseño de una sede web: • información: contenidos. • gestión: estructura, organización, esquemas. • disposición y presentación: acceso, búsqueda, recuperación y consultas.
5. DISEÑO DE LA ESTRUCTURA:establecer: • Los tipos de documentos que pueden entrar a formar parte del sistema • Los datos de identificación del documento: título, autor, descripción, localización, fecha de introducción, fecha de la última consulta, nivel de acceso, etc. • El formato de introducción del texto: estructuración del texto, posición de las páginas, modelo gráfico utilizado, etc. • El tipo de relación entre los documentos: normas que indican qué documentos pueden relacionarse, lugares dentro del documento en donde se deben encontrar esas relaciones (en todo el documento o en una parte del mismo), presentación visual de enlaces, etc. • El acceso a los documentos: recomendaciones para el uso del hipertexto en la búsqueda de información, etc.
6. DISEÑO DE LA PAGINA: Así pues, el diseño de la página y la disposición de los elementos dentro de ella para ser vistos en pantalla, son uno de los aspectos principales a la hora de diseñar el hiperdocumento. Las páginas deben tener un esquema ordenado y legible de un vistazo. He aquí dos ejemplos de disposición de página, la imagen de la izquierda muestra una página ilegible y desordenada, mientras que la imagen de la derecha, que sigue un esquema ordenado, facilita la navegación y comprensión del contenido.
7. En el diseño de una sitio web, podemos distinguir 2 aspectos diferenciados: • Diseño de la interfaz: para guiar al usuario por medio de un sistema visual e informativo adecuado. Para ello hay que disponer la interacción con metáforas, imágenes y conceptos que puedan transmitir significados a través de la pantalla del ordenador. Se debe elegir un modelo y conservar la integridad, uniformidad y coherencia de ese diseño a lo largo de todo el hiperdocumento. El diseño de la interfaz gráfica engloba conceptos y nociones provenientes de diferentes campos y disciplinas como el diseño gráfico, la informática, los sistemas audiovisuales, la psicología cognitiva, ergonomía, etc. • Diseño de las páginas: disposición de los elementos dentro de las páginas para ser vistos en pantalla, esquemas de contenido, tipografía, rotulado, títulos, disposición de las imágenes y del contenido multimedia, equilibrio entre el contenido textual y gráfico, y la sensación visual, etc.
