Informatik Colpre Jennifer....: Sitio Web.

Interactividad en un Sitio Web una sede web tendría que contar son los siguientes componentes:

· definición de la sede: misión, objetivos y estrategias. ¿Cuáles son la razones que tiene la organización para producirla? ¿Por qué está aquí el usuario?

· gestión de los contenidos: identificación, recopilación, selección, producción, mantenimiento y actualización de los contenidos. El contenido es la base de la sede, los usuarios acceden a la sede por el contenido o por los servicios. Para este autor, la clave del sitio web está en potenciar los contenidos, debe haber como mínimo un 30% de espacio en la web dedicado a contenidos.

· sistemas de navegación: para facilitar el desplazamiento por la sede y el acceso a los contenidos. La Web es interacción, movimiento, acción, toma de decisiones y asimilación. Un sistema de navegación evita la desorientación y el desbordamiento cognitivo. Hay que dotar al sistema de consistencia, predecibilidad y retroactividad.

· sistemas de rotulado: su función es representar, describir y transmitir de forma sintética los contenidos. Los rótulos deben ser concisos y significativos para que el usuario comprenda con claridad y rapidez la información que hay detrás de ellos para tomar una decisión. El lenguaje ha de ser próximo al usuario, por eso surge una tensión entre los lenguajes controlados (lenguajes de clasificación jerárquicos/ facetados, tesauros) y los lenguajes naturales. El sistema de rotulado también se ocupa de los microcontenidos, metadatos y marcado.

· sistemas de búsqueda: par facilitar la exploración, el acceso y la recuperación de información. Permiten expresar las consultas en lenguaje natural y acceder a los contenidos sin navegar por un gran número de seccione intermedias. Son complementarios y nos sustitutivos de la navegación. Para diseñarlos hay que tener en cuenta las características del motor de búsqueda (operadores, capacidades de indización, personalización, funciones de feedback y ayuda automática), el tipo de indización de los contenidos y la presentación de los resultados.

Así pues, antes de elaborar cualquier sitio web, es preciso seguir un plan ordenado. Se pueden establecer las siguientes etapas para el diseño Web:

· Delimitación del tema: de qué va a tratar el sitio web. Delimitación de contenidos.

· Recolección de la información: recopilar y seleccionar la información que se va a incluir.

· Agregación: hacer un balance equilibrado entre linealidad y jerarquización. Creación de páginas, nodos, secciones y subsecciones.

· Estructuración de los contenidos: unión de los diferentes nodos y páginas teniendo en cuenta la jerarquización y ordenación de los contenidos. Creación de nodos de metainformación sobre otros nodos y enlaces que permitan la estructuración horizontal y vertical. Creación de la página inicial y de las páginas principales. En esta etapa se definen tanto las estructuras jerárquicas y horizontales, como las taxonomías y esquemas de clasificación.

· Creación de los sistemas de navegación y búsqueda: creación de páginas guía, ayudas a la navegación, tablas de contenido, índices, sumarios, mapas de navegación, glosarios, páginas de búsqueda, uso de iconos y barras de navegación, utilización de metáforas, etc. accesibles desde cualquier otra página del sitio web.

· Diseño y estilo gráfico: estilos y formatos textuales, coherencia gráfica, diseño de fondos y distribución de los elementos dentro de la página, inclusión de material multimedia, cantidad y tamaño de las imágenes, etc. Dar homogeneidad y coherencia a todo el sitio web. Utilizar metáforas orgánicas, funcionales y visuales.

· Ensamblaje final: últimos enlaces, diseño de portadas y estilos gráficos, logotipos, enlaces sobre autoría, contacto, fechas de creación o de actualizaciones, etc.

· Evaluación y test de uso: comprobación del funcionamiento, vínculos y páginas rotas, usabilidad, accesibilidad, últimos ajustes, etc.

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 lapantalla 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.

El proceso de diseño del sitio web abarca muchos y diferentes aspectos como son:

· Estructuración del conocimiento: delimitar el ámbito disciplinar, corpus de conocimiento y tema sobre el que vamos a tratar de acuerdo con el fin perseguido: informar, investigar, educar, vender, etc. La estructuración del conocimiento en la web permite convertir la tradicional estructura secuencial en una estructura multisecuencial, por tanto, se atenderá pues más a las relaciones entre conocimientos que a la información aislada.

