Resumen Diseño

NAVEGACION
En un sitio web, un conjunto fértil de enlaces y elementos gráficos para la navegación atraerá la atención del usuario, desplazándola de los botones de navegación incorporados en el propio navegador hacia los contenidos internos de la web.
Transmitir el contexto al usuario: Un usuario necesita generalmente situarse dentro de un contexto, encontrar su lugar dentro de una estructura de información. Toda página web debe proporcionar al usuario las claves necesarias para situarse en contexto y ofrecer pistas acerca de la estructura u organización de la información.
Si los botones estándar de os navegadores “Anterior” y “Siguiente” se complementan con lo botones “Página anterior” y “Página siguiente” en la propia página web, el usuario tendrá herramientas de navegación a través de los contenidos de la web, ordenados según se hayan dispuesto. Una barra de botones puede además contener información de donde te encuentras, ala manera en que lo hacen los libros en papel con sus cabeceras.
Enlaces fijos frente a relativos: En navegadores tan comunes como Netscape Navigator y Microsoft Internet Explores, cuya función se dirige a las páginas que se han visitado con anterioridad, los botones “Página anterior” y “Página siguiente” de un documento son enlaces fijos dirigidos hacia documentos asociados. Estos botones no impiden que el usuario acceda a la información en el orden que el mismo establezca, pero si le permiten, si lo desea, seguir el orden establecido por el diseñador. Las barras de botones son el lugar más lógico donde situar también los enlaces hacia la página principal o hacia otras páginas menú relacionadas con dicha página.
Diseño del sitio

