15
IA GUIDE ¿Qué es la arquitectura de la información (IA)? Arquitectura de la información (IA) se refiere a la estructura u organización de su sitio web. En él se describen las formas en que las diferentes páginas de su sitio se relacionan entre sí y asegura que la información se organiza de una manera consistente y predecible en cada página. Se trata de medidas tales como: • Evaluar el contenido existente y necesario • La organización de las páginas • Proporcionar pistas para ayudar a utilizar el sitio de manera eficiente • El desarrollo de la navegación A través del proceso de desarrollo de su IA, va a crear un mapa del sitio de su contenido y desarrollará un bosquejo que los diseñadores y desarrolladores utilizará como guía para la construcción de su sitio web. La arquitectura intuitivamente organizados información le ayudará a asegurarse de que todas las fases de su desarrollo de sitios web sin problemas y eficientemente. En hecho, puede prevenir las alteraciones que requieren mucho tiempo y costosa para su diseño visual y el sitio de

IA GUIDE

Embed Size (px)

Citation preview

Page 1: IA GUIDE

IA GUIDE

¿Qué es la arquitectura de la información (IA)?

Arquitectura de la información (IA) se refiere a la estructura u organización de su sitio web.

En él se describen las formas en que las diferentes páginas de su sitio se relacionan entre sí y asegura que la información se organiza de una manera consistente y predecible en cada página.

Se trata de medidas tales como:

• Evaluar el contenido existente y necesario

• La organización de las páginas

• Proporcionar pistas para ayudar a utilizar el sitio de manera eficiente

• El desarrollo de la navegación

A través del proceso de desarrollo de su IA, va a crear un mapa del sitio de su contenido y desarrollará un bosquejo que los diseñadores y desarrolladores utilizará como guía para la construcción de su sitio web.

La arquitectura intuitivamente organizados información le ayudará a asegurarse de que todas las fases de su desarrollo de sitios web sin problemas y eficientemente.

En hecho, puede prevenir las alteraciones que requieren mucho tiempo y costosa para su diseño visual y el sitio de desarrollo mediante la identificación de las funciones requeridas, el número y ubicación de los enlaces de navegación y la colocación de contenido al principio del proceso.

Page 2: IA GUIDE

¿Cómo puedo crear una gran arquitectura de la información?

Paso 1. Definición de objetivos principales partes interesadas

En este primer paso, es necesario aclarar los objetivos de las principales partes interesadas, los cuales la unidad proyecto. Los principales interesados son las personas que dan el tono y los objetivos generales de un sitio web y dar aprobaciones requeridas en diversas etapas de desarrollo del sitio.

Definir sus objetivos incluye la identificación de los destinatarios, la determinación del propósito del sitio y el establecimiento de los requisitos funcionales. Usted puede comenzar haciendo las siguientes preguntas:

¿Quiénes son los principales públicos con los que las principales partes interesadas desean comunicar? Sea específico.

Pídales dar prioridad a estas audiencias de la siguiente manera:

• Primaria: Las audiencias que serán el enfoque principal de su sitio. Usted optimizará el sitio para ellos.

• Secundario: El público que son importantes, pero no crítico.

¿Cuáles son las expectativas de las principales partes interesadas en la creación o rediseño de este sitio?

Paso 2. La identificación de los objetivos de los usuarios y las expectativas

Aunque sea difícil de imaginar, fingir que no sabe nada acerca de su oficina y usted es un visitante que busca información en la página web de su departamento.

El objetivo final del diseño web eficaz es el de organizar su sitio para que se anticipa necesidades de los usuarios y las expectativas (no podemos enfatizar esto lo suficiente). Para lograr esto se debe organizar información de la etiqueta y la forma en que su público objetivo espera verlo.

Con demasiada frecuencia los creadores de organizar sus páginas para reflejar la estructura de su departamento u oficina y no de acuerdo a las necesidades de los usuarios. Confiar únicamente en un carta personal de organización para explicar a quién contactar para lo que supone que el visitante ya conoce las responsabilidades de cada miembro del personal.

Page 3: IA GUIDE

Para entender verdaderamente sus objetivos y expectativas de los usuarios, usted debe encontrar un amplio muestreo de los usuarios que son miembros de su público objetivo y entrevistarlos. Esto le permitirá determinar sus objetivos y las expectativas directamente.

Si sólo uno o dos usuarios están disponibles para la entrevista, su retroalimentación puede ayudar a representar a su público más amplio. Sin embargo, tendrá que imaginar las características y objetivos de otros usuarios para tener un buen muestreo para referirse a más tarde.

