SlideShare una empresa de Scribd logo
1 de 12
IA GUIDE



Arquitectura de la Información (IA)

Los mejores sitios web son creados con un profundo conocimiento de los intereses de los
visitantes, necesidades y expectativas. Texto, diseño visual organización y navegación
todos debemos trabajar juntos para permitir a los visitantes a encontrar información clave y
completar las tareas críticas de forma rápida y sencilla. Muchas de las fases de la creación
de un sitio web pueden ejecutarse simultáneamente.

Dado a que un sitio web sea un medio altamente visible para su mensaje, se necesita estar
seguro de que todos los involucrados en la creación de su sitio guarden las cuestiones de
los requisitos página web usabilidad, accesibilidad y la universalidad en la mente de todo
el desarrollo.



¿Qué es la arquitectura de la información?

Se refiere a la estructura u organización de su sitio web. En ella 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.

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 estructura de navegación.

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

¿Por qué se necesita la arquitectura de la información?

Un sitio bien organizado ayudará a sus usuarios a encontrar la información clave
rápidamente, la experiencia de uso del sitio web hará que la información sea más
coherente, intuitiva y satisfactoria. La arquitectura de información intuitivamente organizada
IA GUIDE


ayudará a asegurar que todas las fases de su desarrollo del sitio web sin problemas y
eficientemente.

Si un sitio está siendo construido en un sistema de gestión de contenidos que permite a
los editores para añadir sus propias páginas, el sitio puede crecer rápidamente, pero, si se
ha planeado bien su estructura organizativa, se es capaz de identificar fácilmente la
ubicación más adecuada.

¿Quién debe trabajar en la arquitectura de la información?

Además de la persona o grupo de personas que dirigen el proceso de desarrollo de IA,
es esencial que colaboren sus actores clave, los usuarios de sitios y los propietarios de
contenido.

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

Paso 1. Definición de objetivos principales partes interesadas

Es necesario aclarar los objetivos de las principales partes interesadas. Los principales
interesados son las personas que dan el tono y los objetivos generales de un sitio web y
dan aprobaciones requeridas en diversas etapas de desarrollo del sitio.

Esto incluye identificarlos objetivos públicos, determinar el propósito del sitio y el
establecer los requisitos funcionales.

Es recomendable hacer las siguientes preguntas:

¿Quiénes son los principales públicos con los que las principales partes interesadas
desean comunicarse?

Dar prioridad a las audiencias de la siguiente manera:

Primaria: Las audiencias que serán el enfoque principal de su sitio. Se le 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?
IA GUIDE



¿Qué requisitos funcionales específicos hacen los actores clave quiera incluir en este sitio?



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

El objetivo final del diseño web eficaz es el de organizar su sitio para que se anticipa a las
necesidades de los usuarios y las expectativas, para lograr esto se deben hacer los arreglos
y la información de la etiqueta de la forma en que su público objetivo espera para verlo.

Es común que los creadores de organicen 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 una 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. Si el visitante no sabe quién está a cargo, entonces se ven obligados a leer a
través de todas las biografías del personal para determinar quién contactar; en cuenta de
eso, se podría considerar la adición de un grupo al sitio que explica las áreas de
responsabilidad por temas, e incluir información de contacto clave dentro de estas
agrupaciones.

Se debe encontrar una amplia muestra de usuarios que son miembros de su público
objetivo y la entrevista ellos , esto le permitirá determinar las metas y expectativas
directamente.

Si no se puede realizar las entrevistas, se puede utilizar las preguntas ya realizadas para
ayudar a considerar las características y necesidades de los usuarios. Si sólo uno o dos
usuarios están disponibles para entrevista, su retroalimentación puede ayudar a representar
a su público más amplio. Aunque se tendrá que imaginar las características y objetivos de
otros usuarios a tener una buena muestra para consultas posteriores.



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

La definición de las áreas de contenido ayudará a desarrollar la estructura de navegación.
Este paso se realiza mejor en un grupo de tres a cinco personas para que cada persona
pueda representar los perfiles de uno o dos de sus hojas de datos de usuario.
IA GUIDE


Se debe de analizar el contenido que ya tiene y decidir qué piezas hay que añadir a su
sitio nuevo; actualizando o desechando el contenido que sea útil para los usuarios. Si
usted no se tiene acceso a los usuarios reales, se tendrá que imaginar lo que tendrá que
encontrar en su sitio. Una vez que hecho esto, puede que tenga que dejar de lado
cualquier usuario metas que no son prácticas para incluir en el alcance de su proyecto.
Además, es posible que deba agregar elementos a sus grupos de interés clave a incluir.

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

