UNIVERSIDAD AUTONOMA DE BAJA CALIFORNIACOORDINACIÓN DE FORMACIÓN BÁSICA

COORDINACIÓN DE FORMACIÓN PROFESIONAL Y VINCULACIÓN UNIVERSITARIAPROGRAMA DE UNIDAD DE APRENDIZAJE HOMOLOGADO

l. DATOS DE IDENTIFICACIÓN

1. Unidad académica (s): CAMPUS ENSENADA: FACULTADDEINGENIERÍA,ARQUITECTURAyDISEÑO, FACULTADDEINGENIERÍAy NEGOCIOSSAN QUINTÍNCAMPUS MEXICALI: FACULTADDE INGENIERÍA,ESCUELADEINGENIERÍAy NEGOCIOSGUADALUPEVICTORIACAMPUS TIJUANA: FACULTADDE CIENCIASQUÍMICASE INGENIERÍA,FACULTADDEINGENIERÍAy NEGOCIOS

2. Programa (s) de estudio: (Técnico, Licenciatura (s)): INGENIERÍAENCOMPUTACIÓN 3. Vigencia del plan: 2009-2

4. Nombre de la unidad de aprendizaje Diseño de Interacciones 12128

HE 2 CR 66.HC: 2 HL: 2 HT: HPC: HCL:

7. Etapa de formación a la que pertenece: -'T"-'e=rm=in=a~l _

8. Carácter de la unidad de aprendizaje: Obligatoria _ Optativa __ X _

9. Requisitos para cursar la unidad de aprendizaje: Ninguna

Firmas Homologadas

Fecha de elaboración: Revisión Ma

Formuló:

Carlos Alberto Huertas VillegasPablo Martin Navarro ÁlvarezMaría Luisa González Ramírez

f¡VO.Bo '1.Q. Noemí Hemánd z Hemández ~Cargo: Subdirectora Facultad de Ciencias uímicJ

VO.BoM.1. Joel Melchor Ojeda RuizCargo: Subdirector Facultad de In enier'

VO.BoM.e. Lizzette Velasco Aulcy~.,.,Cargo: Subdirectora Facultad de Ingeniería y Negocios San Ouintín (San Ouintín)

UNfYER8I)AOA~ UNIVERSIDADAUTONOMAUNIVERSIDAD A1JTONOWl DE BAJA,CHJFOfUoIIA DE BAJA CALIFORNIADE :BAJACAL1fDRNIA.

FACULTAD DE INGEl'."'ER1AARQUITECTURA Y DiSEÑO FM:UlJM)DECIBtCWI

ENSENADA, B.C. ClIMcAII •••• 1IR:i\

FACULTAD DEINGENIERIA

II. PROPÓSITO GENERAL DEL CURSO

Esta unidad de aprendizaje permitirá al alumno instruirse sobre el análisis, diseño y evaluación de interfaces de usuario, enfocadas principalmente en la facilidad de uso para un perfil de usuario específico. Permitirá al alumno indagar en los factores humanos relacionados con la interacción humano-computadora y su impacto en el diseño.

III. COMPETENCIA (S) DEL CURSO

Diseñar interfaces de usuario para facilitar el uso de los sistemas de cómputo siguiendo normas de diseño y usabilidad, para perfiles de usuarios específicos. Evaluación y medición de la usabilidad en interfaces gráficas de usuario.

IV. EVIDENCIA(S) DE DESEMPEÑO

Diseño e implementación de un sistema de cómputo interactivo que cumpla con las normas de diseño y usabilidad, para un grupo de usuarios específicos.

V. DESARROLLO POR UNIDADES

UNIDAD I: ANTECEDENTES DE LA INTERACCIÓN HUMANO-COMPUTADORA COMPETENCIA: Revisar sobre los orígenes de la interacción humano-computadora y comprender la evolución de esta disciplina, con actitud analítica y objetiva.

CONTENIDO

DURACION (8HORAS) HC: 4, HT: 0, HL: 4 1.1 Definiciones y conceptos básicos 1.2 Uso y objetivos de la interacción humano computadora 1.3 Áreas de la interacción humano-computadora 1.4 Antecedentes de los dispositivos de entrada y salida 1.5 Antecedentes de las interfaces de usuario 1.6 Evolución de la interacción humano computadora

V. DESARROLLO POR UNIDADES

UNIDAD II: NECESIDADES Y REQUISITOS DE LOS USUARIOS COMPETENCIA: Formular requerimientos de usuario de una interfaz gráfica con base a un análisis e identificación de las características y necesidades de los usuarios, con una actitud analítica y creativa.

CONTENIDO

DURACION (14 HORAS) HC: 8, HT: 0, HL: 6 2.1 El usuario 2.2 Proceso para conocer al usuario 2.3 Técnicas de recolección de información del usuario 2.4 Modelado de usuario 2.5 Perfil de usuario

