arquitectura de la información y usabilidad
TRANSCRIPT
![Page 1: Arquitectura de la información y Usabilidad](https://reader037.vdocuments.pub/reader037/viewer/2022103001/558a541ed8b42a851e8b45d8/html5/thumbnails/1.jpg)
Arquitectura de la información en sitios web y Usabilidad
-Ing. Iván F. Aguilar RojasLima , Diciembre del 2011
![Page 2: Arquitectura de la información y Usabilidad](https://reader037.vdocuments.pub/reader037/viewer/2022103001/558a541ed8b42a851e8b45d8/html5/thumbnails/2.jpg)
1. Arquitectura de la información
Objetivos
• La clave del éxito de un Sitio Web está dada por la forma en que se presenta la información a los visitantes.
Definición
• Métodos y herramientas que permiten estructurar los contenidos, para ser encontrados y utilizados por los usuarios, de manera simple y directa.
![Page 3: Arquitectura de la información y Usabilidad](https://reader037.vdocuments.pub/reader037/viewer/2022103001/558a541ed8b42a851e8b45d8/html5/thumbnails/3.jpg)
1. Arquitectura de la información
Para estructurar la información, la arquitectura de la información sigue estas metodologías:
• Definición de objetivos del sitio.• Definición de audiencia.• Definición de contenidos del
sitio.• Definición de estructura del
sitio.• Definición de sistemas de
navegación.• Definición del diseño visual.
![Page 4: Arquitectura de la información y Usabilidad](https://reader037.vdocuments.pub/reader037/viewer/2022103001/558a541ed8b42a851e8b45d8/html5/thumbnails/4.jpg)
Definición de objetivos del sitio
• Reconocer los objetivos y establecer la forma de cumplirlos.
• Reconocer un objetivo central y luego varios objetivos secundarios.
• Estos objetivos se definen al inicio del desarrollo, las metas claras.
• Es recomendable usar frases que se inicien con verbos
• Tomar como base la misión y visión de la empresa.• La lista de objetivos no deberías ser más de cinco
proposiciones.• De los objetivos se desglosaran tareas concretas .
1. Arquitectura de la información
![Page 5: Arquitectura de la información y Usabilidad](https://reader037.vdocuments.pub/reader037/viewer/2022103001/558a541ed8b42a851e8b45d8/html5/thumbnails/5.jpg)
1. Arquitectura de la informaciónDefinición de Audiencia• La audiencia de un sitio web es altamente
variable.• Para reconocer la audiencia hay que conocer
la Empresa.• Ayuda en la definición entrevistas con
usuarios y conocer sus requerimientos de información.
• Se debe poder atender a todas las audiencias:• Por su capacidad física• Por su capacidad técnica• Por su conocimiento de la empresa.• Por su necesidad de información.• Por su ubicación geográfica
![Page 6: Arquitectura de la información y Usabilidad](https://reader037.vdocuments.pub/reader037/viewer/2022103001/558a541ed8b42a851e8b45d8/html5/thumbnails/6.jpg)
1. Arquitectura de la informaciónDefinición de Contenidos del Sitio.• Determina los contenidos, la información de
las etapas anteriores, ya que al definir objetivos y audiencias sabremos las necesidades de los usuarios en el sitio.
• Generalmente un sitio siempre debería tener:• Información sobre la empresa.• Productos o servicios ofrecidos.• Novedades de la empresa.
• Se debe identificar los requerimientos funcionales.
• Análisis de sitios similares.
![Page 7: Arquitectura de la información y Usabilidad](https://reader037.vdocuments.pub/reader037/viewer/2022103001/558a541ed8b42a851e8b45d8/html5/thumbnails/7.jpg)
1. Arquitectura de la información
Definición de la Estructura del Sitio
1.- Creación de la estructura.
2.- Mapas permanentes del sitio.
2.1 .-Árbol Organizacional.
2.2.- Árbol Funcional.
![Page 8: Arquitectura de la información y Usabilidad](https://reader037.vdocuments.pub/reader037/viewer/2022103001/558a541ed8b42a851e8b45d8/html5/thumbnails/8.jpg)
1. Arquitectura de la información1.- Creación de la estructura
• Se refiere a la forma que tendrá el Sitio Web con sus secciones, funcionalidades y sistemas de navegación.
• No considera ni incluye elementos gráficos. Se define la oferta de elementos de información e interacción que tendrá el usuario .
![Page 9: Arquitectura de la información y Usabilidad](https://reader037.vdocuments.pub/reader037/viewer/2022103001/558a541ed8b42a851e8b45d8/html5/thumbnails/9.jpg)
1.Arquitectura de la información
Plantillas
funcionales
![Page 10: Arquitectura de la información y Usabilidad](https://reader037.vdocuments.pub/reader037/viewer/2022103001/558a541ed8b42a851e8b45d8/html5/thumbnails/10.jpg)
1. Arquitectura de la información2 .-Mapas permanentes del sitio
• Se refiere al proceso de crear un árbol de contenido en el que se muestre de manera práctica cuantas secciones tendrá el sitio en desarrollo y cuantos niveles habrá dentro de cada uno.
• Se puede trabajar con dos tipos de arboles.
![Page 11: Arquitectura de la información y Usabilidad](https://reader037.vdocuments.pub/reader037/viewer/2022103001/558a541ed8b42a851e8b45d8/html5/thumbnails/11.jpg)
1. Arquitectura de la información2.1.- Árbol Organizacional
•Agrupa los contenidos de la manera en como se organiza la empresa, pero no está basado en su estructura de funcionamiento.
![Page 12: Arquitectura de la información y Usabilidad](https://reader037.vdocuments.pub/reader037/viewer/2022103001/558a541ed8b42a851e8b45d8/html5/thumbnails/12.jpg)
1.Arquitectura de la información
Árbol organizacio
nal
![Page 13: Arquitectura de la información y Usabilidad](https://reader037.vdocuments.pub/reader037/viewer/2022103001/558a541ed8b42a851e8b45d8/html5/thumbnails/13.jpg)
1. Arquitectura de la información
2.1.- Árbol Funcional
• Agrupa el contenido de acuerdo a las tareas que se pueden realizar dentro del sitio web. • Secciones: deben ser entre 5 o 7 .• Niveles no debería tener más de 3 niveles de acceso.
• Contenidos relacionados, este tipo de elementos quedan fuera del árbol y deberían “flotar” sobre este.
![Page 14: Arquitectura de la información y Usabilidad](https://reader037.vdocuments.pub/reader037/viewer/2022103001/558a541ed8b42a851e8b45d8/html5/thumbnails/14.jpg)
1.Arquitectura de la información
Árbol Funcional
![Page 15: Arquitectura de la información y Usabilidad](https://reader037.vdocuments.pub/reader037/viewer/2022103001/558a541ed8b42a851e8b45d8/html5/thumbnails/15.jpg)
1. Arquitectura de la información
Definición de los Sistemas de Navegación
• navegación textual( menús, guías, botones, etc.)• Navegación contextual (la presentación de la información, la
grafica, la redacción, etc.)
![Page 16: Arquitectura de la información y Usabilidad](https://reader037.vdocuments.pub/reader037/viewer/2022103001/558a541ed8b42a851e8b45d8/html5/thumbnails/16.jpg)
1. Arquitectura de la información
Características de los sistemas de navegación
Consistente: debe ser similar en todo el sitio
Uniforme: el sistema debe usar términos similares, su uso llevará
siempre a los mismos lugares dentro del sitio
Visible: el sistema debe distinguirse claramente dentro
del sitio.
![Page 17: Arquitectura de la información y Usabilidad](https://reader037.vdocuments.pub/reader037/viewer/2022103001/558a541ed8b42a851e8b45d8/html5/thumbnails/17.jpg)
1. Arquitectura de la información
Elementos de los sistemas de navegación
Menú general.
Pie de pagina.
Barra corporativa.
Ruta de acceso.
Fecha de publicación.
Botón de home.
Botón mapa del sitio.
Botón Contacto. Buscador. Botón de
ayuda.Botón de imprimir.
Botón de compartir en redes sociales.
![Page 18: Arquitectura de la información y Usabilidad](https://reader037.vdocuments.pub/reader037/viewer/2022103001/558a541ed8b42a851e8b45d8/html5/thumbnails/18.jpg)
1. Arquitectura de la información
Definición del Diseño Visual
Diseño de las Estructuras de Páginas: se considera la generación de dibujos lineales que describen los componentes de cada pantalla del sitio.
Bocetos de Diseño: son dibujos digitales acabados de la forma que tendrán las paginas genéricas principales del Sitio.
Borradores de Página; Una vez aprobados los bocetos se los toma y se convierte en un prototipo .
Maqueta Web: En esta etapa final consiste en generar todo el sitio web o sus plantillas usando tecnología HTML y hojas de estilo CSS.
![Page 19: Arquitectura de la información y Usabilidad](https://reader037.vdocuments.pub/reader037/viewer/2022103001/558a541ed8b42a851e8b45d8/html5/thumbnails/19.jpg)
2 .- USABILIDAD
Introducción•La ambición de un Sitio Web es transformarse en un autoservicio de información e interacción, que requiera de la menor explicación posible para que los usuarios que lo visitan, puedan encontrar la información y completar las tareas que se les proponen desde el sitio web.
Definición •Es la medida de la calidad de la experiencia que tiene un usuario cuando interactúa con un sistema o producto.
![Page 20: Arquitectura de la información y Usabilidad](https://reader037.vdocuments.pub/reader037/viewer/2022103001/558a541ed8b42a851e8b45d8/html5/thumbnails/20.jpg)
2 .- USABILIDAD
1 Facilidad de
aprendizaje.
2 Facilidad y Eficiencia
de uso.
3 Facilidad de recordar cómo
funciona.
4 Frecuencia y gravedad de errores.
5 Satisfacción subjetiva
Características de la
usabilidad
![Page 21: Arquitectura de la información y Usabilidad](https://reader037.vdocuments.pub/reader037/viewer/2022103001/558a541ed8b42a851e8b45d8/html5/thumbnails/21.jpg)
2 .- USABILIDAD
Diseñar un sitio es siempre un acto de balance.
Siempre se deben optimizar muchas variables al mismo tiempo.
No hay reglas universales .
se debe diseñar pensando que los usuarios no leen los textos sino que van saltando por el contenido.
Steve
Krug
![Page 22: Arquitectura de la información y Usabilidad](https://reader037.vdocuments.pub/reader037/viewer/2022103001/558a541ed8b42a851e8b45d8/html5/thumbnails/22.jpg)
2.- USABILIDAD
Medición de la usabilidad.aplicar métodos que permitan obtener datos objetivos.
Visibilidad del estado del sistema.
Relación entre el sistema y el mundo real.
Control y libertad del usuario
Consistencia y estándares.
Prevención de errores.
Jakob Nielsen
![Page 23: Arquitectura de la información y Usabilidad](https://reader037.vdocuments.pub/reader037/viewer/2022103001/558a541ed8b42a851e8b45d8/html5/thumbnails/23.jpg)
2.- USABILIDAD
Propone que un grupo de expertos revise el sitio web, ya sea en la etapa de pre-producción o en la etapa de construcción y contrastar su funcionamiento contra el grupo de principios enunciados.
Consiste en que un experto observa la forma en que un usuario emplea un sistema y a partir de eso, logra establecer los principales problemas que tiene su interfaz.
Test Heurís
tico
Test de
Usuario
![Page 24: Arquitectura de la información y Usabilidad](https://reader037.vdocuments.pub/reader037/viewer/2022103001/558a541ed8b42a851e8b45d8/html5/thumbnails/24.jpg)
Gracias