Se organizan los contenidos temáticos recogidos en el paso 3 en grupos de temas
similares o relacionados. Estos grupos pueden identificarse con nombres temporales que
luego serán refinados para convertirse en sus elementos del menú de navegación. Es útil
revisar la estructura principal y de la sección del mismo tipo de sitio que le resulte fácil de
usar.

Paso 5. La creación del mapa del sitio

En este paso ya se está listo para crear y validar el mapa del sitio.. No todas las páginas
tendrán un hijo, pero todas las páginas tendrán un padre.

Se debe de tomar las categorías de contenido y crear un mapa de sitio, una vez
terminado, se debe probar este mapa del sitio pidiendo a los usuarios de sus destinatarios
si ellos encuentran su estructura lógica y realizar los ajustes necesarios.

Paso 6. Esbozando su estructura de navegación

Los elementos de navegación un sitio no debe apuntar a otros sitios, ni deben apuntar a
archivos Acrobat (. Pdf), documentos de Microsoft Office u otros archivos que no sean
HTML.

Si se hace esto puede desorientar al visitante del sitio y puede ser un problema para
aquellos con conexiones lentas. Los enlaces a otros sitios y documentos deben ser
colocados 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 del sitio
como si se tratara de la tabla de contenidos de un libro de texto. La tabla de contenido no
debe ser lleno de artículos que no describen las principales áreas de contenido del libro.
IA GUIDE




Una vez confirmado que cada uno de los enlaces de navegación que llevará directamente
a una página de contenido en el sitio, se debe comenzar a considerar la forma en que su
navegación aparecerá.

Navegación vertical en sitios más pequeños

Si el número de enlaces de navegación está a menos de 20 es probable que pueda
limitar la navegación hacia la derecha o hacia la izquierda columna vertical de su sitio. Si el
sitio tiene más de seis enlaces de navegación primaria, pueden ser separados con
espaciadores para hacer más corta sub-grupos.

Adición de una barra de navegación horizontal

Si el número de enlaces de navegación es más de 20, puede que tenga que colocar los
títulos de contenido principal de la zona en una barra de navegación horizontal y la
navegación subpágina en la columna vertical. Se 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.



Adición de navegación audiencia

Cuando el sitio es muy grande (más de 100 páginas, por ejemplo) se puede considerar
agregar otro nivel de navegación, que se vinculará directamente a la vista general de
páginas que contienen contenido breve de introducción dirigida a cada audiencia; deben
de dirigir a los usuarios del sitio para el contenido relevante en otro lugar en el sitio, en
lugar de duplicar el contenido.

Es importante por tres razones:

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


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 ubicación lógica, por lo que se puede
encontrar fácilmente de nuevo.

Los enlaces audiencia deben agruparse por separado en su sección tema cabeceras



7. Etiquetado de las áreas de contenido

Es importante dar a las precisas y significativas etiquetas a las áreas de contenido. Los
usuarios hacen clic en las palabras, por lo que deben tener sentido.

Se debe de preguntar a los clientes qué esperarían encontrar si fueran a hacer clic en un
enlace determinado botón, tener en mente que las etiquetas deben ser breves (no más de
tres palabras), directo y en consonancia con el tono deseado. Los usuarios tienen la
esperanza de encontrar la información rápidamente y no tener que descifrar el significado
de sus enlaces o lea oraciones completas.



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. Se puede utilizar como una guía para la incorporación de todos los
elementos de página necesarias de una manera bien organizada y funcional, se deben de
usar como guías cuando colaboran con los diseñadores y desarrolladores, esto ayuda a
asegurarse de que su arquitectura de la información no está revisada sin cuidado, durante
los procesos de diseño y desarrollo.



¿Qué es lo siguiente?

Desarrollada la arquitectura de la información para el sitio, es posible que se necesite
analizar y modificar esa arquitectura como se trabaja en el sitio, pero deben servir como
guía para el resto del proceso.
IA GUIDE



Se va a definir el alcance del proyecto, escribir el contenido, crear o modificar el diseño
visual y la construcción del sitio.

Se tiene presente los objetivos principales de las partes interesadas y la información
grabada en sus hojas de datos de los usuarios a medida que prueban sus suposiciones a
través del resto del proceso de desarrollo del sitio. Probar la eficacia del sitio de como el
diseño visual, contenido y programación con los miembros de su objetivo audiencias.



Normas de la Arquitectura de Información

Estándares de arquitectura de la información

El propósito de la arquitectura de la información es crear la organización del contenido
para el sitio que sea tan intuitivo y fácil de usar para sus visitantes. Para lograr este objetivo
se debe ir mejorando el sitio para que los visitantes sepan donde están en todo momento,
puedan encontrar lo que buscan, y se comportan elementos interactivos constantemente.

Convenciones de nombres

Ayuda a los visitantes saber dónde están y cómo regresar. Es especialmente importante
para las subpáginas. No todos los visitantes comienzan a partir de la página de inicio.