2.5.1 Demográficos 2.5.2 Experiencia 2.5.3 Motivación 2.5.4 Cognitivos 2.5.4 Sensoriales 2.5.4 Motrices

2.6 Requerimientos de usuario

V. DESARROLLO POR UNIDADES

UNIDAD III: DISEÑO DE INTERFACES DE USUARIO COMPETENCIA: Identificar las diferentes guías y principios del diseño de una interfaz de usuario para su creación, con una actitud de cooperación.

CONTENIDO

DURACION (12HORAS) HC: 6, HT: 0, HL: 6 3.1 Tipos de interfaces de usuario 3.2 Principios del buen diseño 3.3 Diseño de interfaces gráficas de usuario 3.4 Los actores de una interfaz gráfica de usuario 3.5 Mensajes de retroalimentación 3.6 Evaluación de una interfaz de usuario 3.7 Guías básicas de diseño

3.7.1 Énfasis 3.7.2 Composición 3.7.3 Tipografía 3.76.4 Colores

V. DESARROLLO POR UNIDADES

UNIDAD IV: USABILIDAD

COMPETENCIA: Analizar y diseñar interfaces gráficas de usuario siguiendo el ciclo de la ingeniería de la usabilidad, para mejorar la facilidad de uso de una interfaz para sus usuarios, con creatividad y empatía con los usuarios CONTENIDO

DURACION (24 HORAS) HC: 8, HT: 0, HL: 16 4.1 Usabilidad como atributo de calidad

4.1.1 Atributos 4.1.2 Propiedades 4.1.3 Patrones

4.2 Ingeniería de la usabilidad 4.2.1 Objetivos de la ingeniería de la usabilidad 4.2.2 Ciclo de vida de la ingeniería de la usabilidad

4.3 Requerimientos de usabilidad 4.4 Métodos para la inspección de usabilidad

4.4.1 Heurísticas 4.4.2 Evaluación con usuarios

V. DESARROLLO POR UNIDADES

UNIDAD V: DISEÑO DE INTERFACES PARA COMPUTADORAS Y DISPOSITIVOS HETEROGÉNEOS COMPETENCIA: Integrar el conocimiento obtenido durante el curso para comparar el diseño de diferentes tipos de interfaces de usuario, con una actitud propositiva y analítica. CONTENIDO

DURACION (8 HORAS) HC: 6, HT: 0, HL: 4 5.1 Aplicaciones de escritorio

5.1.1 Definición 5.1.2 Conceptos fundamentales 5.1.3 Guías de diseño y usabilidad

5.2 Aplicaciones web 5.2.1 Definición 5.2.2 Conceptos fundamentales 5.2.3 Guías de diseño y usabilidad

5.3 Aplicaciones para teléfonos móviles 5.3.1 Definición 5.3.2 Conceptos fundamentales 5.3.3 Guías de diseño y usabilidad

V. DESARROLLO POR UNIDADES

UNIDAD VI: TÓPICOS SELECTOS DE INTERACCIÓN HUMANO-COMPUTADORA COMPETENCIA: Investigar sobre las nuevas tecnologías y áreas para mejorar el diseño de interfaces de usuario, con creatividad y curiosidad. CONTENIDO

DURACION (4 HORAS) HC: 4, HT: 0, HL: 0 6.1 Interfaces de usuario adaptativas 6.2 Experiencia de usuario 6.3 Videojuegos

6.3.1 Definición 6.3.2 Conceptos fundamentales 6.3.3 Guías de diseño y usabilidad 6.3.4 Jugabilidad

VI. ESTRUCTURA DE LAS PRÁCTICAS No. Competencia Descripción Material Duración

01 Antecedentes de la IHC

Leer sobre el surgimiento de los antecedentes más importantes de la interacción humano-computadora, con actitud crítica y objetiva

Documentar la información obtenida y explicar la evolución de las tecnologías

Bibliografía 2 Hr

02 La IHC en la actualidad

Investigar e identificar los avances actuales en las tecnologías en el área de la interacción humano-computadora, con curiosidad.

Ejemplificar el estado actual de la interacción humano-computadora y comparar con los antecedentes

Bibliografía 2 Hr

03 La importancia del usuario

Identificar los aspectos importantes del usuario y explicar su relevancia, con actitud creativa y analítica.

Debatir sobre la importancia de considerar al usuario en el proceso de diseño de interfaces, enlistar los aspectos a considerar y justificar el impacto de cada uno de ellos en la interacción.

Bibliografía, computadora 2 Hr

04 Conociendo el perfil de usuario

Enlistar los aspectos del perfil de usuario y comprar las ventajas y desventajas de diversas técnicas para conocer a los usuarios, con voluntad y compromiso

Identificar la importancia de los diferentes factores que integran un perfil de usuario y recabar información de usuarios reales.

Bibliografía, computadora 6 Hr

05Requerimientos de usuario

