Entregables de la AI

of 17 /17
Interfaces de usuario y Usabilidad Disclaimer: Lamentablemente (para el autor) nada de esto es creación del autor, su único mérito es recopilar información reconociendo a los autores originales y presentarlo en un formato apropiado para servir de apoyo a las clases en Facultad de Ingeniería . No obstante, esta presentación puede contener opiniones del autor (en lo posible, pocas...).

description

Algunso eArquitectura de la Información

Transcript of Entregables de la AI

Page 1: Entregables de la AI

Interfaces de usuario y Usabilidad

Disclaimer: Lamentablemente (para el autor) nada de esto es creación del autor, su único mérito es recopilar información reconociendo a los autores originales y presentarlo en un formato apropiado para servir de apoyo a las clases en Facultad de Ingeniería . No obstante, esta presentación puede contener opiniones del autor (en lo posible, pocas...).

Page 2: Entregables de la AI

Entregables de la AI

Page 3: Entregables de la AI

Entregables de AIAI > Entregables de AI

Page 4: Entregables de la AI

Blueprints• Muestran las relaciones entre paginas y otros contenidos, se

utilizan para mostrar un esquema de la organización, navegación y su sistema de etiquetas.

• Se puede entender casi como un mapa del sitio

AI > Entregables de AI

Page 5: Entregables de la AI

Blueprints - vocabulario

www.jjg.net/ia/visvocab/spanish.html

AI > Entregables de AI

Page 6: Entregables de la AI

Wireframes• Una representación esquemática

de una pagina web sin elementos gráficos que muestran contenido y comportamiento.

• 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. Olga carreras

AI > Entregables de AI

Page 7: Entregables de la AI

Wireframes

+info: olgacarreras.blogspot.com/2007/02/wireframes.html

http://www.slideshare.net/rots/taller-de-wireframes-5540204

AI > Entregables de AI

Page 8: Entregables de la AI

Wireframes – herramientas online

• https://gomockingbird.com/mockingbird/• https://www.lucidchart.com/

AI > Entregables de AI

Page 9: Entregables de la AI

Herramientas de AI

Page 10: Entregables de la AI

Card SortingAI > Herramientas de AI

• Ordenación de tarjetas• La técnica se basa en la observación de como los usuarios

agrupan y asocian entre si un numero predeterminado de tarjetas etiquetadas con las diferentes categorías temáticas del sitio webYusef Hassan Montero

• Abierto: • el usuario escribe sus etiquetas o rótulos en una tarjeta sobre

un tema dado, pudiendo agruparlos

• Cerrado: • el usuario recibe una cantidad de tarjetas ya etiquetadas, se

utiliza para comprobar

Page 11: Entregables de la AI

Card SortingAI > Herramientas de AI

Page 12: Entregables de la AI

Card SortingAI > Herramientas de AI

• Método tradicional

• Aplicaciones en línea

Page 13: Entregables de la AI

Card SortingAI > Herramientas de AI

Ayuda a que un usuario encuentre un contenido

dentro del sitio.

Ya llegó al sitio

Page 14: Entregables de la AI

Tree testingAI > Herramientas de AI

• Test para probar específicamente mapas de sitio. • El usuario recibe una tarea, y se le presenta el mapa

del sitio para que intente encontrar lo que busca. • La clave del test está en mostrar la estructura del sitio

por niveles de jerarquía, con lo que es posible medir el porcentaje de usuarios que llegaron directamente al objetivo, el porcentaje de retrocesos, entre otros.

Page 15: Entregables de la AI

Test de 5 segundosAI > Herramientas de AI

• Ver cómo reaccionan los usuarios en un margen de tiempo reducido. – para comprobar rótulos a usar en las categorías– para identificar qué elementos de la interfaz son

memorizados con mayor facilidad.• Se presentan opciones y se exige una

respuesta antes del tiempo estipulado.

Page 16: Entregables de la AI

Análisis métricoAI > Herramientas de AI

http://www.google.com/analytics/

Page 17: Entregables de la AI

Análisis métricoAI > Herramientas de AI

Ayuda a que un usuario encuentre el sitio.

Luego hay que ayudarlo a encontrar el contenido

dentro del sitio.