Diseño visual

Tener más opciones no siempre es lo mejor. Las páginas deben permanecer despejadas
para permitir al visitante explorar rápidamente la información pertinente y planificar el
siguiente clic.

Convenios de contenido de localización

Se debe de poner la información general sobre las páginas de introducción y detalles
sobre las subpáginas. Para llamar la atención especial a un tema de varios niveles detallados
abajo, se recomienda utilizar un hipervínculo en el área de contenido.

Título del sitio
IA GUIDE


Hay que estar seguro de tener el título de su sitio un lugar prominente en la parte superior
de cada página 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 grande y / o colocado en un lugar diferente en su página de
inicio. Por lo general se utiliza como un hotlink para volver a la página principal del sitio

Navegación

Usar palabras sencillas, en un solo frases de tres palabras, para la navegación de 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. Si ya las listas de elementos de navegación son
necesarias, organizarlos en grupos de seis o menos. Luego, se utilizan divisores o
espaciado entre grupos. Se puede organizar los grupos por orden alfabético o por temas.
Si agrupa por tema, es útil contar con los enlaces que son más importantes para su público
objetivo aparecen en primer lugar.

No se debe de establecer vínculos con páginas fuera de su sitio, los documentos
descargables o e-mail se dirige directamente a un elemento del menú de navegación. En
su lugar, se debe de crear un intermedio de la pagina página que contenga estos vínculos
en el área de contenido.

Cada página del sitio se puede acceder desde algún nivel de su navegación.)El botón
"atrás" del navegador nunca debe ser el único medio para volver a una página dentro de
su sitio.

Los sitios no deben emplear sistemas radicales de navegación sólo para ser diferente. Los
usuarios aprecian la navegación convencional, que sea consistente y fácil de seguir. El uso
de "menús emergentes", que son listas de enlaces de navegación que aparecen cuando un
usuario mueve el cursor del ratón sobre un enlace de navegación, puede ser una práctica
común en los sitios web.

El apuntar y hacer clic con el botón son métodos para navegar a través de categorías, es
el preferido por la mayoría de los usuarios. Los menús emergentes especialmente aquellos
IA GUIDE



que tienen múltiples niveles jerárquicos, requieren destreza manual de más que un simple
apuntar y hacer clic y podría ser problemático para los usuarios con una reducción de
motor control o que dependen de teclado de sólo navegación. Si utiliza menús
emergentes, siempre debe de proporcionar una alternativa de apuntar y hacer clic.

La creación de contenido

¿Por qué la planificación de contenido es importante? Su contenido es la razón de los
visitantes llegan a su sitio y sigan regresando. 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

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
creación de contenido puede llevar mucho tiempo.

Se recomienda comenzar el proceso de contenido tan pronto como el entorno de la
navegación está disponible



Orientado a los usuarios de contenido

Al igual que las páginas deben ser organizados sobre la base de las preguntas de su
audiencia se pide tener por escrito y las imágenes seleccionadas en base a su audiencia
expectativas y competencias. Para servir a esta audiencia, se debe evitar el uso de jerga
interna o acrónimos.

La consistencia es la clave

Una vez que colocado en un tono para que el contenido, sea amable y casual, formal y
oficial, esta debe ser realizada a través del sitio tanto como sea posible. Cada página de la
información debe dar la impresión de que su grupo está hablando con una sola voz,
incluye la referencia a su grupo en primera persona.
IA GUIDE


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, la gramática y la ortografía también es compatible con este sentido de
coherencia. Evitar el uso de cursivas y las letras de todos los capitales en grandes bloques
de texto o como etiquetas de menú o títulos de las secciones.

Más corto es mejor

Mantener las oraciones y párrafos cortos. Debido a que el monitor de la computadora es
retroiluminado, leer contenido en la Web es más difícil que leer el material impreso. Los
textos más cortos siempre es más fácil de leer.

Si hay una gran cantidad de contenido en una página, se debe de tratar de editar o hacia
abajo dividirlo en páginas secundarias. Para las páginas que deban tener un texto más largo,
se debe de tratar 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.



Hacer una impresión favorable

Las páginas de la información sección presentan oportunidades para hablar de su grupo
de enfoque filosófico o describir lo que te hace especial e interesante para la prioridad de
las audiencias. La presentación del contenido consistente y coherentemente da un
mensaje positivo subliminal sobre el estado de su departamento u oficina.

Enlaces

El texto del enlace debe describir lo que une, en lugar de algo que no describimos, ayuda
a la accesibilidad de los usuarios con problemas de visión, y también ayuda a los visitantes
del sitio que rápidamente pasan rozando contenido.



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



Si es posible representar el contenido como una página web en el 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. El sitio no debe abrir una nueva ventana