Inferir las características de un grupo de usuario, partiendo del análisis de contenidos anteriores con cooperación y disposición.

Generar requerimientos de usuario para describir las características de un grupo de usuarios reales.

Computadora 2 Hr

06 Principios de diseño

Comprensión de los principios de diseño y examinar bajo dichos principios una interfaz actual, con curiosidad y compromiso

Evaluar un interfaz de usuario bajo los principios de diseño. Computadora 4 Hr

07 Evaluación de una interfaz

Probar las técnicas de evaluación de un interfaz para experimentar y comparar ventajas y desventajas.

Utilizar las técnicas de cuestionario y entrevista. Computadora 6 Hr

08 Evaluación de una interfaz 2

Probar las técnicas de evaluación de un interfaz para experimentar y comparar ventajas y desventajas.

Utilizar las técnicas de observación y video y contrastar con los resultados de las técnicas de la práctica anterior.

Computadora, cámara de video 6 Hr

09 Análisis de usuario

Analizar las características de un grupo de usuarios, con disposición y respeto.

Seleccionar en equipos un sistema que contemple una interfaz gráfica de usuario y utilizar una de las técnicas para obtener información de un conjunto de usuario, para obtener el perfil medio.

Computadora 4 Hr

10 Análisis de tareas

Analizar las posibles tareas de un sistema, con disposición y respeto.

Utilizar la técnica de HTA o GOMS para establecer el análisis y la representación de las tareas de un sistema específico.

Computadora 4 Hr

11 Especificaciones y requerimientos de usabilidad

Transformar el análisis de usuario y de tareas en especificaciones y deducir los requerimientos de usabilidad

Señalar y separar los requerimientos que debe de tener una interfaz de usuario, partiendo del análisis de usuario y tareas del sistema elegido

Computadora 4 Hr

12 Diseño de la interacción

Relacionar las especificaciones, las tareas y los elementos de una interfaz para estructurar la interacción.

Proponer aspectos de la interacción de la interfaz como la navegabilidad, composición, etc y establecer su estructura.

Computadora 4 Hr

13 Prototipo Combinar los requerimientos de usabilidad y el diseño de interacción para generar un prototipo.

Utilizar una herramienta CASE para la creación de un prototipo horizontal del sistema elegido anteriormente.

Computadora, Herramienta CASE (invision, balsamiq, pencil)

4 Hr

14 Evaluación heurística

Juzgar una interfaz de usuario para medir la usabilidad de la misma, con actitud analítica

Evaluar un prototipo basado en las 10 heurísticas de Nielsen y concluir su nivel de usabilidad.

Computadora 4 Hr

15 Evaluación con usuarios reales

Organizar la evaluación de un prototipo con usuarios reales, con cooperación y respeto hacia los usuarios.

Probar el prototipo creado con usuarios reales, utilizando una de las técnicas vistas anteriormente.

Computadora, cámara de video 8 Hr

16 Análisis de pruebas de usabilidad

Interpretar los resultados de evaluaciones de usabilidad para indicar posibles cambios.

Integrar los conocimientos obtenidos durante el curso para proponer mejorías al prototipo creado en base a las evaluaciones de usabilidad.

Computadora 4 Hr

VII. METODOLOGÍA DE TRABAJO El docente facilita el proceso enseñanza aprendizaje, introduce al estudiante en los contenidos del curso para el logro de las Competencias, revisa trabajos utilizando los conceptos presentados. El alumno realiza prácticas en el laboratorio de cómputo mediante las cuales se pueda fortalecer y afianzar el conocimiento, usando una computadora personal o una estación de trabajo que permitan el diseño, análisis e implementación de interfaces gráficas de usuario. El alumno interactúa con diferentes posibles usuarios para recabar información sobre sus características y evaluación de la interfaz.

VIII. CRITERIOS DE EVALUACIÓN Deberá cumplir con el 80% de asistencia al curso La calificación mínima aprobatoria es 60 de acuerdo con el estatuto escolar universitario Cada práctica requerirá de entregar un reporte Criterios de calificación: Exámenes 40% Tareas 10% Prácticas 25% Proyecto final 25%

IX. BIBLIOGRAFÍA Básica Complementaria

Interaction Design: Beyond Human-Computer Interaction. Sharp, H., Y. Rogers, et al. (2002). Preece, Rogers and Sharp. Usability Engineering: Jakob, N. (1993). Morgan Kaufmann. 100 Things Every Designer Needs to Know About People Weinschenk, S. (2011). New Riders.

Designing with the Mind in Mind: Simple Guide to Understanding User Interface Design Rules. Johnson, J. (2010). San Francisco, CA, USA: Morgan Kaufmann Publishers Inc. The design of everyday things Norman, D. (2002). Basic Books. User Interfaces for All: Concepts Methods and Tools Stephanidis, C. (2001).. Mahwah, NJ, Lawrence Erlbaum Associates.