ARQUITECTURA DE INFORMACIÓN, USABILIDAD, ACCESIBILIDAD

Tamaño: px

Comenzar la demostración a partir de la página:

Download "ARQUITECTURA DE INFORMACIÓN, USABILIDAD, ACCESIBILIDAD"

Aurora Venegas Salinas
hace 8 años
Vistas:

1 Unidad 3 ARQUITECTURA DE INFORMACIÓN, USABILIDAD, ACCESIBILIDAD Elementos de la experiencia de usuario Arquitectura de la información Fases de análisis Sistemas de organización Análisis i de usuarios Usabilidad Accesibilidad Elementos de la experiencia de usuario Culminación Superficie Diseño visual Esqueleto Diseño de la interfaz Diseño de la información Diseño de la navegación Estructura Diseño de la interacción Arquitectura de información Alcance Especificaciones funcionales Requerimientos de contenido Estrategia Web como interfaz de software Autor: Jesse James Garrett Necesidades del usuario Objetivos del sitio Web como sistema de hipertexto Concepción 1

Diseño de la información Diseño de la navegación Estructura Diseño de la interacción Arquitectura de información Alcance Especificaciones funcionales Requerimientos de

2 Arquitectura de la información "Arquitectura de la Información (AI) se refiere al diseño, organización, etiquetado, navegación y sistemas de búsqueda que ayudan a los usuarios a encontrar y gestionar la información de manera efectiva. Fases de la metodología de la AI Metodología Fases de Análisis Fases de Diseño Fase de Implementación Análisis del contexto Inventario del contenido Comunicación de propuesta Análisis del contenido Modelos de contenido Desarrollo del sitio Análisis de usuarios Representación del vocabulario Guía de estilo Prototipado Evaluación 2

Fases de la metodología de la AI Metodología Fases de Análisis Fases de Diseño Fase de Implementación Análisis del contexto Inventario del

3 Fases de análisis Sistemas de organización exactos Esquema Álfabético 3

4 Sistemas de organización exactos Esquema Cronológica Sistemas de organización exactos Esquema Geográfico 4

5 Sistemas de organización exactos Esquema Geográfico Sistemas de organización ambigüo Esquema por tema 5

6 Sistemas de organización ambigüo Esquema por audiencia Sistemas de organización ambigüo Esquema por metáfora 6

7 Estructuras de organización Estructuras de organización 7

8 Estructuras de organización Ejemplos de sitios complejos 8

9 Ejemplos de sitios complejos Ejemplos de sitios complejos 9

10 Sistemas de navegación Patrón de diseño: Sistemas de Acordeón Sistemas de navegación Patrón de diseño: Búsqueda y resultados 10

11 Sistemas de navegación Patrón de diseño: migas de pan (breadcrumbs) Patrón de diseño: carrousel Sistemas de navegación Vertical Menu Main Menu Flotante Menu de íconos 11

12 Sistemas de navegación Barras y tabs/pertañas o solapas Sistemas de navegación Por imágenes 12

13 Sistemas de navegación Directorios Categorías Sistemas de navegación Mapa de sitio en footer Mapa de sitio 13

14 Sistemas de navegación Secuencia: Paso a paso oq=m~íêçåéë=çéä=çáëé çw=üííéwllï ï ï Kï ÉäáÉKÅçã Lé~ííÉêåëL Sistemas de navegación por páginas 14

15 Sistemas de navegación por acceso directo a la página Sistemas de navegación Etiquetado social 15

16 Análisis de usuarios Análisis de usuarios Método No Participativos Software de estadística de uso Análisis de sesiones de búsqueda Departamento de atención al cliente Métodos Persona y Modelos Mentales Métodos Participativos Cuestionarios Focus Group Entrevistas Card sorting Eye tracking Test de usuarios Metodología para el análisis de los usuarios Cuál es el camino? =No sabe dónde está: El usuario desconoce su situación actual en relación a la estructura global de la información del sitio Web y no percibe la relación que hay entre la página actual y el resto de páginas. =No sabe dónde ha estado: El usuario desconoce la ruta de navegación que ha seguido hasta la posición actual y por consiguiente no es capaz de identificar las páginas ya visitadas. =No sabe a dónde puede ir: El usuario no puede identificar los enlaces que contienen información relacionada con la página actual. 16

