Arquitectura de la Información y Usabilidad - Clase 2
-
Upload
nicolas-arevalo-varela -
Category
Documents
-
view
102 -
download
2
description
Transcript of Arquitectura de la Información y Usabilidad - Clase 2
![Page 1: Arquitectura de la Información y Usabilidad - Clase 2](https://reader033.fdocuments.mx/reader033/viewer/2022052623/559b73cb1a28ab844f8b45cd/html5/thumbnails/1.jpg)
Catedra de Arquitectura de la
Información y Usabilidad
Clase 2
![Page 2: Arquitectura de la Información y Usabilidad - Clase 2](https://reader033.fdocuments.mx/reader033/viewer/2022052623/559b73cb1a28ab844f8b45cd/html5/thumbnails/2.jpg)
La AI nos permite:
Clasificar la información
Estructura la información
Desarrolla esquemas de organización. Contenido.
Estructuras de información. Tipos de relaciones.
![Page 3: Arquitectura de la Información y Usabilidad - Clase 2](https://reader033.fdocuments.mx/reader033/viewer/2022052623/559b73cb1a28ab844f8b45cd/html5/thumbnails/3.jpg)
Con esto logramos:
Jerarquización visual clara y entendible
Uso de convecciones
División y zonificación de la pagina
Identificación del contenido
Eliminación del ruido visual
![Page 4: Arquitectura de la Información y Usabilidad - Clase 2](https://reader033.fdocuments.mx/reader033/viewer/2022052623/559b73cb1a28ab844f8b45cd/html5/thumbnails/4.jpg)
Elementos de la Arquitectura
1. Esquemas de Organización
2. Etiquetado
3. Navegación
4. Sistemas de Búsqueda
![Page 5: Arquitectura de la Información y Usabilidad - Clase 2](https://reader033.fdocuments.mx/reader033/viewer/2022052623/559b73cb1a28ab844f8b45cd/html5/thumbnails/5.jpg)
1. Esquemas de Organización
1. Esquemas de Organización
2. Navegación
3. Etiquetado
4. Sistemas de Búsqueda
![Page 6: Arquitectura de la Información y Usabilidad - Clase 2](https://reader033.fdocuments.mx/reader033/viewer/2022052623/559b73cb1a28ab844f8b45cd/html5/thumbnails/6.jpg)
1. Esquemas de Organización
Esquemas
Exactos Ambiguos
Alfabéticos Temas
Cronológicos Tareas
Audiencia
Metáfora
Hibrido
Estructuras
Jerarquica
Basada en registro
Hipertextual
Secuencial
Tabla o matriz
![Page 7: Arquitectura de la Información y Usabilidad - Clase 2](https://reader033.fdocuments.mx/reader033/viewer/2022052623/559b73cb1a28ab844f8b45cd/html5/thumbnails/7.jpg)
1. Esquemas de Organización
![Page 8: Arquitectura de la Información y Usabilidad - Clase 2](https://reader033.fdocuments.mx/reader033/viewer/2022052623/559b73cb1a28ab844f8b45cd/html5/thumbnails/8.jpg)
1. Esquemas de Organización
![Page 9: Arquitectura de la Información y Usabilidad - Clase 2](https://reader033.fdocuments.mx/reader033/viewer/2022052623/559b73cb1a28ab844f8b45cd/html5/thumbnails/9.jpg)
1. Esquemas de Organización
![Page 10: Arquitectura de la Información y Usabilidad - Clase 2](https://reader033.fdocuments.mx/reader033/viewer/2022052623/559b73cb1a28ab844f8b45cd/html5/thumbnails/10.jpg)
1. Esquemas de Organización
![Page 11: Arquitectura de la Información y Usabilidad - Clase 2](https://reader033.fdocuments.mx/reader033/viewer/2022052623/559b73cb1a28ab844f8b45cd/html5/thumbnails/11.jpg)
1. Esquemas de Organización
http://webstyleguide.com/wsg3/3-information-architecture/3-site-structure.html
![Page 12: Arquitectura de la Información y Usabilidad - Clase 2](https://reader033.fdocuments.mx/reader033/viewer/2022052623/559b73cb1a28ab844f8b45cd/html5/thumbnails/12.jpg)
1. Esquemas de Organización
http://webstyleguide.com/wsg3/3-information-architecture/3-site-structure.html
![Page 13: Arquitectura de la Información y Usabilidad - Clase 2](https://reader033.fdocuments.mx/reader033/viewer/2022052623/559b73cb1a28ab844f8b45cd/html5/thumbnails/13.jpg)
2. Navegación
Sistemas básicos
Sistemas Integrados Sistemas Complementarios
Sistemas Constantes Mapa de sitio
Sistemas Locales Indices
Sistemas Contextuales Guias
Sistemas no básicos
Sistemas de Personalización
Navegación Visual
Navegación social
![Page 14: Arquitectura de la Información y Usabilidad - Clase 2](https://reader033.fdocuments.mx/reader033/viewer/2022052623/559b73cb1a28ab844f8b45cd/html5/thumbnails/14.jpg)
2. Navegación
Design Patterns como:
1. Menu
2. Breadcumbs
3. Tabs
![Page 15: Arquitectura de la Información y Usabilidad - Clase 2](https://reader033.fdocuments.mx/reader033/viewer/2022052623/559b73cb1a28ab844f8b45cd/html5/thumbnails/15.jpg)
3. Etiquetado
Es la nomenclatura que poseen ciertas zonas del contenido.
Estas deben desarrollarse como un sistema, para que sean coherentes y consistentes.
![Page 16: Arquitectura de la Información y Usabilidad - Clase 2](https://reader033.fdocuments.mx/reader033/viewer/2022052623/559b73cb1a28ab844f8b45cd/html5/thumbnails/16.jpg)
3. Etiquetado
![Page 17: Arquitectura de la Información y Usabilidad - Clase 2](https://reader033.fdocuments.mx/reader033/viewer/2022052623/559b73cb1a28ab844f8b45cd/html5/thumbnails/17.jpg)
4. Sistema de Búsqueda
http://www.infoxicacion.cl/%C2%BFque-hace-la-arquitectura-de-informacion-sistemas-de-busqueda-parte-v/