+ All Categories
Home > Education > Taller de Desarrollo de Interfaces (UNSIS)

Taller de Desarrollo de Interfaces (UNSIS)

Date post: 05-Dec-2014
Category:
Upload: mario-a-moreno-rocha
View: 1,145 times
Download: 0 times
Share this document with a friend
Description:
Notas del taller de Desarrollo de Interfaces impartido durante la 4ta Semana de Informática en la UNSIS (Octubre 2011)
52
Monday, October 10, 2011
Transcript
Page 1: Taller de Desarrollo de Interfaces (UNSIS)

Monday, October 10, 2011

Page 2: Taller de Desarrollo de Interfaces (UNSIS)

Taller de Interfaces Humano-Computadora:Una aproximación al desarrollo de interfaces centradas al usuario

Mario Alberto Moreno RochaUsaLab Laboratorio de Usabilidad

Universidad Tecnológica de la Mixteca

Monday, October 10, 2011

Page 3: Taller de Desarrollo de Interfaces (UNSIS)

Objetivo del taller: mostrar un panorama acerca de la Interacción Humano-Computadora y la aplicación de la usabilidad en un desarrollo de interfaces de usuario que pueda ser útil para los asistentes del taller en sus respectivas actividades.

3

UNSIS 2011

Monday, October 10, 2011

Page 4: Taller de Desarrollo de Interfaces (UNSIS)

Estructura del Taller

Primera Parte: conocimiento teórico

Revisaremos la teoría básica de la Interacción Humano-Computadora y los beneficios de un desarrollo de interfaces gráficas centradas al usuario. Conoceremos las ventajas de la usabilidad y la manera de obtenerla.

30 minutos

Segunda Parte: ejercicio práctico

Realizaremos un ejercicio en el que pondremos en práctica actividades que aprendimos durante la primera parte del taller. Diseñaremos en conjunto una solución centrada al usuario utilizando técnicas útiles para todos.

Una hora y media

4

UNSIS 2011

Monday, October 10, 2011

Page 5: Taller de Desarrollo de Interfaces (UNSIS)

Primera Parte: conocimiento teórico

UNSIS 2011

Monday, October 10, 2011

Page 6: Taller de Desarrollo de Interfaces (UNSIS)

Quiénes somos?

Universidad Tecnológica de la Mixteca (perteneciente al SUNEO)

La nuestra es una universidad de tecnología, buscando el desarrollo a través de la excelencia académica, la investigación científica y la promoción al desarrollo social.

La Interacción Humano-Computadora es uno de los aspectos claves para alcanzar nuestros objetivos.

www.utm.mx

6

UNSIS 2011

Monday, October 10, 2011

Page 7: Taller de Desarrollo de Interfaces (UNSIS)

Quiénes somos?

UsaLab Laboratorio de Usabilidad

Fundado en el año 2001, es el primer y único laboratorio de su tipo ofreciendo servicios de estudios de usabilidad a la industria, desde la universidad

Clientes importantes

Concursos académicos

Investigación y enseñanza

www.usalab.com.mx

7

UNSIS 2011

Monday, October 10, 2011

Page 8: Taller de Desarrollo de Interfaces (UNSIS)

Quiénes somos?

UsaLab Laboratorio de Usabilidad

Fundado en el año 2001, es el primer y único laboratorio de su tipo ofreciendo servicios de estudios de usabilidad a la industria, desde la universidad

Clientes importantes

Concursos académicos

Investigación y enseñanza

www.usalab.com.mx

8

UNSIS 2011

Monday, October 10, 2011

Page 9: Taller de Desarrollo de Interfaces (UNSIS)

Quiénes somos?

UsaLab Laboratorio de Usabilidad

Fundado en el año 2001, es el primer y único laboratorio de su tipo ofreciendo servicios de estudios de usabilidad a la industria, desde la universidad

Clientes importantes

Concursos académicos

Investigación y enseñanza

www.usalab.com.mx

9

UNSIS 2011

Monday, October 10, 2011

Page 10: Taller de Desarrollo de Interfaces (UNSIS)

No les ha pasado?

10UNSIS 2011

Monday, October 10, 2011

Page 11: Taller de Desarrollo de Interfaces (UNSIS)

No les ha pasado?

10UNSIS 2011

Monday, October 10, 2011

Page 12: Taller de Desarrollo de Interfaces (UNSIS)

ISO 9241

“Usabilidad es la efectividad, eficiencia y satisfacción con la que un producto permite alcanzar tareas específicas a usuarios específicos en un contexto de uso específico”

