SlideShare una empresa de Scribd logo
1 de 11
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.
¿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.
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.
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.
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.
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.
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.
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.
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).
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.
• 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.

Más contenido relacionado

La actualidad más candente

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 webKareliaRivas
 
Diseño de Páginas Web
Diseño de Páginas WebDiseño de Páginas Web
Diseño de Páginas Web8vivi8
 
Actividad uno
Actividad unoActividad uno
Actividad unoanylj15
 
Investigacion de paginas_web(2)i
Investigacion de paginas_web(2)iInvestigacion de paginas_web(2)i
Investigacion de paginas_web(2)iMaryferGaitan
 
Elementos básicos de un sitio web
Elementos básicos de un sitio webElementos básicos de un sitio web
Elementos básicos de un sitio webYadith Gomez Nolasco
 
Construyendo Mi Sitio Web Convertidor
Construyendo Mi Sitio Web ConvertidorConstruyendo Mi Sitio Web Convertidor
Construyendo Mi Sitio Web Convertidorguest075d9e
 
Puerta bonita
Puerta bonitaPuerta bonita
Puerta bonitaDomestika
 
Marketing digital aula madrid tecnología 2010
Marketing digital aula madrid tecnología 2010Marketing digital aula madrid tecnología 2010
Marketing digital aula madrid tecnología 2010Pedro Jesús González
 
Diseno web 2
Diseno web 2Diseno web 2
Diseno web 2blogdevon
 
Tendencias en diseño web 2016: Usabilidad y UX
Tendencias en diseño web 2016: Usabilidad y UXTendencias en diseño web 2016: Usabilidad y UX
Tendencias en diseño web 2016: Usabilidad y UXJavier da Costa
 

La actualidad más candente (17)

Diseño y web 2
Diseño y web 2Diseño y web 2
Diseño y web 2
 
Diseo web
Diseo webDiseo web
Diseo web
 
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
 
M2 DiseñO Web
M2   DiseñO WebM2   DiseñO Web
M2 DiseñO Web
 
Diseño de Páginas Web
Diseño de Páginas WebDiseño de Páginas Web
Diseño de Páginas Web
 
Actividad uno
Actividad unoActividad uno
Actividad uno
 
Buenas Practicas - Web
Buenas Practicas - WebBuenas Practicas - Web
Buenas Practicas - Web
 
Investigacion de paginas_web(2)i
Investigacion de paginas_web(2)iInvestigacion de paginas_web(2)i
Investigacion de paginas_web(2)i
 
Web 2
Web 2Web 2
Web 2
 
Elementos básicos de un sitio web
Elementos básicos de un sitio webElementos básicos de un sitio web
Elementos básicos de un sitio web
 
Construyendo Mi Sitio Web Convertidor
Construyendo Mi Sitio Web ConvertidorConstruyendo Mi Sitio Web Convertidor
Construyendo Mi Sitio Web Convertidor
 
Diseño web
Diseño webDiseño web
Diseño web
 
Wed
WedWed
Wed
 
Puerta bonita
Puerta bonitaPuerta bonita
Puerta bonita
 
Marketing digital aula madrid tecnología 2010
Marketing digital aula madrid tecnología 2010Marketing digital aula madrid tecnología 2010
Marketing digital aula madrid tecnología 2010
 
Diseno web 2
Diseno web 2Diseno web 2
Diseno web 2
 
Tendencias en diseño web 2016: Usabilidad y UX
Tendencias en diseño web 2016: Usabilidad y UXTendencias en diseño web 2016: Usabilidad y UX
Tendencias en diseño web 2016: Usabilidad y UX
 

Destacado

Arquitectura de la información
Arquitectura de la informaciónArquitectura de la información
Arquitectura de la informaciónDany Lpz
 
Usabilidad
UsabilidadUsabilidad
UsabilidadDany Lpz
 
Guía para la creacion de paginas web
Guía para la creacion de paginas webGuía para la creacion de paginas web
Guía para la creacion de paginas webDany Lpz
 
Experiencia del usuario
Experiencia del usuarioExperiencia del usuario
Experiencia del usuarioDany Lpz
 
