1. 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...).
4. AI > 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
5. AI > Entregables de AI
Blueprints - vocabulario
www.jjg.net/ia/visvocab/spanish.html
6. 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, dis
eñadores y clientes.
• También se pueden utilizar para
pruebas de usuarios.
Olga carreras
7. AI > Entregables de AI
Wireframes
+info: olgacarreras.blogspot.com/2007/02/wireframes.html
8. Wireframes – herramientas
AI > Entregables de AI
online
• https://gomockingbird.com/mockingbird/
• https://www.lucidchart.com/
10. AI > Herramientas de AI
Card Sorting
• 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 web
Yusef 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
12. AI > Herramientas de AI
Card Sorting
• Método tradicional
• Aplicaciones en línea
13. AI > Herramientas de AI
Card Sorting
Ayuda a que un usuario
encuentre un contenido
dentro del sitio.
Ya llegó al sitio
14. AI > Herramientas de AI
Tree testing
• 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.
15. AI > Herramientas de AI
Test de 5 segundos
• 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.
16. AI > Herramientas de AI
Análisis métrico
http://www.google.com/analytics/
17. AI > Herramientas de AI
Análisis métrico
Ayuda a que un usuario
encuentre el sitio.
Luego hay que ayudarlo a
encontrar el contenido
dentro del sitio.