Usabilidad

11

UNSIS 2011

Monday, October 10, 2011

Page 13: Taller de Desarrollo de Interfaces (UNSIS)

ISO 9241

“Usabilidad es la efectividad, eficiencia y satisfacción con la que un producto permite alcanzar tareas específicas a usuarios específicos en un contexto de uso específico”

Usabilidad

12

UNSIS 2011

Monday, October 10, 2011

Page 14: Taller de Desarrollo de Interfaces (UNSIS)

No les ha pasado?

13

UNSIS 2011

Monday, October 10, 2011

Page 15: Taller de Desarrollo de Interfaces (UNSIS)

No les ha pasado?

14UNSIS 2011

Monday, October 10, 2011

Page 16: Taller de Desarrollo de Interfaces (UNSIS)

No les ha pasado?

15

UNSIS 2011

Monday, October 10, 2011

Page 17: Taller de Desarrollo de Interfaces (UNSIS)

No les ha pasado?

16 UNSIS 2011

Monday, October 10, 2011

Page 18: Taller de Desarrollo de Interfaces (UNSIS)

No les ha pasado?

17

Monday, October 10, 2011

Page 19: Taller de Desarrollo de Interfaces (UNSIS)

Beneficios de la usabilidad

Los beneficios de la usabilidad incluyen:

• Mejora en la productividad

• Reducción en costos de capacitación y soporte

• Mejora en ventas y ganancias

• Reducción de tiempos y costos de desarrollo

• Reducción en costos de mantenimiento

• Mejora en la satisfacción de los clientes Fuente: UPA Website 2012

18

UNSIS 2011

Monday, October 10, 2011

Page 20: Taller de Desarrollo de Interfaces (UNSIS)

Cómo lograrlo?

19

UNSIS 2011

Monday, October 10, 2011

Page 21: Taller de Desarrollo de Interfaces (UNSIS)

Cómo lograrlo?

User Centered Design (UCD)

19

UNSIS 2011

Monday, October 10, 2011

Page 22: Taller de Desarrollo de Interfaces (UNSIS)

Cómo lograrlo?

User Centered Design (UCD)

19

UNSIS 2011

Monday, October 10, 2011

Page 23: Taller de Desarrollo de Interfaces (UNSIS)

Cómo lograrlo?

Norman & Draper ’86

User Centered Design (UCD)

19

UNSIS 2011

Monday, October 10, 2011

Page 24: Taller de Desarrollo de Interfaces (UNSIS)

Cómo lograrlo?

Análisis de RequerimientosPersonasEstudio Contextual

Norman & Draper ’86

User Centered Design (UCD)

20

UNSIS 2011

Monday, October 10, 2011

Page 25: Taller de Desarrollo de Interfaces (UNSIS)

Cómo lograrlo?

Análisis de RequerimientosPersonasEstudio Contextual

Guías de Diseño de GUIWireframingExperiencia pasada

Norman & Draper ’86

User Centered Design (UCD)

21

UNSIS 2011

Monday, October 10, 2011

Page 26: Taller de Desarrollo de Interfaces (UNSIS)

Cómo lograrlo?

Análisis de RequerimientosPersonasEstudio Contextual

Evaluaciones ExpertasMago de Oz

Card SortFocus Group

Pruebas de usabilidadNorman & Draper ’86

Guías de Diseño de GUIWireframingExperiencia pasada

User Centered Design (UCD)

22

UNSIS 2011

Monday, October 10, 2011

Page 27: Taller de Desarrollo de Interfaces (UNSIS)

Break! 10 minutos

UNSIS 2011

Monday, October 10, 2011

Page 28: Taller de Desarrollo de Interfaces (UNSIS)

Segunda Parte: ejercicio práctico

UNSIS 2011

Monday, October 10, 2011

Page 29: Taller de Desarrollo de Interfaces (UNSIS)

Diseño de las interfaces de un teléfono de 100 pesos

Definición de ‣Usuarios (Personas)‣Tareas (Focus Group, Card Sort)‣Contexto (Estudio Contextual)

Diseño de‣Interfaces de usuario (Experiencia)

25

UNSIS 2011

Monday, October 10, 2011

Page 30: Taller de Desarrollo de Interfaces (UNSIS)

1. Definición del usuario (Persona) - 15 minutos

Definir el usuario al que estará dirigido el teléfono de 100 pesos.

Puede ser nosotros mismos o considerar las características de otro grupo de población (eg. personas mayores, personas con discapacidad, etc).