Paso 3. Definición de áreas de contenido de su sitio

Definición de sus áreas de contenido le ayudará a desarrollar su estructura de navegación.

Este paso se realiza mejor en un grupo de tres a cinco personas para que cada persona pueda representan los perfiles de uno o dos de sus hojas de datos de usuario.

En primer lugar, analizar el contenido que ya tiene - ya sea en forma impresa o en la Web – y decidir qué piezas hay que añadir a su sitio nuevo, actualizado o desechados. Mantener o actualizar sólo el contenido que sea útil para los usuarios.

Paso 4. La organización de las áreas de contenido

En este paso, va a organizar los contenidos temáticos recogidos en la lluvia de ideas.

Estos grupos se dará nombres temporales que posteriormente se refina para convertirse en los elementos del menú de navegación.

Esta actividad le ayudará grupo y etiquetar sus áreas de contenido para que su navegación será más intuitivo para los usuarios.

Antes de comenzar, puede ser útil revisar la estructura principal y de la sección de el mismo tipo de sitio que le resulte fácil de usar. Usted puede utilizar este sitio como una guía está organizando el contenido del sitio y la navegación.

Page 4: IA GUIDE

Paso 5. La creación del mapa del sitio

Ahora ya está listo para crear y validar el mapa del sitio (una representación visual de las áreas de contenido).

Tome sus categorías de contenido y crear un mapa de sitio como el que se muestra a continuación. Una vez haya terminado, usted debe probar este mapa sitio pidiendo a los usuarios de su objetivo público si ellos encuentran su estructura lógica. Realizar los ajustes necesarios.

Paso 6. Esbozando su estructura de navegación

Los elementos de navegación de su sitio no deben apuntar a otros sitios, ni deben apuntan a Acrobat (. pdf) archivos, documentos de Microsoft Office u otros archivos no HTML.

Hacer esto puede ser desorientador para el visitante del sitio y puede ser problemático para los con conexiones lentas.

Los enlaces a otros sitios y documentos deben ser coloca en su área de contenido central. Alternativamente, se pueden colocar en los "puntos destacados" o "enlaces relacionados" áreas de la página.

Una analogía útil para la buena navegación es pensar en los menús / submenús de su sitio como si fueran la tabla de contenidos de un libro de texto. La tabla de contenido no debe ser lleno de elementos que hacen no describen las principales áreas de contenido del libro.

Por lo tanto, la navegación principal de su sitio debe no incluir enlaces a páginas fuera de su sitio, documentos descargables o direcciones de correo electrónico.

Adición de una barra de navegación horizontal

Si el número de sus enlaces de navegación es más de 20, puede que sea necesario colocar las principales partidas del área de contenido en una barra de navegación horizontal y la subpágina navegación en la columna vertical, como se muestra en la Ilustración 4 en la página siguiente.

Usted debe tratar de mantener el número de enlaces de navegación principales en una barra horizontal a seis o menos para evitar el desorden visual.

Page 5: IA GUIDE

Adición de navegación audiencia

Si su sitio es muy grande - más de 100 páginas podría considerar agregando otro nivel de navegación. Esta navegación se vinculará directamente a la vista general páginas que contienen contenido breve introducción dirigida a cada uno de clave de su sitio audiencias. Estas páginas audiencia deben dirigir a los usuarios del sitio para el contenido relevante en otro lugar en el sitio, en lugar de duplicar el contenido. Esto es importante por tres razones:

• Actualización de contenido duplicado crea más trabajo.

• La información puede actualizarse en un solo lugar y puede entrar en conflicto con

Versiones en otros lugares.

• Cada elemento de contenido debe ser colocado en una lógica "casa", por lo que se puede encontrar fácilmente de nuevo.

Estos enlaces audiencia deben agruparse por separado en su sección tema cabeceras. Si decide navegación horizontal para los enlaces de su audiencia, debe tener seis o menos enlaces.

Paso 7. Etiquetado de las áreas de contenido

Es importante dar a las etiquetas precisas y significativas a las áreas de contenido. Usuarios hacen clic en las palabras, por lo que las palabras deben tener sentido. Pruebe su nomenclatura por mostrar a la gente el sistema de navegación le indica en el paso 6.

Tener en mente que las etiquetas deben ser breves (no más de tres palabras) y directo y en consonancia con el tono deseado. Los usuarios tienen la esperanza de encontrar la información rápidamente y no quiero tener que descifrar el significado de sus enlaces o lea oraciones completas.

Page 6: IA GUIDE

Paso 8. La creación de wireframes