=No sabe dónde está: El usuario desconoce su situación actual en relación a la estructura global de la información del sitio Web y no percibe la relación que hay entre la página actual y el resto de

17 Metodología para el análisis de los usuarios Metodología para el análisis de los usuarios BluePrints Usada para hacer la diagramación de sitios web. Consiste en un "vocabulario visual para describir arquitectura de información y diseño de interacción. El sistema de diagramación está compuesto de símbolos geométricos, flechas y líneas. 17

Consiste en un "vocabulario visual para describir arquitectura de información y

18 Metodología para el análisis de los usuarios Wireframes o mockups (esqueleto de la interfaz) Una representación esquemática de una página web sin elementos gráficos que muestran contenido y comportamiento de las páginas. Sirven como herramienta de comunicación y discusión entre arquitectos de información, programadores, diseñadores y clientes. También se pueden utilizar para pruebas de usuarios. Es una representación gráfica del contenido. Metodología para el análisis de los usuarios Wireframes o mockups Baja definición 18

Sirven como herramienta de comunicación y discusión entre arquitectos de información, programadores, diseñadores y clientes.

19 Metodología para el análisis de los usuarios Wireframes o mockups Alta definición Metodología para el análisis de los usuarios Wireframes o mockups N =mêçíçíáéç=çé=íï áííéê 19

definición usuarios Wireframes o mockups N

20 Metodología para el análisis de los usuarios Wireframes o mockups Disposición de la información Metodología para el análisis de los usuarios Eyetracking (seguimiento del ojo) 20

21 Metodología para el análisis de los usuarios Eyetracking (seguimiento del ojo) Usabilidad La usabilidad es un atributo de calidad que evalúa cuan fáciles son las interfaces de usuarios (UI) de usar. Jakob Nielsen 21

22 Usabilidad Se define coloquialmente como facilidad de uso, ya sea de una página web, una aplicación informática o cualquier otro sistema que interactue con un usuario. Eduardo Manchon "La usabilidad se refiere a la capacidad de un software de ser comprendido, aprendido, usado y ser atractivo para el usuario, en condiciones específicas de uso ISO/IEC 9126e. Nuestros productos no son para Nosotros SINO para nuestros Clientes Imágenes subidas por usuarios a: 22

23 Y la usabilidad dóde está? Y la usabilidad dóde está? 23

24 Usabilidad aplicada en formularios Usabilidad aplicada en formularios 24

25 Usabilidad aplicada en formularios Usabilidad aplicada en formularios 25

26 Accesibilidad Definición: «la accesibilidad indica la facilidad con la que algo puede ser usado, visitado o accedido en general por todas las personas, especialmente por aquellas que poseen algún tipo de discapacidad.» Organizacion Internacional del Trabajo dice: «se refiere al derecho de toda persona con discapacidad a participar en igualdad de oportunidades en las actividades cotidianas como son: empleo, transporte, educación, recreación y la tecnología sin ningún tipo de barrera o limitación». it ió Accesibilidad g~âçä k áéäëéå W3C: "Hablar de accesibilidad web es hablar del acceso de todos a la web, independientemente del tipo de hardware, software, infraestructura de red, idioma, cultura, localización geográfica y capacidades de los usuarios» 26

27 Accesibilidad Referencias - Lluis Codina. - Alfons Cornella. Cómo sobrevivir a la Infoxicación. - Jakob Nielsen. - Ainda.info: Usabilidad, diseño Web fácil de usar. - Baquia. - Desarrollo Web. - Disc@pnet. - El Portal de la Unión Europea. - Fundación Sidar - Acceso Universal. - W3C World Wide Web Consortium. - Webestilo: Usabilidad, programación. - Domestika. - Yusef Hassan Montero. - Eduardo Manchon. p - Ricardo Baeza-yates. Modern Information Retrieval - HyperText.net. - Cómo funciona la web. - The Information Architecture Institute - Pérez-Montoro Gutiérrez,Mario. Arquitectura de la información en entornos web, Ed.TREA - Rafael Castillo Guerrero. - Patrones del diseño: - Jorge Serrano Cobos: 27

Documentos relacionados

Metodología de Desarrollo de Sitios Web. El desarrollo de software vs. El desarrollo de sitios web

Metodología de Desarrollo de Sitios Web Luis Carlos Aceves G. El desarrollo de software vs. El desarrollo de sitios web Diferencias en la forma de trabajar (metodología): Quién es el usuario? Rol de la