Asegúrese de tener permiso para publicar una foto antes de colocarlo en su sitio.

Si no se 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.

Los usuarios con problemas de visión puede no ser capaz de ver el contenido de las
imágenes. 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.




Medios adicionales de sitios web

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

Si es una película de Flash (. Swf) es posible que se utilice un Javascript navegador que es
ub detector para ofrecer una página sin flash para los que están utilizando lectores de
pantalla, los usuarios que no tienen el plugin de Flash y los usuarios que tienen bloqueado
Flash.
IA GUIDE

Más contenido relacionado

La actualidad más candente

Jessica resabala seo y social media
Jessica resabala seo y  social mediaJessica resabala seo y  social media
Jessica resabala seo y social mediajessikresabala
 
Exposicion equip 3
Exposicion equip 3Exposicion equip 3
Exposicion equip 3FRISLY5
 
Seo & Social Media
Seo & Social MediaSeo & Social Media
Seo & Social MediaJoisa Yubi
 
Anexo web-formato-descarga-web[1]
Anexo web-formato-descarga-web[1]Anexo web-formato-descarga-web[1]
Anexo web-formato-descarga-web[1]nam jap
 
Zen media web efectiva
Zen media web efectivaZen media web efectiva
Zen media web efectivaZen Media
 
Guía para la creación de páginas web
Guía para la creación de páginas webGuía para la creación de páginas web
Guía para la creación de páginas webCesar Salazar
 
Tema 3. usabilidad version 2011
Tema 3. usabilidad version 2011Tema 3. usabilidad version 2011
Tema 3. usabilidad version 2011Angelito Maik
 
Guia Maestra - Distribución de Contenidos
Guia Maestra - Distribución de ContenidosGuia Maestra - Distribución de Contenidos
Guia Maestra - Distribución de ContenidosAgu Casorzo
 
Internet 2.0 ayto vitoria-sesion 2
Internet 2.0 ayto vitoria-sesion 2Internet 2.0 ayto vitoria-sesion 2
Internet 2.0 ayto vitoria-sesion 2Iñaki Nos Ugalde
 
Manual mapas de_navegacion
Manual mapas de_navegacionManual mapas de_navegacion
Manual mapas de_navegacionruthmayhuavale
 

La actualidad más candente (16)

Flash Seo
Flash SeoFlash Seo
Flash Seo
 
Jessica resabala seo y social media
Jessica resabala seo y  social mediaJessica resabala seo y  social media
Jessica resabala seo y social media
 
Exposicion equip 3
Exposicion equip 3Exposicion equip 3
Exposicion equip 3
 
Seo & Social Media
Seo & Social MediaSeo & Social Media
Seo & Social Media
 
Anexo web-formato-descarga-web[1]
Anexo web-formato-descarga-web[1]Anexo web-formato-descarga-web[1]
Anexo web-formato-descarga-web[1]
 
Menusfooter
MenusfooterMenusfooter
Menusfooter
 
Guía de evaluación heurística de sitios web
Guía de evaluación heurística de sitios webGuía de evaluación heurística de sitios web
Guía de evaluación heurística de sitios web
 
Zen media web efectiva
Zen media web efectivaZen media web efectiva
Zen media web efectiva
 
Guía para la creación de páginas web
Guía para la creación de páginas webGuía para la creación de páginas web
Guía para la creación de páginas web
 
Tema 3. usabilidad version 2011
Tema 3. usabilidad version 2011Tema 3. usabilidad version 2011
Tema 3. usabilidad version 2011
 
Bases pag web 4
Bases pag web 4Bases pag web 4
Bases pag web 4
 
Guia Maestra - Distribución de Contenidos
Guia Maestra - Distribución de ContenidosGuia Maestra - Distribución de Contenidos
Guia Maestra - Distribución de Contenidos
 
Internet 2.0 ayto vitoria-sesion 2
Internet 2.0 ayto vitoria-sesion 2Internet 2.0 ayto vitoria-sesion 2
Internet 2.0 ayto vitoria-sesion 2
 
Seo
SeoSeo
Seo
 
Posicionamiento En Buscadores
Posicionamiento En BuscadoresPosicionamiento En Buscadores
Posicionamiento En Buscadores
 
Manual mapas de_navegacion
Manual mapas de_navegacionManual mapas de_navegacion
Manual mapas de_navegacion
 

Destacado

Modelo de diseño para aplicaciones web
Modelo de diseño para aplicaciones webModelo de diseño para aplicaciones web
Modelo de diseño para aplicaciones webwilmeraman
 
NSU No Solo Usabilidad
NSU No Solo UsabilidadNSU No Solo Usabilidad
NSU No Solo UsabilidadCesar Salazar
 
Arquitectura de la información
Arquitectura de la informaciónArquitectura de la información
Arquitectura de la informaciónCesar Salazar
 