creacion de sitio Web en Comercio Electrónico
creacion de sitio Web en Comercio Electrónicocreacion de sitio Web en Comercio Electrónico
creacion de sitio Web en Comercio ElectrónicoChabe Gutiérrez
 
Creación de un Sitio Web de Comercio Electronico
Creación de un Sitio Web de Comercio ElectronicoCreación de un Sitio Web de Comercio Electronico
Creación de un Sitio Web de Comercio ElectronicoViridiana_05
 
22 leyes inmutables de la marca
22 leyes inmutables de la marca22 leyes inmutables de la marca
22 leyes inmutables de la marcaDany Lpz
 

Destacado (9)

Arquitectura de la información
Arquitectura de la informaciónArquitectura de la información
Arquitectura de la información
 
Usabilidad
UsabilidadUsabilidad
Usabilidad
 
Guía para la creacion de paginas web
Guía para la creacion de paginas webGuía para la creacion de paginas web
Guía para la creacion de paginas web
 
HCI
HCIHCI
HCI
 
NSU
NSUNSU
NSU
 
Experiencia del usuario
Experiencia del usuarioExperiencia del usuario
Experiencia del usuario
 
creacion de sitio Web en Comercio Electrónico
creacion de sitio Web en Comercio Electrónicocreacion de sitio Web en Comercio Electrónico
creacion de sitio Web en Comercio Electrónico
 
Creación de un Sitio Web de Comercio Electronico
Creación de un Sitio Web de Comercio ElectronicoCreación de un Sitio Web de Comercio Electronico
Creación de un Sitio Web de Comercio Electronico
 
22 leyes inmutables de la marca
22 leyes inmutables de la marca22 leyes inmutables de la marca
22 leyes inmutables de la marca
 

Similar a IA GUIDE

Principios bsicos
Principios bsicosPrincipios bsicos
Principios bsicoslopzrobrt
 
Principios básicos
Principios básicosPrincipios básicos
Principios básicoslopzrobrt
 
Principios básicos
Principios básicosPrincipios básicos
Principios básicoslopzrobrt
 
PLANIFICACION WEB.pptx
PLANIFICACION WEB.pptxPLANIFICACION WEB.pptx
PLANIFICACION WEB.pptxjuanancka
 
Diseño web samanta
Diseño web samanta Diseño web samanta
Diseño web samanta samantaaaaaa
 
Guía de Proyectos Web (extraordinario)
Guía de Proyectos Web (extraordinario)Guía de Proyectos Web (extraordinario)
Guía de Proyectos Web (extraordinario)Ginis Cortes
 
Tema 3. usabilidad version 2011
Tema 3. usabilidad version 2011Tema 3. usabilidad version 2011
Tema 3. usabilidad version 2011Angelito Maik
 
3 procesos web
3 procesos web3 procesos web
3 procesos webUVM
 
Principios básicos1
Principios básicos1Principios básicos1
Principios básicos1ariaalvarado
 
Construccion de un sitio web
Construccion de un sitio webConstruccion de un sitio web
Construccion de un sitio webJorge Hilario
 
06 Primeros Pasos Para Aprender A Hacer Una PáGina Web
06 Primeros Pasos Para Aprender A Hacer Una PáGina Web06 Primeros Pasos Para Aprender A Hacer Una PáGina Web
06 Primeros Pasos Para Aprender A Hacer Una PáGina Webguestf13996f
 
OBJETIVOS DE DREAMWEAVER
OBJETIVOS DE DREAMWEAVEROBJETIVOS DE DREAMWEAVER
OBJETIVOS DE DREAMWEAVERAntonio Galicia
 
Diseno web 2 metodologia
Diseno web 2 metodologiaDiseno web 2 metodologia
Diseno web 2 metodologialyefraina
 
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
 

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
 
Fundamentos DiseñO Web
Fundamentos DiseñO WebFundamentos DiseñO Web
Fundamentos DiseñO Web
 
PLANIFICACION WEB.pptx
PLANIFICACION WEB.pptxPLANIFICACION WEB.pptx
PLANIFICACION WEB.pptx
 
Proyecto web
Proyecto webProyecto web
Proyecto web
 
Diseño web samanta
Diseño web samanta Diseño web samanta
Diseño web samanta
 