Para ésto, utilizamos una técnica llamada Personas en que se desarrolla un personaje ficticio que representa típicamente un grupo de usuarios.

26

UNSIS 2011

Monday, October 10, 2011

Page 31: Taller de Desarrollo de Interfaces (UNSIS)

ING. EFRÉN “REDBULL” RIVASADMINISTRADOR DE SISTEMAS

NADASOFTWARE

CARACTERÍSTICAS

27 AÑOS, MASCULINO, SOLTERO

ING EN SISTEMAS UNITEC, 2007

ESTÁ EN LÍNEA 20 O MÁS HORAS AL DÍA, CONEXIÓN T1 EN EL TRABAJO, INFINITUM EN SU CASA, RED IUSACEL BAM EN TODOS LADOS

PASA LA MAYOR PARTE DEL TIEMPO EN BLOGS DE SU ÁREA, ADEMAS REDES SOCIALES COMO FACEBOOK Y TWITTER; ENVÍA CORREOS TODO EL DÍA Y EN SU BLACKBERRY RECIBE NOTICIAS DE SU SERVICIOS

DESARROLLA SUS PROPIAS APLICACIONES PERO NADA MÁS EL LAS PUEDE UTILIZAR

PIENSA QUE SU TRABAJO NO ES VALORADO, PERO LE GUSTA DONDE ESTÁ

ATRIBUTOS:

ORIENTADO A METAS PARA LOGRAR OBJETIVOS PARA LA ORGANIZACIÓN

LÍDER DE OPINIÓN Y DE SU EQUIPO DE TRABAJO, LE LLAMAN “GURÚ”

OBSESIONADO EN PRESERVAR LA SEGURIDAD DE SU RED Y DE CONTAR CON LAS ÚLTIMAS VERSIONES DE SO LINUX Y DE APLICACIONES GRATUTITAS PARA ADMINISTRACIÓN DE SERVIDORES

SÓLO HABLA EN ACRÓNIMOS

NO LE INTERESA OTRA COSA FUERA DE SU TRABAJO

FRASE:

“CUÁL SERÁ LA PRÓXIMA RED SOCIAL QUE SUBSTITUYA A GOOGLE+?”

27Monday, October 10, 2011

Page 32: Taller de Desarrollo de Interfaces (UNSIS)

2. Definición de tareas (Focus Group y Card Sort) - 25 minutos

Definir las tareas del teléfono de 100 pesos

Para el Focus Group, cada uno de nosotros definirá las tres tareas principales que utiliza en su propio teléfono celular

Para el Card Sort, cada uno de nosotros definirá en los Post-Its los nombres con los cuales piensen que la opción deberá aparecer en el teléfono

28

UNSIS 2011

Monday, October 10, 2011

Page 33: Taller de Desarrollo de Interfaces (UNSIS)

Focus Group - 15 minutos

29

Monday, October 10, 2011

Page 34: Taller de Desarrollo de Interfaces (UNSIS)

Card Sort - 10 minutos

30

UNSIS 2011

Monday, October 10, 2011

Page 35: Taller de Desarrollo de Interfaces (UNSIS)

3. Definición de contexto (Estudio Contextual) - 15 minutos

Definir el contexto (entorno) del teléfono de 100 pesos

Observar a los usuarios dentro del contexto de uso, para determinar las características que afectarían al sistema a desarrollar.

Se utilizan métodos de observación derivadas de la psicología conductual.

31

UNSIS 2011

Monday, October 10, 2011

Page 36: Taller de Desarrollo de Interfaces (UNSIS)

Cultura como un iceberg (Kohls, 1995)

32

Monday, October 10, 2011

Page 37: Taller de Desarrollo de Interfaces (UNSIS)

Cultura como un iceberg (Kohls, 1995)

32

Monday, October 10, 2011

Page 38: Taller de Desarrollo de Interfaces (UNSIS)

Cultura como un iceberg (Kohls, 1995)

1. Los usuarios usan y atesoran la tecnología en su vida diaria.2. Los usuarios no han visto la tecnología que se pretende utilizar.3. Aunque desconocen la tecnología propuesta, no existe un rechazo, sino una aproximación cuidadosa a ella, despertando mucho interés.4. Los usuarios prefieren el uso de un teclado virtual a uno físico (esto descarta el uso de dispositivos periféricos físicos).5. La utilización de videos para instrucción es factible, además del uso de audífonos

32

Monday, October 10, 2011

