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.