Diseo de Interfaces Hombre-Mquina

Curso 2009/2010

Objetivo: Valorar la importancia de la interfaz de usuario y aprender a construir interfaces usables

Qu importancia tiene la interfaz de usuario?

Veamos qu opinan algunos usuarios

Una mala interfaz me cost el ttulo

Lewis Hamilton, piloto de F1

Una interfaz confusa me cost la Presidencia

Al Gore, Yo fui el prximo presidente de los EEUU

La complejidad de la interfaz del centro de control nos pudo costar la vida

Unos 60 pasajeros de la lnea 3 del metro de Barcelona

A m las interfaces me matan

John Denver, cantante (1943-1997)

Conclusin: la interfaz S importa, y mucho

Algunos lo han tenido muy claro desde el principio

Cmo debe ser una buena interfaz?

sta es una buena interfaz

sta tambin es una buena interfaz

Y sta

stas NO son buenas interfaces

Y stas, definitivamente, tampoco

Una interfaz debe ser usable y accesible. Para ello debe ser creada por y para los usuarios

En este curso aprenderemos a disear interfaces pensando en los usuarios

La disciplina que se encarga de esto es la Interaccin Persona Ordenador (IPO)

Nube de tags de la IPO

accesibilidad computacin ubicua directriz discapacidad
universal dispositivos estndar estilo evaluacin gua de estilo humano ingeniera interaccin interfaz internacionalizacin localizacin memoria metfora modelo mental ordenador invisible paradigma percepcin principio prototipo realidad aumentada realidad virtual
tarea diseo grfico diseo

usabilidad uso del color usuario

Usabilidad Accesibilidad Evaluacin

Diseo Centrado en el Usuario

La IPO en Espaa
En Espaa, la AIPO agrupa a las personas vinculadas a esta disciplina

http://www.aipo.es

El curso virtual de IPO

Desarrollado por la AIPO como corpus docente comn para la enseanza de la IPO. Dispone de:
Apuntes Transparencias Prcticas Tests Bibliografa Enlaces

Diseo de Interfaces Hombre-Mquina

Curso 2009/2010

o o o o o o

Temario Metodologa Evaluacin Planificacin temporal Bibliografa Profesorado

Introduccin a la Interaccin Persona-Ordenador

Curso 2009/2010

o o o o o o

Temario Metodologa Evaluacin Planificacin temporal Bibliografa Profesorado

Teora
Introduccin a la IPO El factor humano Dispositivos, estilos y paradigmas Metforas Ingeniera de la interfaz Guas de estilo y diseo grfico Evaluacin Accesibilidad Internacionalizacin Nuevos paradigmas

Laboratorio
Lenguaje HTML y hojas de estilo en cascada CSS Lenguaje PHP. Acceso a bases de datos MySQL Diseo prctico de interfaces para la web: interfaces en lenguaje natural, asistentes, interfaces mviles, interfaces accesibles, internacionalizacin de interfaces

Metodologa
Clases de teora:

Explicacin de los conceptos bsicos de la IPO siguiendo los apuntes del Curso Virtual Sesiones de 2 horas en el aula de teora con can de proyeccin Uso de materiales de apoyo: vdeos, herramientas, documentos, recortes de prensa

Metodologa
Clases de laboratorio:

Realizacin de prcticas: desarrollo de interfaces grficas para la web con HTML, CSS, JavaScript, PHP y MySQL Sesiones de 2 horas en el aula de laboratorio

Metodologa
Pgina web de la asignatura

https://ev2.us.es/webct/logon/400031334051

http://www.lsi.us.es/docencia/pagina_asignatura.php?id=23

Evaluacin
La evaluacin consta de tres partes: La realizacin de un cuestionario semanal sobre la materia impartida en las clases de teora La realizacin de 3 trabajos terico-prcticos La asistencia a las clases tericas Los cuestionarios se realizarn de manera individual

Los trabajos se harn en grupos de un mximo de 3 alumnos y sern defendidos en clase Todo se realizar a travs de WebCT

Evaluacin
Calificacin final: 1. Calificacin de los cuestionarios: 3 puntos + 2. Calificacin de los trabajos: 7 puntos + 3. Calificacin por asistencia >80%: 1 punto

Para aprobar la asignatura ser necesario obtener una calificacin mnima de 5 puntos

Planificacin temporal
Mes Semana FEB 1 2 MAR 3 4 5 6 ABR 7 8 Teora 18/2 Presentacin 25/2 Introduccin a la IPO 4/3 El factor humano 11/3 Dispositivos, estilos y paradigmas 18/3 Metforas 25/3 Trabajo 1 1/4 8/4 Ingeniera de la interfaz 15/4 Estndares y guas / Diseo grfico Laboratorio 26/2 Interaccin con formularios 5/3 Interaccin con hojas de estilo en cascada 12/3 Formularios en PHP 19/3 Acceso a bases de datos 26/3 Trabajo 1 2/4 9/4 Interaccin asistida 16/4 Interaccin mvil

9 MAY 10 11 12 13 JUN 14

22/4 29/4 Evaluacin 6/5 Accesibilidad 13/5 Internacionalizacin 20/5 Trabajo 2 27/5 Nuevos paradigmas de interaccin 3/6 10/6 Trabajo 3 / Resumen