Page 39: Taller de Desarrollo de Interfaces (UNSIS)

Estudio Contextual - 15 minutos

33

Monday, October 10, 2011

Page 40: Taller de Desarrollo de Interfaces (UNSIS)

4. Diseño de Interfaces (Wireframing) - 25 minutos

Diseñar las interfaces del teléfono de 100 pesos

Se utilizan plantillas para el desarrollo de las interfaces de usuario. Estas plantillas se pueden encontrar en internet.

Las interfaces se desarrollan por parejas, aportando su conocimiento previo para el desarrollo de prototipos que serán evaluados más tarde.

34

UNSIS 2011

Monday, October 10, 2011

Page 41: Taller de Desarrollo de Interfaces (UNSIS)

Wireframing - 25 minutos

35

Monday, October 10, 2011

Page 42: Taller de Desarrollo de Interfaces (UNSIS)

5. Presentación de resultados - 10 minutos

Presentar las interfaces de usuario del teléfono de 100 pesos

Utilizando el proyector de acetatos, los participantes presentarán sus interfaces y las explicarán al resto del taller.

36

UNSIS 2011

Monday, October 10, 2011

Page 43: Taller de Desarrollo de Interfaces (UNSIS)

Presentación de resultados - 10 minutos

37

UNSIS 2011

Monday, October 10, 2011

Page 44: Taller de Desarrollo de Interfaces (UNSIS)

6. Evaluación - de dos a tres días

Evaluar las interfaces de usuario del teléfono de 100 pesos con los usuarios, observando su interacción y haciendo modificaciones al prototipo desarrollado con el objetivo de que tengamos un diseño más cercano a las necesidades y gustos de los usuarios.

38

UNSIS 2011

Monday, October 10, 2011

Page 45: Taller de Desarrollo de Interfaces (UNSIS)

Evaluación con usuarios - otro taller ;)

39

UNSIS 2011

Monday, October 10, 2011

Page 46: Taller de Desarrollo de Interfaces (UNSIS)

Conclusiones

40

UNSIS 2011

Monday, October 10, 2011

Page 47: Taller de Desarrollo de Interfaces (UNSIS)

Conclusiones

41

UNSIS 2011

Monday, October 10, 2011

Page 48: Taller de Desarrollo de Interfaces (UNSIS)

Conclusiones

El mal diseño de interfaces están en todos lados, complicando y entorpeciendo el trabajo de todo tipo de usuarios.

41

UNSIS 2011

Monday, October 10, 2011

Page 49: Taller de Desarrollo de Interfaces (UNSIS)

Conclusiones

El mal diseño de interfaces están en todos lados, complicando y entorpeciendo el trabajo de todo tipo de usuarios.

La usabilidad es el grado en el cuál una interface de usuario puede ser usada por un usuario específico para una tarea específica dentro de un contexto de uso específico.

41

UNSIS 2011

Monday, October 10, 2011

Page 50: Taller de Desarrollo de Interfaces (UNSIS)

Conclusiones

El mal diseño de interfaces están en todos lados, complicando y entorpeciendo el trabajo de todo tipo de usuarios.

La usabilidad es el grado en el cuál una interface de usuario puede ser usada por un usuario específico para una tarea específica dentro de un contexto de uso específico.

El Diseño Centrado al Usuario (UCD) nos permite desarrollar aplicaciones que sean eficaces, eficientes y que tengan una alta satisfacción para el usuario.

41

UNSIS 2011

Monday, October 10, 2011

Page 51: Taller de Desarrollo de Interfaces (UNSIS)

Conclusiones

El mal diseño de interfaces están en todos lados, complicando y entorpeciendo el trabajo de todo tipo de usuarios.

La usabilidad es el grado en el cuál una interface de usuario puede ser usada por un usuario específico para una tarea específica dentro de un contexto de uso específico.

El Diseño Centrado al Usuario (UCD) nos permite desarrollar aplicaciones que sean eficaces, eficientes y que tengan una alta satisfacción para el usuario.

A través de la definición de usuarios, tareas y contexto, se pueden desarrollar interfaces con usabilidad ;)

41

UNSIS 2011

Monday, October 10, 2011

Page 52: Taller de Desarrollo de Interfaces (UNSIS)

Taller de Interfaces Humano-Computadora:Una aproximación al desarrollo de interfaces centradas al usuario

Mario Alberto Moreno [email protected]

UsaLab Laboratorio de Usabilidadwww.usalab.com.mx

Monday, October 10, 2011


Recommended