Download Recomendar una estrategia - Universidad de los Andes

1
ANÁLISIS Y DISEÑO DE INTERFACES
CONCEPTOS BÁSICOS
Pablo Figueroa
Dpto. de Ingeniería de Sistemas y Computación
Universidad de los Andes
Referencia
2

Interaction Design: Beyond Human-Computer Interaction.
Jennifer Preece, Yvonne Rogers, Helen Sharp. Wiley.
2002
Contenido
3






Motivación
Metodología centrada en el usuario
Integración con el ciclo del curso
Análisis de Interfaces
Diseño de Interfaces
Evaluación
Motivación
4


La interfaz es el medio de comunicación entre la
aplicación y el usuario
Determina el éxito o fracaso de la aplicación
Primera impresión
 No importa el código, se juzga la interfaz

Metodología centrada en el usuario
5



Se ejecutan ciclos rápidos
de estas actividades para
darle forma a la interfaz
Las alternativas DEBEN ser
prototipos rápidos, para
acelerar el proceso de
evaluación
Las alternativas y las
pruebas son más detalladas
conforme se avanza en el
proceso
Integración con el ciclo del curso
6
Lanzamientoi
Estrategiai
Planeacióni
Requerimientosi
Diseñoi
Implementacióni
Pruebasi
Postmortemi
• Planear tareas con usuarios
• Iteraciones para establecer necesidades
• Iteraciones para concretar interfaz
• Implementación prototipo final
• Pruebas cuantitativas de usabilidad
Actividades
7

Establecer necesidades
Identificar necesidades por tipo de usuario
 Conocer de los usuarios sus necesidades


Diseñar alternativas


Identificar varias alternativas que satisfacen las
necesidades de los usuarios
Evaluar alternativas
Calificar las alternativas. Generar recomendaciones de
cambio
 Involucrar a los usuarios en el proceso de identificación
de la mejor alternativa

Técnicas para Desarrollar Actividades
8

Establecer necesidades
Observación
 Entrevistas
 Consulta de documentos de referencia
 Escenarios de interfaz


Diseñar alternativas
Definición de metáforas, modelos conceptuales, o
paradigmas de interacción
 Storyboards
 Prototipos funcionales rápidos
 Uso de guías de diseño

Técnicas para Desarrollar Actividades (2)
9

Evaluar alternativas
Evaluación por usuarios
 Evaluación por expertos de interfaz
 Talk-Aloud
 Experimentos controlados

Algunas Técnicas
10

Storyboards

Un dibujo de un estado
de la interfaz,
acompañado por:
Descripción del estado
 Siguientes dibujos
(estados, y la forma de
pasar)


Puede ser util tener una
tarjeta por estado
Algunas Técnicas (2)
11

Entrevistas y cuestionarios
Preparar la experiencia y las medidas
 Hacer pruebas piloto para revisar
 No sesgar las respuestas
 Prepare una ´Forma de Aceptación´
 Produzca conclusiones tan pronto como sea posible
 Identifique la información demográfica necesaria

Algunas Técnicas (3)
12

Diseño y evaluación por Guías de diseño
 Conociendo
las reglas de calidad de interfaces en un
ambiente, evaluar qué tanto se cumplen en un diseño

Procedimiento
 Conocer
las guías de diseño
 Hacer un documento con los elementos a revisar de la
interfaz. (Subconjunto de las guías)
 Usar/revisar la interfaz por cierto tiempo, anotando
hallazgos relacionados al los puntos en revisión
 Recolectar los hallazgos de todas las revisiones y
generar un documento de conclusiones
Algunas Técnicas (4)
13

Guías de diseño
 Java
Look and Feel Design Guidelines (Vol. I y II)
 http://java.sun.com/products/jlf/
 Official
Guidelines for User Interface Developers
and Designers
 http://msdn.microsoft.com/library/default.asp?url=/libr
ary/en-us/dnwue/html/welcome.asp
 Ten
Usability Heuristics, by Nielsen
 http://www.useit.com/papers/heuristic/heuristic_list.html