Guía de Proyectos Web (extraordinario)
Guía de Proyectos Web (extraordinario)Guía de Proyectos Web (extraordinario)
Guía de Proyectos Web (extraordinario)
 
Tema 3. usabilidad version 2011
Tema 3. usabilidad version 2011Tema 3. usabilidad version 2011
Tema 3. usabilidad version 2011
 
3 procesos web
3 procesos web3 procesos web
3 procesos web
 
Diseno web 2
Diseno web 2Diseno web 2
Diseno web 2
 
computación
computación computación
computación
 
13.diseño de web apps
13.diseño de web apps13.diseño de web apps
13.diseño de web apps
 
Principios básicos1
Principios básicos1Principios básicos1
Principios básicos1
 
Construccion de un sitio web
Construccion de un sitio webConstruccion de un sitio web
Construccion de un sitio web
 
DISEÑO WEB.pdf
DISEÑO WEB.pdfDISEÑO WEB.pdf
DISEÑO WEB.pdf
 
06 Primeros Pasos Para Aprender A Hacer Una PáGina Web
06 Primeros Pasos Para Aprender A Hacer Una PáGina Web06 Primeros Pasos Para Aprender A Hacer Una PáGina Web
06 Primeros Pasos Para Aprender A Hacer Una PáGina Web
 
OBJETIVOS DE DREAMWEAVER
OBJETIVOS DE DREAMWEAVEROBJETIVOS DE DREAMWEAVER
OBJETIVOS DE DREAMWEAVER
 
Diseno web 2 metodologia
Diseno web 2 metodologiaDiseno web 2 metodologia
Diseno web 2 metodologia
 
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
 

Último

Manual de uso Avanzado para Excel 2016.pdf
Manual de uso  Avanzado para Excel 2016.pdfManual de uso  Avanzado para Excel 2016.pdf
Manual de uso Avanzado para Excel 2016.pdfwilmar nuñez
 
La Bauhaus y la nueva tipografía en el diseño gráfico
La Bauhaus y la nueva tipografía en el diseño gráficoLa Bauhaus y la nueva tipografía en el diseño gráfico
La Bauhaus y la nueva tipografía en el diseño gráficoCristianLobo10
 
S7_ Grises y quebrados. semana 07 sesión 1
S7_ Grises y quebrados. semana 07 sesión 1S7_ Grises y quebrados. semana 07 sesión 1
S7_ Grises y quebrados. semana 07 sesión 1eje12345ja
 
encuadre.docx. . . . . . . . . . . .
encuadre.docx.                 . . . . . . . . . . .encuadre.docx.                 . . . . . . . . . . .
encuadre.docx. . . . . . . . . . . .ramosrodrigo0710
 
LA DEONTOLOGIA PROFESIONAL EN DISEÑO DE INTERIORES .pptx
LA DEONTOLOGIA PROFESIONAL EN DISEÑO DE INTERIORES .pptxLA DEONTOLOGIA PROFESIONAL EN DISEÑO DE INTERIORES .pptx
LA DEONTOLOGIA PROFESIONAL EN DISEÑO DE INTERIORES .pptxJUANOSCARVILLARROELA
 
Curso Suoervición titulación UAP Ing Civil 2024.pptx
Curso  Suoervición titulación UAP Ing Civil 2024.pptxCurso  Suoervición titulación UAP Ing Civil 2024.pptx
Curso Suoervición titulación UAP Ing Civil 2024.pptxYONEREUCEBIOCABIAFAL1
 
CATALOGO 2024 DIA DE LA MADRE, presentación.pdf
CATALOGO 2024 DIA DE LA MADRE, presentación.pdfCATALOGO 2024 DIA DE LA MADRE, presentación.pdf
CATALOGO 2024 DIA DE LA MADRE, presentación.pdftortillasdemaizjf2
 
ADMINISTRACION ADECUADA DE MEDICAMENTOS.pptx
ADMINISTRACION ADECUADA DE MEDICAMENTOS.pptxADMINISTRACION ADECUADA DE MEDICAMENTOS.pptx
ADMINISTRACION ADECUADA DE MEDICAMENTOS.pptxclinivalleu
 