Un wireframe es un bosquejo o plan que mejor represente cómo las áreas de una página se organizarán.

Es importante que usted use sus wireframes como guías cuando colaboran con los diseñadores y desarrolladores. Esto ayudará asegurarse de que su arquitectura de la información no está revisado inadvertidamente u oscurecidos después, durante los procesos de diseño y desarrollo.

¿Qué será lo próximo?

Ahora ha desarrollado la arquitectura de la información para su sitio. Es posible que necesite para analizar y modificar esta arquitectura como usted continúa trabajando en su sitio, pero deben servir como guía para el resto del proceso. Trabajar con diseñadores visuales, escritores y personal técnico para ayudarle con el resto de las fases del desarrollo de su sitio web:

- Definir el alcance del proyecto, escribir el contenido, crear o modificar la visual diseño y construcción del sitio. En las secciones siguientes de este esquema del documento normas y requisitos que pueden ser utilizados como guías para todas estas fases.

Sigue pensando en sus objetivos principales partes interesadas y la información grabada en sus hojas de datos de los usuarios a medida que probar sus suposiciones a través del resto de su proceso de desarrollo del sitio. Tan a menudo como sea posible, probar la eficacia de su sitio de decisiones visuales de diseño, contenido y programación con los miembros de su objetivo audiencias.

Estándares de arquitectura de la información

El propósito de la arquitectura de la información es la creación de una organización para el sitio contenido que sea tan intuitiva y fácil para sus visitantes usar como sea posible. Para lograr este objetivo se debe ir mejorando su sitio para que los visitantes sepan donde están en todo momento, pueden encontrar lo que buscan, y se comportan elementos interactivos constantemente, de modo que los usuarios pueden predecir lo que ocurrirá al hacer clic en un elemento.

Page 7: IA GUIDE

Convenciones de nombres

Tener una convención de nomenclatura lógica ayuda a los visitantes saber dónde están y cómo regresar.

Esta convención de nomenclatura es especialmente importante para las subpáginas. No todos los visitantes comienzan a partir de la página de inicio, por lo que las subpáginas que proporcionar algún contexto, también.

Diseño visual

Más opciones no siempre son mejores. Las páginas deben permanecer despejadas para permitir al visitante a explorar rápidamente la información pertinente y planificar el siguiente clic.

Convenios de contenido de localización

Poner la información general sobre las páginas de introducción y detalles sobre las subpáginas.

Si tiene que llamar la atención especial a un tema de varios niveles detallados abajo, utilice un hipervínculo en el área de contenido.

Título del sitio

Asegúrese de tener el título de su sitio un lugar prominente en la parte superior de cada página de su sitio con el fin de ayudar a los visitantes saber dónde están. El nombre del sitio por lo general se encuentra en el mismo lugar en cada página. Sin embargo, puede ser más grandes y / o colocado en un lugar diferente en su página de inicio. Por lo general se utiliza como un hotlink volver a la página principal del sitio, también.

Navegación

Use palabras sencillas, en un solo frases de tres palabras, para su navegación títulos de enlace.

Los estudios de usabilidad han demostrado que las personas procesan la información en listas más cortas más rápida y efectiva, lo que es mejor para limitar el número de elementos de menú en la navegación a seis o menos.

Page 8: IA GUIDE

La creación de contenido

Su contenido es la razón de los visitantes llegan a su sitio - y siguen regresando.

Dado el tiempo suficiente para prepararse, su prosa y las imágenes pueden ser brillantes, útiles y motivadoras. Mientras que el contenido se define a menudo como texto, es importante recordar que incluye los elementos visuales del sitio también.

La planificación para la creación de contenidos

Hemos encontrado que en la página web de "diseño" proceso, el contenido es a menudo una idea de último momento. Con frecuencia, el proceso de contenido sólo se inicia cuando los grandes espacios en blanco en las páginas se hacen evidentes. Esto no sólo puede retrasar la entrega del sitio, pero puede afectar a la calidad de su sitio. Cuando el proceso de contenido se precipitó, se escriben a menudo sin considerar cuidadosamente los objetivos de los usuarios del sitio y los intereses.

La consistencia es la clave

Cada página de la información debe dar la impresión de que su grupo está hablando con una sola voz. Esto incluye la referencia a su grupo ya sea en primera persona o tercera voz, pero no ambos.

Usar estructuras de oraciones coherentes y organizar listas de enlaces en formas paralelas de página a página. Esto ayudará a los visitantes familiarizarse con la forma en que se comunica su información, y que no tendrán que volver a aprender la lógica de su sitio de sección a sección.