23/4 30/4 Evaluacin 7/5 Accesibilidad 14/5 Internacionalizacin 21/5 Trabajo 2 28/5 Interaccin en lenguaje natural 4/6 11/6 Trabajo 3

Planificacin temporal
Mes Semana FEB 1 2 MAR 3 4 5 6 ABR 7 8 Teora 18/2 Presentacin 25/2 Introduccin a la IPO 4/3 El factor humano Laboratorio 26/2 Interaccin con formularios

Usabilidad de 5/3las Interaccin con hojas de estilo en cascada interfaces de 12/3 usuario 11/3 Dispositivos, estilos y paradigmas Formularios en PHP
18/3 Metforas 25/3 Trabajo 1 1/4 8/4 Ingeniera de la interfaz 15/4 Estndares y guas / Diseo grfico 19/3 Acceso a bases de datos 26/3 Trabajo 1 2/4 9/4 Interaccin asistida 16/4 Interaccin mvil

9 MAY 10 11 12 13 JUN 14

22/4 29/4 Evaluacin 6/5 Accesibilidad 13/5 Internacionalizacin 20/5 Trabajo 2 27/5 Nuevos paradigmas de interaccin 3/6 10/6 Trabajo 3 / Resumen

23/4 30/4 Evaluacin 7/5 Accesibilidad 14/5 Internacionalizacin 21/5 Trabajo 2 28/5 Interaccin en lenguaje natural 4/6 11/6 Trabajo 3

Planificacin temporal
Mes Semana FEB 1 2 MAR 3 4 5 6 ABR 7 8 Teora 18/2 Presentacin 25/2 Introduccin a la IPO 4/3 El factor humano 11/3 Dispositivos, estilos y paradigmas 18/3 Metforas 25/3 Trabajo 1 1/4 8/4 Ingeniera de la interfaz 15/4 Estndares y guas / Diseo grfico Laboratorio 26/2 Interaccin con formularios 5/3 Interaccin con hojas de estilo en cascada 12/3 Formularios en PHP 19/3 Acceso a bases de datos 26/3 Trabajo 1 2/4 9/4 Interaccin asistida 16/4 Interaccin mvil

9 MAY 10 11 12 13 JUN 14

22/4 29/4 Evaluacin 6/5 Accesibilidad 13/5 Internacionalizacin 20/5 Trabajo 2 27/5 Nuevos paradigmas de interaccin 3/6 10/6 Trabajo 3 / Resumen

23/4 -

Ingeniera 30/4 de la Evaluacin interfaz7/5 Accesibilidad

14/5 Internacionalizacin 21/5 Trabajo 2 28/5 Interaccin en lenguaje natural 4/6 11/6 Trabajo 3

Planificacin temporal
Mes Semana FEB 1 2 MAR 3 4 5 6 ABR 7 8 Teora 18/2 Presentacin 25/2 Introduccin a la IPO 4/3 El factor humano 11/3 Dispositivos, estilos y paradigmas 18/3 Metforas 25/3 Trabajo 1 1/4 8/4 Ingeniera de la interfaz 15/4 Estndares y guas / Diseo grfico Laboratorio 26/2 Interaccin con formularios 5/3 Interaccin con hojas de estilo en cascada 12/3 Formularios en PHP 19/3 Acceso a bases de datos 26/3 Trabajo 1 2/4 9/4 Interaccin asistida 16/4 Interaccin mvil

9 MAY 10 11 12 13 JUN 14

22/4 29/4 Evaluacin 6/5 Accesibilidad 13/5 Internacionalizacin 20/5 Trabajo 2

23/4 30/4 Evaluacin 7/5 Accesibilidad 14/5 Internacionalizacin

Nuevos paradigmas 21/5 Trabajo 2 de interaccin 27/5 Nuevos paradigmas de interaccin 28/5 Interaccin en lenguaje natural
3/6 10/6 Trabajo 3 / Resumen 4/6 11/6 Trabajo 3

Bibliografa
Gonzlez, Mariano, J.M. Cordero Diseo de pginas web www.lsi.us.es/docencia/cursos/cursoweb Gonzlez, Mariano Curso de PHP www.lsi.us.es/docencia/cursos/cursophp Lors, Jess (Editor) Curso de Introduccin a la IPO http://www.aipo.es Granollers, Toni, J. Lors, J.J. Caas, Diseo de sistemas interactivos centrados en el usuario, UOC, 2005 Norman, Donald, The invisible computer, MIT Press, 1998 Shneiderman, Ben, C. Plaisant. Diseo de interfaces de usuario, 4 Edicin, Pearson, 2006

Profesorado
Mariano Gonzlez mariano@us.es http://www.lsi.us.es/~mariano Despacho F1.71

Horario
Jueves de 10:30 a 12:30 (aula A2.12) Viernes de 10:30 a 12:30 (laboratorio A4.32)

Tutoras
Lunes de 11:00 a 13:00 Martes de 11:00 a 13:00 Mircoles de 11:00 a 13:00

Preguntas?
Nos vemos el jueves 25 de febrero en esta misma aula