7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...
7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...
7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...jose880240
 
Blue_Aesthetic_Mood_Board_Brand_Inspiration_Poster.pdf
Blue_Aesthetic_Mood_Board_Brand_Inspiration_Poster.pdfBlue_Aesthetic_Mood_Board_Brand_Inspiration_Poster.pdf
Blue_Aesthetic_Mood_Board_Brand_Inspiration_Poster.pdfNOEMIFONTEROMERO1
 
Presentación acerca del Design Thinking.pptx
Presentación acerca del Design Thinking.pptxPresentación acerca del Design Thinking.pptx
Presentación acerca del Design Thinking.pptxMartnAndrsContrerasL
 
Metodo-cuadricula-HyST para medicion con luxometro
Metodo-cuadricula-HyST para medicion con luxometroMetodo-cuadricula-HyST para medicion con luxometro
Metodo-cuadricula-HyST para medicion con luxometrojuanpiorellanodocent
 
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptxATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptxEdisonCondesoDelgado1
 
tema ilustrado 9 el inicio del reinado de juan carlos I
tema ilustrado 9 el inicio del reinado de juan carlos Itema ilustrado 9 el inicio del reinado de juan carlos I
tema ilustrado 9 el inicio del reinado de juan carlos Iirenecarmona12
 
que son los planos arquitectónicos y tipos
que son los planos arquitectónicos y tiposque son los planos arquitectónicos y tipos
que son los planos arquitectónicos y tiposNikholIk1
 
Tríptico-en-homenaje-por-el-día-de-la-madre.pdf
Tríptico-en-homenaje-por-el-día-de-la-madre.pdfTríptico-en-homenaje-por-el-día-de-la-madre.pdf
Tríptico-en-homenaje-por-el-día-de-la-madre.pdfPowerRayo
 
Triptico de los derechos humanos pe señorees jaja
Triptico de los derechos humanos pe señorees jajaTriptico de los derechos humanos pe señorees jaja
Triptico de los derechos humanos pe señorees jajadayannanicolzuluetab
 
Informe de Laboratorio 08 - Capacitores e Inductores.docx
Informe de Laboratorio 08 - Capacitores e Inductores.docxInforme de Laboratorio 08 - Capacitores e Inductores.docx
Informe de Laboratorio 08 - Capacitores e Inductores.docxBEATickPoco
 
LA NEUROARQUITECTURA COMO ESTRATEGIA DE DISEŇO PARA LA SALUD MENTAL
LA NEUROARQUITECTURA COMO ESTRATEGIA DE DISEŇO PARA LA SALUD MENTALLA NEUROARQUITECTURA COMO ESTRATEGIA DE DISEŇO PARA LA SALUD MENTAL
LA NEUROARQUITECTURA COMO ESTRATEGIA DE DISEŇO PARA LA SALUD MENTALPaolaPeguero4
 

Último (20)

Manual de uso Avanzado para Excel 2016.pdf
Manual de uso  Avanzado para Excel 2016.pdfManual de uso  Avanzado para Excel 2016.pdf
Manual de uso Avanzado para Excel 2016.pdf
 
La Bauhaus y la nueva tipografía en el diseño gráfico
La Bauhaus y la nueva tipografía en el diseño gráficoLa Bauhaus y la nueva tipografía en el diseño gráfico
La Bauhaus y la nueva tipografía en el diseño gráfico
 
S7_ Grises y quebrados. semana 07 sesión 1
S7_ Grises y quebrados. semana 07 sesión 1S7_ Grises y quebrados. semana 07 sesión 1
S7_ Grises y quebrados. semana 07 sesión 1
 
encuadre.docx. . . . . . . . . . . .
encuadre.docx.                 . . . . . . . . . . .encuadre.docx.                 . . . . . . . . . . .
encuadre.docx. . . . . . . . . . . .
 
LA DEONTOLOGIA PROFESIONAL EN DISEÑO DE INTERIORES .pptx
LA DEONTOLOGIA PROFESIONAL EN DISEÑO DE INTERIORES .pptxLA DEONTOLOGIA PROFESIONAL EN DISEÑO DE INTERIORES .pptx
LA DEONTOLOGIA PROFESIONAL EN DISEÑO DE INTERIORES .pptx
 