Utilizando la gramática y la ortografía también es compatible con este sentido de coherencia.

Evite el uso de cursiva y las letras de todos los capitales en grandes bloques de texto o como etiquetas de menú o títulos de las secciones. Estos son difíciles de leer y no puede imprimir claramente.

Page 9: IA GUIDE

Más corto es mejor

Mantenga las oraciones y párrafos cortos. Debido a que su monitor de la computadora es retro iluminada, leer contenido en la Web es más difícil que leer el material impreso. Texto es más corto siempre es más fácil de leer, sobre todo en sus páginas principales.

Trate de limitar la longitud vertical de sus páginas a una sola pantalla. Los usuarios no siempre saben que pueden desplazarse hacia abajo.

Si usted tiene una gran cantidad de contenido en una página, trate de editar o hacia abajo dividirlo en páginas secundarias. Para las páginas que deben tener un texto más largo, trate de romper el texto con fotografías, viñetas o líneas horizontales con subtítulos. Los visitantes pueden encontrar la información que están buscando más rápidamente en cortas y bien organizados páginas.

Haga una impresión favorable.

La prosa debe estar al día, precisa y por escrito en un tono acogedor para cualquier audiencia. La presentación de su contenido consistente y coherentemente da un positivo mensaje subliminal sobre el estado de su departamento u oficina.

Enlaces

Hipervínculo de dos o tres palabras-frases en lugar de palabras individuales, como la más hipervínculo es más fácil de reconocer como tal.

El texto del enlace debe describir lo que une, en lugar de algo que no descriptivos

Esto ayuda a la accesibilidad de las los usuarios con problemas de visión, y también ayuda a los visitantes del sitio que rápidamente pasan rozando contenido.

Protege en contra de añadir enlaces a cualquier cosa y todo sólo porque usted puede.

Cuando un elemento apunta a un documento en lugar de una página Web, es una práctica común para información sobre el mismo lugar entre paréntesis, por ejemplo (. pdf), (. doc) o (. xls).

Page 10: IA GUIDE

Si es posible representar el contenido como una página Web en su sitio, en lugar de vincular a un PDF o Word, es aconsejable hacerlo. Los usuarios apreciarán el esfuerzo.

Si desea establecer un vínculo a un documento de Word, guárdelo como Word (. Doc) o texto (. Txt) solamente, no como HTML (. html). Cuando un documento de Word se guarda como HTML, que se muestra al usuario como una página Web no diseñado sin una forma de navegar de vuelta al resto del sitio.

Sea consistente sobre qué enlaces se abren en nuevas ventanas.

Listas

Si el texto contiene enlaces múltiples y consecutivos, considere la posibilidad de extraer estos datos del cuerpo del texto y colocarlos en listas con viñetas.

Las listas de enlaces con más de seis artículos también se pueden dividir en grupos más pequeños con subpartidas o líneas horizontales como divisores.

Contenido visual

Al seleccionar las fotos, elegir las imágenes que transmiten la energía y la vitalidad y de asegúrese de tener permiso para publicar una foto antes de colocarlo en su sitio. Si usted es no está seguro acerca de los problemas de derechos de autor para una imagen específica, no la use.

Leyendas en las fotos pueden ayudarle a contar su historia.

Incluye créditos de las fotos.

Asegúrese de tener permiso para publicar una foto antes de colocarlo en su sitio. Si usted es no está seguro acerca de los problemas de derechos de autor para una imagen específica, no la use.

Es fundamental añadir una "etiqueta <alt>" que contiene un texto alternativo para cada foto que permitirá a los lectores de pantalla a leer la descripción de la imagen a cabo voz alta.

Agregar texto alternativo es una exigencia de las normas federales de accesibilidad comodescribe en la Sección 508 de la Ley de Rehabilitación de 1998.

Page 11: IA GUIDE

• El texto alternativo debe ser de carácter informativo, sin ser demasiado largo.

• En el CMS Roxen, añadir texto al campo "Título" en la imagen "Examinar y subir "ventana automáticamente creará el tag <alt> para usted. En Dreamweaver, puede introducir texto de la imagen <alt> etiqueta en las propiedades barra de herramientas.

Medios adicionales de sitios web

Si usted está ofreciendo video, audio o Flash, es posible que desee incluir enlaces para descargar los reproductores de medios apropiados. Si cualquiera de estos elementos contienen información crítica, asegúrese de proporcionar esta información en un formato que no requiere un plug-in también.

Indique enlaces a vídeo y audio Web señalando su formato y nivel de ancho de banda (bajo, medio o alto) en paréntesis.