Experiencia del usuario
Experiencia del usuarioExperiencia del usuario
Experiencia del usuarioCesar Salazar
 
MODELO DE DISEÑO WEB
MODELO DE DISEÑO WEBMODELO DE DISEÑO WEB
MODELO DE DISEÑO WEBwilmeraman
 
Las 22 Leyes Inmutables de la Marca
Las 22 Leyes Inmutables de la MarcaLas 22 Leyes Inmutables de la Marca
Las 22 Leyes Inmutables de la MarcaCesar Salazar
 

Destacado (8)

Usabilidad
UsabilidadUsabilidad
Usabilidad
 
Modelo de diseño para aplicaciones web
Modelo de diseño para aplicaciones webModelo de diseño para aplicaciones web
Modelo de diseño para aplicaciones web
 
Hci
HciHci
Hci
 
NSU No Solo Usabilidad
NSU No Solo UsabilidadNSU No Solo Usabilidad
NSU No Solo Usabilidad
 
Arquitectura de la información
Arquitectura de la informaciónArquitectura de la información
Arquitectura de la información
 
Experiencia del usuario
Experiencia del usuarioExperiencia del usuario
Experiencia del usuario
 
MODELO DE DISEÑO WEB
MODELO DE DISEÑO WEBMODELO DE DISEÑO WEB
MODELO DE DISEÑO WEB
 
Las 22 Leyes Inmutables de la Marca
Las 22 Leyes Inmutables de la MarcaLas 22 Leyes Inmutables de la Marca
Las 22 Leyes Inmutables de la Marca
 

Similar a IA GUIDE

Similar a IA GUIDE (20)

Principios bsicos
Principios bsicosPrincipios bsicos
Principios bsicos
 
Principios básicos
Principios básicosPrincipios básicos
Principios básicos
 
Principios básicos
Principios básicosPrincipios básicos
Principios básicos
 
Usabilidad en la web
Usabilidad en la webUsabilidad en la web
Usabilidad en la web
 
Fundamentos DiseñO Web
Fundamentos DiseñO WebFundamentos DiseñO Web
Fundamentos DiseñO Web
 
Proyecto web
Proyecto webProyecto web
Proyecto web
 
Proyecto web
Proyecto webProyecto web
Proyecto web
 
Diseno web 2
Diseno web 2Diseno web 2
Diseno web 2
 
Marketing On Line II
Marketing On Line IIMarketing On Line II
Marketing On Line II
 
T06 dawebareas
T06 dawebareasT06 dawebareas
T06 dawebareas
 
Diseño e instalación de sitios web
Diseño e instalación de sitios webDiseño e instalación de sitios web
Diseño e instalación de sitios web
 
Usabilidad
UsabilidadUsabilidad
Usabilidad
 
Diseño web samanta
Diseño web samanta Diseño web samanta
Diseño web samanta
 
Diseno web 2 metodologia
Diseno web 2 metodologiaDiseno web 2 metodologia
Diseno web 2 metodologia
 
Diseno web 4
Diseno web 4Diseno web 4
Diseno web 4
 
Seminario Usabilidad
Seminario UsabilidadSeminario Usabilidad
Seminario Usabilidad
 
Menu y footer
Menu y footerMenu y footer
Menu y footer
 
Menu de Navegacion y footer
Menu  de Navegacion y footerMenu  de Navegacion y footer
Menu de Navegacion y footer
 
Organizando contenidos de un sitio web
Organizando contenidos de un sitio webOrganizando contenidos de un sitio web
Organizando contenidos de un sitio web
 