Curso Suoervición titulación UAP Ing Civil 2024.pptx
Curso  Suoervición titulación UAP Ing Civil 2024.pptxCurso  Suoervición titulación UAP Ing Civil 2024.pptx
Curso Suoervición titulación UAP Ing Civil 2024.pptx
 
CATALOGO 2024 DIA DE LA MADRE, presentación.pdf
CATALOGO 2024 DIA DE LA MADRE, presentación.pdfCATALOGO 2024 DIA DE LA MADRE, presentación.pdf
CATALOGO 2024 DIA DE LA MADRE, presentación.pdf
 
DIAGNOSTICO URBANO DE DE LA ISLA DE COCHE
DIAGNOSTICO URBANO DE DE LA ISLA DE COCHEDIAGNOSTICO URBANO DE DE LA ISLA DE COCHE
DIAGNOSTICO URBANO DE DE LA ISLA DE COCHE
 
ADMINISTRACION ADECUADA DE MEDICAMENTOS.pptx
ADMINISTRACION ADECUADA DE MEDICAMENTOS.pptxADMINISTRACION ADECUADA DE MEDICAMENTOS.pptx
ADMINISTRACION ADECUADA DE MEDICAMENTOS.pptx
 
7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...
7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...
7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...
 
Blue_Aesthetic_Mood_Board_Brand_Inspiration_Poster.pdf
Blue_Aesthetic_Mood_Board_Brand_Inspiration_Poster.pdfBlue_Aesthetic_Mood_Board_Brand_Inspiration_Poster.pdf
Blue_Aesthetic_Mood_Board_Brand_Inspiration_Poster.pdf
 
Presentación acerca del Design Thinking.pptx
Presentación acerca del Design Thinking.pptxPresentación acerca del Design Thinking.pptx
Presentación acerca del Design Thinking.pptx
 
Metodo-cuadricula-HyST para medicion con luxometro
Metodo-cuadricula-HyST para medicion con luxometroMetodo-cuadricula-HyST para medicion con luxometro
Metodo-cuadricula-HyST para medicion con luxometro
 
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptxATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
 
tema ilustrado 9 el inicio del reinado de juan carlos I
tema ilustrado 9 el inicio del reinado de juan carlos Itema ilustrado 9 el inicio del reinado de juan carlos I
tema ilustrado 9 el inicio del reinado de juan carlos I
 
que son los planos arquitectónicos y tipos
que son los planos arquitectónicos y tiposque son los planos arquitectónicos y tipos
que son los planos arquitectónicos y tipos
 
Tríptico-en-homenaje-por-el-día-de-la-madre.pdf
Tríptico-en-homenaje-por-el-día-de-la-madre.pdfTríptico-en-homenaje-por-el-día-de-la-madre.pdf
Tríptico-en-homenaje-por-el-día-de-la-madre.pdf
 
Triptico de los derechos humanos pe señorees jaja
Triptico de los derechos humanos pe señorees jajaTriptico de los derechos humanos pe señorees jaja
Triptico de los derechos humanos pe señorees jaja
 
Informe de Laboratorio 08 - Capacitores e Inductores.docx
Informe de Laboratorio 08 - Capacitores e Inductores.docxInforme de Laboratorio 08 - Capacitores e Inductores.docx
Informe de Laboratorio 08 - Capacitores e Inductores.docx
 
LA NEUROARQUITECTURA COMO ESTRATEGIA DE DISEŇO PARA LA SALUD MENTAL
LA NEUROARQUITECTURA COMO ESTRATEGIA DE DISEŇO PARA LA SALUD MENTALLA NEUROARQUITECTURA COMO ESTRATEGIA DE DISEŇO PARA LA SALUD MENTAL
LA NEUROARQUITECTURA COMO ESTRATEGIA DE DISEŇO PARA LA SALUD MENTAL
 

IA GUIDE

  • 1. 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.
  • 2. ¿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.
  • 3. 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.
  • 4. 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.
  • 5. 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.
  • 6. 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.
  • 7. 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.
  • 8. 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.
  • 9. 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).
  • 10. 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.
  • 11. • 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.