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...).

Entregables de la AI

Entregables de AIAI > Entregables de 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

Blueprints - vocabulario

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

AI > Entregables de 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

Wireframes

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

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

AI > Entregables de AI

Wireframes – herramientas online

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

AI > Entregables de AI

Herramientas de 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

Card SortingAI > Herramientas de AI

Card SortingAI > Herramientas de AI

• Método tradicional

• Aplicaciones en línea

Card SortingAI > Herramientas de AI

Ayuda a que un usuario encuentre un contenido

dentro del sitio.

Ya llegó al sitio

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.

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.

Análisis métricoAI > Herramientas de AI

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

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.