El diseño del sitio determinará su marco de organización, el principio fundamental de organización en el diseño de un sitio web es conocer bien las necesidades del usuario; a la mayoría de navegantes les importa un comino saber cómo se organiza la empresa, y se echarán atrás si ésta es la única información que se ofrece.
Organizando la información
Una web no funcionará sin unos fundamentos sólidos y lógicos de la organización aunque los contenidos básicos sean precisos, atractivos y bien escritos. La manera como la gente busca y usa información de referencia también sugiere que unidades de información más pequeñas y mesuradas funcionan mejor y son más manejables que textos largos y uniformes. Hay 5 pasos esenciales en la organización de la información:
· Dividir el contenido en unidades lógicas
· Establecer una jerarquía de importancia entre las unidades
· Utilizar la jerarquía para estructurar los vínculos entre unidades
· Construir n sitio que siga de cerca la estructura de información propuesta
· Analizar el éxito funcional y estético del sistema.
Esta manera de presentar la información en la Red es válida por varias razones:
· Pocos usuarios de la Red permanecen largo tiempo leyendo largos párrafos de texo en la pantalla.
· Un troceado moderado de la información conduce, por si mismo, a la utilización de enlaces. La dimensión máxima para una correcta participación de la información en la red seria lo correspondiente a una o dos paginas impresas en papel.
· Trocear la información puede facilitar su organización y exposición de manera uniforme.
· Fragmentos sintéticos de información encajan mejor en la pantalla de un monitor, pues no hay espacio para visualizar grandes documentos.
El concepto de trocear la información debe ser flexible y consistente, con sentido común, con una organización lógica y conveniente. Deja que la naturaleza de los contenidos sea la que sugiera cómo deben subdividirse y estructurarse.
Jerarquía de importancia. En la red, una organización jerárquica es virtualmente una necesidad.
Una vez determinado un conjunto lógico de prioridades, se puede edificar la jerarquía desde los conceptos más importantes o generales hasta los temas más específicos o detallados.
Relaciones. Al enfrentarse a un nuevo y complejo sistema de información, el usuario construye su propio esquema mental; éste le sirve para evaluar las relaciones intertemáticas y para adivinar dónde encontrar lo que aún no ha visto.
Función. Una vez se ha creado la web, analiza su funcionalidad. Un diseño de web eficaz es el justo equilibrio en la relación que se genera entre las páginas menú y las páginas con contenidos específicos.
Estructura del sitio.
La red supone uno de los mayores retos en la manera de presentar la información – creando un orden lógico, interesante y comprensible para el usuario.
Estructura básica de la información.
Un sitio web se construye alrededor de unos temas estructurales básicos.
Básicamente existen cuatro maneras de estructurar un sitio web: secuencialmente, en retícula, jerárquicamente y en forma de telaraña.
Secuencias. La forma más sencilla de organizar la información es colocarla secuencialmente. Un orden secuencial puede darse a partir de una cronología, una serie lógica de temas desde lo más general a lo más específico. Una secuencia lineal es la organización más adecuada para sitios de formación o educativos.
Retículas (grids). Es la mejor manera de organizar muchos manuales de procedimiento, listados de cursos universitarios o descripciones de casos médicos. Para un buen resultado, las unidades individuales de la retícula deberán compartir una estructura de temas y subtemas extremadamente uniforme, haciendo comprensible al público la estructura general del conjunto. En general, los temas que se presentan así no poseen una jerarquía de importancia especial. Una forma ideal de organizar los contenidos en este tipo de estructuras son las bases de datos accesibles desde la Red, pues, en una base de datos bien diseñada, este tipo de organización en sus registros es consustancial. Este tipo de estructuras es más adecuado para usuarios experimentados, con conocimientos del tema que se trata y de su organización lógica.
Jerarquías. Una jerarquía en la información es la mejor manera de organizar cuerpos de contenidos complejos. Una estructura jerárquica también supone para el constructor de la web una eficaz disciplina en aras de una mayor aproximación analítica hacia los contenidos, pues sólo funciona si el material está bien organizado.
Telaraña (web). Las estructuras organizadas en forma de telaraña suponen pocas restricciones en cuanto a patrones en el uso de la información. Este modelo de organización se produce a partir de una gran densidad de enlaces, tanto hacia la información interna como hacia la externa en otras webs. A pesar de utilizar al máximo la capacidad de la Red en cuanto a su poder de vinculación y asociación, este tipo de estructuras pueden generar confusión con facilidad. Irónicamente, tal vez estos esquemas asociativos sean los menos apropiados para un sitio web, pues dificultan al usuario la predicción y comprensión de lo que se muestra.
TEMAS EN EL DISEÑO DEL SITIO
Toda forma de presentar la información está regida por unos parámetros determinados por los objetivos la logística práctica del medio que se escoge y el público al que va dirigido.
Las siguientes categorías en el uso de la Red –instruir, enseñar, autoformación o formación continua y referenciar- son típicas en contextos de redes internas –Intranets- corporativas o educativas donde el usuario accede con un propósito muy definido.
Instruir. Las aplicaciones web dirigidas a la instrucción en temas concretos tienden a presentar un diseño lineal. La mayoría de presentaciones destinadas a instruir asumen un tiempo de conexión de menos de una hora o, en su defecto, se trocean en sesiones de una hora o menos. Generalmente, este tipo de aplicaciones requiere un sistema de entrada (log-in) y se acompañan de tests de verdadero o falso o de opciones múltiples. La información de registro y resultados se almacenan generalmente en una base de datos vinculada al sitio web.
Enseñar. Una buena aplicación para la enseñanza se construye generalmente alrededor de una narrativa central fuerte, pero permite a menudo hacer paréntesis interesantes fuera del propio sitio web. Los enlaces son el aspecto más potente de la Red, pero muchas veces pueden construir una distracción que desvía a los usuarios del curso propuesto.
Formación continua. El público que desea seguir un curso de autoformación puede llegar a irritarse si la estrategia de diseño es demasiado restrictiva o lineal. Lo ideal para este tipo de usuarios será un diseño de la estructura flexible, no lineal e interactivo, pues es difícil predecir qué temas van a ser los que más interesen. El diseño debe facilitar un acceso ágil a todos los temas y ofrecer una diversidad de enlaces hacia material relacionado, tanto localmente como en la Red. El tiempo de conexión es, generalmente, imprevisible, pero siempre más corto que en los dos casos anteriores, ya que el usuario no dispone de mucho tiempo. La opción de imprimir el material es un requisito indispensable para este tipo de usuario.
Referencia. Un sitio web de referencia bien diseñado permitirá al usuario acceder a él, encontrar lo que busca e imprimir o descargar fácilmente lo que ha encontrado. La estructura de contenidos y menús debe organizarse cuidadosamente para que permita una gran agilidad en la búsqueda y recuperación de los resultados para facilitar la descarga de los archivos y su impresión en papel. El tiempo de conexión es generalmente corto y, cuanto más corto, mejor.
COMPONENTES DEL SITIO
Los sitios web pueden tener estilos, contenidos, organización y propósitos muy variados, pero los que tienen como prioridad actuar como fuentes de información comparten algunas características.
Páginas principales.
Todo sitio web se organiza a partir de una página principal que actúa como punto lógico de entrada a un sistema de páginas web. Todas las páginas subordinadas deberían contener un enlace directo hacia ella.
La página principal interpreta una gran diversidad de funciones, es la página ideal donde exponer noticias e informaciones de última hora. Su gran visibilidad la convierte en el lugar perfecto para colocar un menú de enlaces o una tabla de contenidos de la web.
Otros diseños la utilizan como primera oportunidad para conducir al público a una primera clasificación por temas o zonas de la web con un interés especial. A continuación describiremos las estrategias más corrientes para el diseño de una página principal:
Página principal como menú. Las listas de enlaces en forma de menú dominaron el diseño de la mayoría de las páginas principales en los primeros años de la existencia de la red, y lo siguen haciendo.
Página principal de noticias. Muchas organizaciones se aprovechan de la alta visibilidad de su página principal para ofrecer noticias tanto a sus empleados como al público en general. La información en vivo hace a la página principal más interesante y probablemente, facilita que el usuario repita su visita.
Página principal orientada. Es muy ventajoso utilizar la página principal para dividir inmediatamente al público en distintos grupos de interés, y así ofrecerles una información más concreta y relevante, acorde con sus intereses y dispuesta en páginas menú que lo dirigen, sin tantos preámbulos, a zonas más internas del sitio.
La portada. Para muchos usuarios, las portadas no son más que un fastidioso clic de ratón que los distancia de los contenidos que están buscando.
La clave está en evaluar el público que se tiene y, en función de ello, escoger el tipo de entrada que se desea. El éxito de estas páginas de bienvenida depende mucho de las expectativas particulares del usuario que vista la web.
Cualquiera de estos esquemas básicos puede dominar el diseño de una página principal, pero cada vez más, éstas se construyen como una mezcla compleja de las cuatro estrategias.
¿Gráficos o Texto?. En el momento de enfrentarnos al diseño de una página principal, lo primero será decidir la cantidad de elementos gráficos con que queremos “abarrotar” la página.
A pesar de que una utilización vigorosa de elementos gráficos puede ser muy efectiva para captar la atención del navegante, imponen un elevado tiempo de descarga, sobre todo para los usuarios que se conectan a internet vía modem o conexiones a la red de baja velocidad.
Esta disyuntiva entre una página principal de apariencia gráfica atractiva y descarga lenta y una página principal con una lista prosaica de enlaces en formato de texto pero de descarga ágil, refleja la necesidad de ajustarse a un público diversificado con distintas expectativas. El fin de la mayoría de webs está en poder transmitir información de carácter interno y en poder comunicarse con el potencial cliente o usuario general de la red.
La mejor manera de satisfacer al mismo tiempo tanto las necesidades de un usuario esporádico como las de uno muy específico que usa la web frecuentemente, es ofrecer opciones alternativas y simultáneas. Una forma de hacerlo es ofrecer dos tipos de página principal: una más orientada al público en general, que sea atractiva visualmente, y otra que ponga especial atención en un acceso rápido a los contenidos, con listas de enlaces en formato de texto.
Muchas webs colocan estas listas de enlaces en formato de texto pequeño junto a los pies de página, facilitando su acceso sin que interrumpan el diseño o composición general de la web.
MENÚS Y SUBWEBS.
A menos que manejes una web de tamaño reducido, necesitarás incluir submenús que sean accesibles desde tu página principal.
De esta forma puede decirse que las páginas de submenús se convierten en páginas principales alternativas para subwebs orientadas a un público muy concreto. Asegúrate también de incluir un enlace hacia la página principal general de toda la web.
LISTAS DE RECURSOS, PÁGINAS DE ENLACES.
Cuando alguien empieza el proceso de creación de una web, la primera página suele ser muchas veces una colección de enlaces preferidos a webs relacionadas con su profesión, industria o intereses. En una web empresarial o institucional, una página con enlaces a “otros sitios interesantes” bien editada y con un mantenimiento periódico, puede ser de gran valor, además de favorecer una considerable suma de vistas en busca de recursos.
INDICES DE MATERIAS, CONTENIDOS DEL SITIO, MAPAS DEL SITIO.
Los sitios web ofrecen escasas indicaciones explícitas de la profundidad y extensión de los contenidos.
Los índices de materias y de palabras clave de la información de la web son una manera relativamente sencilla de proporcionar una orientación clara de volumen, la organización y el contexto de los contenidos que se incluyen.
Los mapas de sitio aportan al usuario una visión general de los contenidos. La forma en que se presentan puede variar desde un diagrama jerárquico hasta posibles metáforas geográficas, pero todas ellas comparten las mismas limitaciones:
· Los mapas del sitio de webs complejas son, en el mejor de los casos, metáforas sencillas que esbozan los contornos entre lo que se instalan los contenidos de una web.
· Los mapas del sitio son, intrínsecamente, elementos gráficos, y por tanto, cuando decidas añadir o reorganizar la información, necesitarás dedicar más tiempo y esfuerzo para cambiarlos que si fuera una lista en formato de texto.
PÁGINA “NOVEDADES”.
Muchas webs requieren una actualización frecuente para que la información que presentan no se vuelva rancia. Pero la presencia de esta información no siempre es obvia para el usuario, a no ser que se haga el esfuerzo de señalarla de laguna forma.
La construcción de una página de “novedades” donde informar al usuario de las últimas actualizaciones realizadas a largo y ancho del sitio web.
BUSCADORES.
En sitios web de gran tamaño, las herramientas de búsqueda son una necesidad, e incluso es conveniente en los sitios que no son tan grandes pero tienen documentos muy extensos.
A pesar de ello, no debe considerarse utilización como sustituto de una organización clara de la navegación a través de menús o por palabras clave, se complementan uno a otro ninguno de los dos es válido por sí mismo.