· Estructuración de la información: para ello se debe fragmentar la información en nodos que posteriormente se organizarán estableciendo distintas categorías que atiendan a diferentes aspectos: relaciones jerárquicas, cronológicas, secuenciales, espaciales, etc. Además de los nodos, se precisa la creación de metanodos con información sobre otros nodos: sumarios, índices, tablas de contenido, etc. Para esta fase es muy útil la utilización de mapas conceptuales, no sólo para el diseño, sino con el fin de integrarlos dentro del propio hipertexto a modo de mapa de navegación junto a otras herramientas de navegación. Una de las ventajas que ofrece el hipertexto es la posibilidad de organizar la información de más de una forma, dejando al usuario la elección de en qué modo acceder a ella, por lo tanto, se pueden conjugar varios criterios de organización y ofrecer al usuario distintas formas de acceso para que elija la forma que le sea más cómoda o la más adecuada para los fines que persigue. La web permite una estructuración de la información modular y descentralizada que por medio de los enlaces se podrán conexionar a otros módulos, atendiendo a diferentes perspectivas.

· Planteamiento general del diseño: hay que utilizar criterios de accesibilidad, plantearse el tipo servicios y funcionalidades que se van a ofrecer y con qué fin, y cómo se van a presentar al usuario, es decir, diseñar su usabilidad. La finalidad del sitio web debe condicionar la interfaz para adaptarse a las expectativas del usuario (un sitio de ocio no puede tener un diseño serio, poco atractivo y aburrido), pero la interfaz debe ser, ante todo, funcional.

· Organizar la información: hay que dotar al sitio de una buena organización para que el usuario pueda localizar lo que busca de la forma más fácil, clara e intuitiva posible. Se deben crear tablas de contenido, índices, diferentes secciones con títulos significativos, etc. Hay que simplificar el contenido y no mezclar varios temas en una misma página, jerarquizar la información no sólo dentro del propio hipertexto, sino dentro de la propia página colocando la información más importante en las ramas superiores o en la parte superior de la página dejando la información complementaria o más detallada para el final o para las ramas más bajas, agrupar las opciones importantes en la misma página, no ampliar el número de opciones en cada nivel hasta la extenuación. La organización de la información debe anticiparse en todo momento a los deseos del usuario y a las tareas más frecuentes para que el usuario llegue antes a ellas.

· Tipos de información e interfaz de usuario: disposición de la página en la pantalla (utilización de marcos o frames, distribución de los contenidos, colores, fondos, presencia de logotipos, etc.); elementos textuales (determinar la amplitud de cada uno de ellos, selección de la información, palabras clave, enlaces, formatos y estilos de letra); selección y elaboración de gráficos; inclusión y uso de audio, vídeo y animaciones; selección de iconos, botones, barras de menús; presencia de campos de ayuda para la orientación del usuario, etc.

· Interrelación entre la información: estructuración de los nodos de texto, audio, vídeo e interconexión de todas estas morfologías para convertir el hipertexto en hipermedia; establecimiento de enlaces entre documentos, partes de documentos, fragmentos de información, etc. dentro del propio documento y fuera de él.

· Creación de un sistema de navegación: que posibilite una navegación simple, intuitiva, consistente, transparente y flexible. Se trata de interrelacionar la información y la interfaz. Se pueden elaborar una gran número de herramientas que ayuden a la navegación en forma de botones, barras de navegación, uso de metáforas, mapas sensibles, FAQ o Preguntas más frecuentes (Frequently Asked Question) que faciliten la navegación y la hagan comprensible. Todas estas herramientas son imprescindibles si se trata de documentos largos y complejos en los que el peligro de pérdida del contexto aumenta cuando el usuario se aleja de la página principal y se adentra por las ramas inferiores de una estructura profunda o demasiado amplia.

· Creación de un sistema de búsqueda y recuperación: Para ello es necesario el uso de herramientas de representación de la información

El lenguaje para programar páginas, el HTML, es, en sí mismo, estático. Para convertirlo en una experiencia interactiva, han surgido lenguajes específicos de programación para la Web, los cuales podemos diferenciarlos en dos tipos:

1. Los que trabajan del lado del cliente (en el navegador del usuario).

2. Los que trabajan en el servidor (donde está alojada la página).

Cada uno posee sus ventajas y sus desventajas. Y a la hora de programar hay que tener en cuenta esta clasificación para algunas situaciones. Por ejemplo, si nosotros queremos mostrar la hora actual en nuestra página e incluimos un programa del lado del servidor, lo que veremos es la hora local en la ubicación del servidor que seguramente no es la misma hora del usuario (que generalmente están a unos miles de kilómetros de distancia). Una de las grandes ventajas de la programación en el servidor es que es casi invisible a los ojos del usuario.

. La programación en el servidor es mucho más potente ya que no estamos dependiendo del poder de procesamiento la computadora que posea el usuario que está visualizando la página.

Características de el diseño de un Sitio Web

una sede web tendría que contar son los siguientes componentes: