la interaccion persona ordenador

Tema 1:

Interacción Persona-Ordenador

Diseño de Interfaces de Usuar io

e d i c i ó n 2 014

Miguel Gea ([email protected] s) Dpt. Lenguajes y S is temas Informáticoss Grado en Ingenier ía Informática Univers idad de Granada

!

!

1. Interacción Persona - Ordenador

Introducción El Interfaz de usuario Principios Generales Herramientas Evolución de los IU

Diseño de Interfaces de Usuar io

Interacción Persona - Ordenador!

El personaje

The most profound technologies are those that disappear. They weave themselves into the fabric of everyday life until they are indistinguishable from it

!!!

The computer for the 21st Century. Art. Scientific American, Vol. 265, No. 3 (September 199lMark Weiser

(1952-1999)

Tema 1. Introducción HCI

La Relación persona-máquina

[SCH08]

Visión en cine/películas:

El cine usa tecnología existente

La tecnología inspira películas

La películas inspiran nueva tecnología

El cine y desarrolladores desarrollan nuevas visiones tecnológicas

Metrópolis (1927, Fritz Lang)

2001 La odisea del espacio (1968) Blade Runner (1982) el cortador de cesped (1992) The matrix (1999) AI, ArtiLicial Intelligence (2001) Minority Report (2002) I robot (2004)

interfaces antropomórLicos diseño emocional interfaces gestuales interfaces neuronales invasivos realidad virtual

Ambitos de trabajo: Tema 1. Introducción HCI



Evolución:


http://www.historiacultural.com/2010/11/primera-revolucion-industrial.html

2ª guerra mundial

Definición:

Interacción Persona-OrdenadorTema 1. Introducción HCI

[ACMCHI92]

La Interacción Persona-Ordenador es “la disciplina que se dedica al estudio del diseño, evaluación e implantación de sistemas interactivos dedicados al uso humano, y de todos aquellos fenómenos que pueden afectar a la comunicación !

InformáticaPsicología

Ergonomía

DiseñoSociología

EtnografíaSemiótica

Ingeniería

HCI


Interacción Persona-Ordenador

ACM SIGCHI - http://old.sigchi.org/cdg/figure_1.pdf

Definición:!La Interfaz de usuario de la parte del sistema informático a través del cual los usuarios pueden comunicarse con el ordenador, y comprende todos los puntos de contacto entre el usuario y el equipo (hardware y software). Es por tanto el instrumento que nos permite utilizar efectivamente el sistema o artefacto [Thim90].


Interfaz de Usuario

Subsistemade entrada Aplicación

Dispositivos físicos

E

R

Comentarios:

!Lenguaje de entrada para el usuario, un lenguaje de salida para el ordenador y un protocolo para la interacción. !Donde los bits y las personas se encuentran [NEGR95]


Uhmm

00001001011101add 1,nfor (i=0; i< 10; i++)

Interfaz de usuario


Interfaz de los objetos

Objetos: Qué hacen? Cómo se utilizan?

Función de la Interfaz de usuario Proporcionar el acceso al objeto Percepción del objeto !

¡¡¡¡ CONTROL INTUITIVO !!!


Interfaz de los objetosConsideraciones de la Interfaz de Usuario!- “Bien diseñado”!- “Facilidad de uso”!

Cualidades en el diseño de la interfaz de usuario:!! ! ! ! ! - Visibilidad!! ! ! ! - Proyección (Affordance)!! ! ! ! - Realimentación (Feedback)!! !! ! ! ! !

[NORM13]

Cabeza

Empuñadura


Interfaz de los objetos

http://www.baddesigns.com/


Interfaz de usuario:

Tipologías de Interfaces:

- Ordenador - Ordenador !!!!- Ordenador - Usuario



Tipos:

DISPOSITIVOS

SISTEMA OPERATIVO

APLICACION



Efectividad. Porcentaje de las posibilidades ofrecidas por la máquina (o programa) que el usuario es capaz de usar. !Eficiencia. Cantidad de esfuerzo que se requiere para conseguir un propósito. !Satisfacción. Grado de comodidad que un usuario experimenta mientras utiliza un producto.

Mejora de la usabilidad [ISO 9241]:

objetivo: éxito comercial


Principios Generales:

1. Conocer al usuario 2. Diseño intuitivo 3. Realimentación 4. Consistencia 5. Flexible 6. Ayuda 7. Robusto 8. Atractivo 9. Estandarización y portabilidad

Fuentes (varias)![HIG95] Macintosh Human Interface Guidelines, Apple 1995![DIX03] [SCHNE06]!

Comunicación:Claridad en funciones disponibles Lenguaje claro y conciso


Principios Generales: 1. Conocer al usuario

Perfil:Intenciones (objetivos) Habilidades, experiencia

Control:Iniciativa del usuario Anular/Cancelar tareas


Principios Generales: 2. Consistencia

Funcionalidad Apariencia y Comportamiento (look&feel) Datos

La consistencia indica que todos los aspectos de la interfaz de usuario son uniformes en su funcionamiento y filosofía (color, tipo de mensajes, petición de datos,


Principios Generales: 2. Consistencia (cont.)

1 2 3

4 5 6

7 8 9

0

Teléfonos y control remoto

7 8 9

1 2 3

4 5 6

0

Calculadora, teclado,ordenador


Principios Generales: 3. Flexible

• Diversidad de Usuarios

• Diversidad de Dispositivos

Interfaz flexible para trabajar con un rango de usuarios con distinto nivel de inicialización


Principios Generales: 4. Realimentación

• Informar del estado

•Informar al Usuario de lo que hace


Principios Generales: 5. Robustez

Evitar situaciones en las que se produzcan errores irreversibles, o un malfuncionamiento general del sistema


Principios Generales: 6. Ayuda

Tipo:

- General (acerca de...)

- Contexto

- Referencia / guía rápida


Principios Generales: 7. Minimizar errores

Avisar / Evitar / Corregir (undo)


Principios Generales: 8. Diseño y apariencia


Principios Generales: 9. Estandarización y Portabilidad

Interfaz común en diferentes aplicaciones

IBM CUA, MacOS X-AQUA

Favorece consistencia


Principios Generales: 9. Estandarización y Portabilidad

IU sobre diferentes plataformas (S.O.)


Herramientas:

Las Herramientas de creación de IU permiten la programación de sistemas interactivos, minimizando el esfuerzo de desarrollo [DIX03]

40-70% del esfuerzo de desarrollo

Hardware

Sistema Operativo

Wm y paquetes gráficos

Toolkits

Generador IU

UIMS


Herramientas: Gestores de Ventanas

Gestores de ventanas • Interfaces Gráficos • Metáfora de escritorio • Iconos y barra de tareas

Hardware

Sistema Operativo


Toolkits

Generador IU

UIMS


Herramientas: Compontentes (Controles)

Hardware

Sistema Operativo


Toolkits

Generador IU

UIMS

Menú

Paneles

RadioButton

CheckButton

Escala

Area de TextoBarras Scroll

Botones

Elementos de interacción Composicionables


Tendencias

1950 1960 1970 1980 1990 2000

Sistemas Interactivos

SketchPad

Ratón

Internet

Memex hipertexto

WYSIWIG

Ventanas

XwindowsMS

Windows

HyperCard

HardwarePDAs

Apple Lisa

PortátilesPC

UNIVAC

Interactividad

2010

iPhone

Web 2.0

Interacción

iPad


Tendencias

Calidad gráfica Miniaturización Conectividad Diálogo natural Inteligencia Artificial Ubicuo !


Referencias[ACMCHI92] ACM SIGCHI Curricula for Human-‐Computer Interaction,92, ACM online: http://old.sigchi.org/cdg/ [DIX03] A. Dix, J. Finlay, G. Abowd, R. Beale: Human-‐Computer Interaction, 3ª ed. Prentice Hall, 2003. [HIG95] Macintosh Human Interface Guidelines, Apple 1995 online: https://developer.apple.com/.../AppleHIGuidelines/OSXHIGuidelines.pdf ![ISO 9241] ISO Ergonomics of human-‐system interaction. Usability online http://www.w3.org/2002/Talks/0104-‐usabilityprocess/slide3-‐0.html [NEGR95] N. Negroponte: Being Digital, Knopf Inc [NORM13] D. Norman : The Design of Everyday things. Basicbooks, 2013. online UGR: http://sl.ugr.es/06NU [SCH08] M. Schmitz, C. Endres, A. Butz. “A Survey of Human-Computer Interaction Design in Science Fiction Movies”. ACM Proceeding INTETAIN '08 Proceedings of the 2nd international conference on INtelligent TEchnologies for interactive enterTAINment. online: http://www.cip.i`i.lmu.de/~butz/publications/talks/HCI-‐Sci`i-‐talk-‐slides.pdf [THIM90] Thimbleby, Harold: "User Interface Design". ACM Press. Addison Wesley 1990 !!!

la interaccion persona ordenador

Documents