Diseño e instalación de sitios web (navegación del sitio / el usuario control...
Diseño e instalación de sitios web (navegación del sitio / el usuario control...Diseño e instalación de sitios web (navegación del sitio / el usuario control...
Diseño e instalación de sitios web (navegación del sitio / el usuario control...
 

IA GUIDE

  • 1. IA GUIDE Arquitectura de la Información (IA) Los mejores sitios web son creados con un profundo conocimiento de los intereses de los visitantes, necesidades y expectativas. Texto, diseño visual organización y navegación todos debemos trabajar juntos para permitir a los visitantes a encontrar información clave y completar las tareas críticas de forma rápida y sencilla. Muchas de las fases de la creación de un sitio web pueden ejecutarse simultáneamente. Dado a que un sitio web sea un medio altamente visible para su mensaje, se necesita estar seguro de que todos los involucrados en la creación de su sitio guarden las cuestiones de los requisitos página web usabilidad, accesibilidad y la universalidad en la mente de todo el desarrollo. ¿Qué es la arquitectura de la información? Se refiere a la estructura u organización de su sitio web. En ella 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. 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 estructura de navegación. A través del proceso de desarrollo de la arquitectura de la información, se va a crear un mapa del sitio del contenido y se desarrollará un bosquejo del wireframe que los diseñadores y desarrolladores usar como una guía para la construcción de su sitio web. ¿Por qué se necesita la arquitectura de la información? Un sitio bien organizado ayudará a sus usuarios a encontrar la información clave rápidamente, la experiencia de uso del sitio web hará que la información sea más coherente, intuitiva y satisfactoria. La arquitectura de información intuitivamente organizada
  • 2. IA GUIDE ayudará a asegurar que todas las fases de su desarrollo del sitio web sin problemas y eficientemente. Si un sitio está siendo construido en un sistema de gestión de contenidos que permite a los editores para añadir sus propias páginas, el sitio puede crecer rápidamente, pero, si se ha planeado bien su estructura organizativa, se es capaz de identificar fácilmente la ubicación más adecuada. ¿Quién debe trabajar en la arquitectura de la información? Además de la persona o grupo de personas que dirigen el proceso de desarrollo de IA, es esencial que colaboren sus actores clave, los usuarios de sitios y los propietarios de contenido. ¿Cómo puedo crear una gran arquitectura de la información? Paso 1. Definición de objetivos principales partes interesadas Es necesario aclarar los objetivos de las principales partes interesadas. Los principales interesados son las personas que dan el tono y los objetivos generales de un sitio web y dan aprobaciones requeridas en diversas etapas de desarrollo del sitio. Esto incluye identificarlos objetivos públicos, determinar el propósito del sitio y el establecer los requisitos funcionales. Es recomendable hacer las siguientes preguntas: ¿Quiénes son los principales públicos con los que las principales partes interesadas desean comunicarse? Dar prioridad a las audiencias de la siguiente manera: Primaria: Las audiencias que serán el enfoque principal de su sitio. Se le 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?
  • 3. IA GUIDE ¿Qué requisitos funcionales específicos hacen los actores clave quiera incluir en este sitio? Paso 2. La identificación de los objetivos de los usuarios y las expectativas El objetivo final del diseño web eficaz es el de organizar su sitio para que se anticipa a las necesidades de los usuarios y las expectativas, para lograr esto se deben hacer los arreglos y la información de la etiqueta de la forma en que su público objetivo espera para verlo. Es común que los creadores de organicen 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 una 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. Si el visitante no sabe quién está a cargo, entonces se ven obligados a leer a través de todas las biografías del personal para determinar quién contactar; en cuenta de eso, se podría considerar la adición de un grupo al sitio que explica las áreas de responsabilidad por temas, e incluir información de contacto clave dentro de estas agrupaciones. Se debe encontrar una amplia muestra de usuarios que son miembros de su público objetivo y la entrevista ellos , esto le permitirá determinar las metas y expectativas directamente. Si no se puede realizar las entrevistas, se puede utilizar las preguntas ya realizadas para ayudar a considerar las características y necesidades de los usuarios. Si sólo uno o dos usuarios están disponibles para entrevista, su retroalimentación puede ayudar a representar a su público más amplio. Aunque se tendrá que imaginar las características y objetivos de otros usuarios a tener una buena muestra para consultas posteriores. Paso 3. Definición de áreas de contenido de su sitio La definición de las áreas de contenido ayudará a desarrollar la estructura de navegación. Este paso se realiza mejor en un grupo de tres a cinco personas para que cada persona pueda representar los perfiles de uno o dos de sus hojas de datos de usuario.
  • 4. IA GUIDE Se debe de analizar el contenido que ya tiene y decidir qué piezas hay que añadir a su sitio nuevo; actualizando o desechando el contenido que sea útil para los usuarios. Si usted no se tiene acceso a los usuarios reales, se tendrá que imaginar lo que tendrá que encontrar en su sitio. Una vez que hecho esto, puede que tenga que dejar de lado cualquier usuario metas que no son prácticas para incluir en el alcance de su proyecto. Además, es posible que deba agregar elementos a sus grupos de interés clave a incluir. Paso 4. La organización de las áreas de contenido Se organizan los contenidos temáticos recogidos en el paso 3 en grupos de temas similares o relacionados. Estos grupos pueden identificarse con nombres temporales que luego serán refinados para convertirse en sus elementos del menú de navegación. Es útil revisar la estructura principal y de la sección del mismo tipo de sitio que le resulte fácil de usar. Paso 5. La creación del mapa del sitio En este paso ya se está listo para crear y validar el mapa del sitio.. No todas las páginas tendrán un hijo, pero todas las páginas tendrán un padre. Se debe de tomar las categorías de contenido y crear un mapa de sitio, una vez terminado, se debe probar este mapa del sitio pidiendo a los usuarios de sus destinatarios si ellos encuentran su estructura lógica y realizar los ajustes necesarios. Paso 6. Esbozando su estructura de navegación Los elementos de navegación un sitio no debe apuntar a otros sitios, ni deben apuntar a archivos Acrobat (. Pdf), documentos de Microsoft Office u otros archivos que no sean HTML. Si se hace esto puede desorientar al visitante del sitio y puede ser un problema para aquellos con conexiones lentas. Los enlaces a otros sitios y documentos deben ser colocados 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 del sitio como si se tratara de la tabla de contenidos de un libro de texto. La tabla de contenido no debe ser lleno de artículos que no describen las principales áreas de contenido del libro.
  • 5. IA GUIDE Una vez confirmado que cada uno de los enlaces de navegación que llevará directamente a una página de contenido en el sitio, se debe comenzar a considerar la forma en que su navegación aparecerá. Navegación vertical en sitios más pequeños Si el número de enlaces de navegación está a menos de 20 es probable que pueda limitar la navegación hacia la derecha o hacia la izquierda columna vertical de su sitio. Si el sitio tiene más de seis enlaces de navegación primaria, pueden ser separados con espaciadores para hacer más corta sub-grupos. Adición de una barra de navegación horizontal Si el número de enlaces de navegación es más de 20, puede que tenga que colocar los títulos de contenido principal de la zona en una barra de navegación horizontal y la navegación subpágina en la columna vertical. Se 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. Adición de navegación audiencia Cuando el sitio es muy grande (más de 100 páginas, por ejemplo) se puede considerar agregar otro nivel de navegación, que se vinculará directamente a la vista general de páginas que contienen contenido breve de introducción dirigida a cada audiencia; deben de dirigir a los usuarios del sitio para el contenido relevante en otro lugar en el sitio, en lugar de duplicar el contenido. Es importante por tres razones: Actualización de contenido duplicado crea más trabajo.
  • 6. IA GUIDE 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 ubicación lógica, por lo que se puede encontrar fácilmente de nuevo. Los enlaces audiencia deben agruparse por separado en su sección tema cabeceras 7. Etiquetado de las áreas de contenido Es importante dar a las precisas y significativas etiquetas a las áreas de contenido. Los usuarios hacen clic en las palabras, por lo que deben tener sentido. Se debe de preguntar a los clientes qué esperarían encontrar si fueran a hacer clic en un enlace determinado botón, tener en mente que las etiquetas deben ser breves (no más de tres palabras), directo y en consonancia con el tono deseado. Los usuarios tienen la esperanza de encontrar la información rápidamente y no tener que descifrar el significado de sus enlaces o lea oraciones completas. 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. Se puede utilizar como una guía para la incorporación de todos los elementos de página necesarias de una manera bien organizada y funcional, se deben de usar como guías cuando colaboran con los diseñadores y desarrolladores, esto ayuda a asegurarse de que su arquitectura de la información no está revisada sin cuidado, durante los procesos de diseño y desarrollo. ¿Qué es lo siguiente? Desarrollada la arquitectura de la información para el sitio, es posible que se necesite analizar y modificar esa arquitectura como se trabaja en el sitio, pero deben servir como guía para el resto del proceso.
  • 7. IA GUIDE Se va a definir el alcance del proyecto, escribir el contenido, crear o modificar el diseño visual y la construcción del sitio. Se tiene presente los objetivos principales de las partes interesadas y la información grabada en sus hojas de datos de los usuarios a medida que prueban sus suposiciones a través del resto del proceso de desarrollo del sitio. Probar la eficacia del sitio de como el diseño visual, contenido y programación con los miembros de su objetivo audiencias. Normas de la Arquitectura de Información Estándares de arquitectura de la información El propósito de la arquitectura de la información es crear la organización del contenido para el sitio que sea tan intuitivo y fácil de usar para sus visitantes. Para lograr este objetivo se debe ir mejorando el sitio para que los visitantes sepan donde están en todo momento, puedan encontrar lo que buscan, y se comportan elementos interactivos constantemente. Convenciones de nombres Ayuda a los visitantes saber dónde están y cómo regresar. Es especialmente importante para las subpáginas. No todos los visitantes comienzan a partir de la página de inicio. Diseño visual Tener más opciones no siempre es lo mejor. Las páginas deben permanecer despejadas para permitir al visitante explorar rápidamente la información pertinente y planificar el siguiente clic. Convenios de contenido de localización Se debe de poner la información general sobre las páginas de introducción y detalles sobre las subpáginas. Para llamar la atención especial a un tema de varios niveles detallados abajo, se recomienda utilizar un hipervínculo en el área de contenido. Título del sitio
  • 8. IA GUIDE Hay que estar seguro de tener el título de su sitio un lugar prominente en la parte superior de cada página 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 grande y / o colocado en un lugar diferente en su página de inicio. Por lo general se utiliza como un hotlink para volver a la página principal del sitio Navegación Usar palabras sencillas, en un solo frases de tres palabras, para la navegación de 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. Si ya las listas de elementos de navegación son necesarias, organizarlos en grupos de seis o menos. Luego, se utilizan divisores o espaciado entre grupos. Se puede organizar los grupos por orden alfabético o por temas. Si agrupa por tema, es útil contar con los enlaces que son más importantes para su público objetivo aparecen en primer lugar. No se debe de establecer vínculos con páginas fuera de su sitio, los documentos descargables o e-mail se dirige directamente a un elemento del menú de navegación. En su lugar, se debe de crear un intermedio de la pagina página que contenga estos vínculos en el área de contenido. Cada página del sitio se puede acceder desde algún nivel de su navegación.)El botón "atrás" del navegador nunca debe ser el único medio para volver a una página dentro de su sitio. Los sitios no deben emplear sistemas radicales de navegación sólo para ser diferente. Los usuarios aprecian la navegación convencional, que sea consistente y fácil de seguir. El uso de "menús emergentes", que son listas de enlaces de navegación que aparecen cuando un usuario mueve el cursor del ratón sobre un enlace de navegación, puede ser una práctica común en los sitios web. El apuntar y hacer clic con el botón son métodos para navegar a través de categorías, es el preferido por la mayoría de los usuarios. Los menús emergentes especialmente aquellos
  • 9. IA GUIDE que tienen múltiples niveles jerárquicos, requieren destreza manual de más que un simple apuntar y hacer clic y podría ser problemático para los usuarios con una reducción de motor control o que dependen de teclado de sólo navegación. Si utiliza menús emergentes, siempre debe de proporcionar una alternativa de apuntar y hacer clic. La creación de contenido ¿Por qué la planificación de contenido es importante? Su contenido es la razón de los visitantes llegan a su sitio y sigan regresando. 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 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 creación de contenido puede llevar mucho tiempo. Se recomienda comenzar el proceso de contenido tan pronto como el entorno de la navegación está disponible Orientado a los usuarios de contenido Al igual que las páginas deben ser organizados sobre la base de las preguntas de su audiencia se pide tener por escrito y las imágenes seleccionadas en base a su audiencia expectativas y competencias. Para servir a esta audiencia, se debe evitar el uso de jerga interna o acrónimos. La consistencia es la clave Una vez que colocado en un tono para que el contenido, sea amable y casual, formal y oficial, esta debe ser realizada a través del sitio tanto como sea posible. Cada página de la información debe dar la impresión de que su grupo está hablando con una sola voz, incluye la referencia a su grupo en primera persona.
  • 10. IA GUIDE 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, la gramática y la ortografía también es compatible con este sentido de coherencia. Evitar el uso de cursivas y las letras de todos los capitales en grandes bloques de texto o como etiquetas de menú o títulos de las secciones. Más corto es mejor Mantener las oraciones y párrafos cortos. Debido a que el monitor de la computadora es retroiluminado, leer contenido en la Web es más difícil que leer el material impreso. Los textos más cortos siempre es más fácil de leer. Si hay una gran cantidad de contenido en una página, se debe de tratar de editar o hacia abajo dividirlo en páginas secundarias. Para las páginas que deban tener un texto más largo, se debe de tratar 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. Hacer una impresión favorable Las páginas de la información sección presentan oportunidades para hablar de su grupo de enfoque filosófico o describir lo que te hace especial e interesante para la prioridad de las audiencias. La presentación del contenido consistente y coherentemente da un mensaje positivo subliminal sobre el estado de su departamento u oficina. Enlaces El texto del enlace debe describir lo que une, en lugar de algo que no describimos, ayuda a la accesibilidad de los usuarios con problemas de visión, y también ayuda a los visitantes del sitio que rápidamente pasan rozando contenido. Proteger en contra de añadir enlaces a cualquier cosa y todo sólo porque usted puede.
  • 11. IA GUIDE Si es posible representar el contenido como una página web en el 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. El sitio no debe abrir una nueva ventana Asegúrese de tener permiso para publicar una foto antes de colocarlo en su sitio. Si no se 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. Los usuarios con problemas de visión puede no ser capaz de ver el contenido de las imágenes. 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. Medios adicionales de sitios web Si se está ofreciendo video, audio o Flash, es posible que se desee incluir enlaces para descargar los reproductores de medios apropiados. Si cualquiera de estos elementos contiene información crítica, se debe estar seguro de proporcionar esta información en un formato que no requiere un plug-in también. Si es una película de Flash (. Swf) es posible que se utilice un Javascript navegador que es ub detector para ofrecer una página sin flash para los que están utilizando lectores de pantalla, los usuarios que no tienen el plugin de Flash y los usuarios que tienen bloqueado Flash.