Interaccin Humano Computador

MSc. Jess Talavera Portocarrero

Interaccin Humano Computador

IHC Estudia el diseo, evaluacin e implementacin de sistemas informticos interactivos para uso humano bien como el estudio de los principales fenmenos que les rodea. ACM-SIGCHI Association for Computing Machinery - Special Interest Group on Computer Human Interaction www.sigchi.org

IHC es interdisciplinaria
Ciencias de la computacin Psicologa Sociologa y antropologa Diseo industrial Educacin Ergonomia Lingstica Diseo grfico

Participacin de las Interfaces

En promedio:
48 % del cdigo del sistema; 48 % del tiempo total del diseo del sistema; 50 % del tiempo de implementacin; 37 % del tiempo de mantenimiento; 50 % del costo del proyecto.

Importancia de la Interface
Para el usuario, la interface es el sistema (Hix & Hartson)
La interface ideal es la no interface (Van Dam) Computador - mayordomo disponibilizando las informaciones solicitadas, sin que el usuario se preocupe con la forma en que fueron obtenidas.

IHC Historia
C:\> 2 Fase:
C:\> Primera forma de interaccin entre usuario y maquina, a travs de comandos parametrizados (DOS e UNIX); C:\> Terminales con monitor alfanumrico monocromtico; Computador UNIVAC I

IHC Historia
Organic User Interface (OUI)
Dispositivos flexibles Transformables como la propia vida orgnica

IHC Historia
Mesa interactiva

Paperwindows: A prototype paper computer

IHC vs Ingeniera del Software

Falta de interseccin entre los mtodos de la Ingeniera de Software y los mtodos de IHC para el desarrollo de sistemas

Usabilidad
Se refiere a todas las caractersticas que permiten que los usuarios interacten con el computador satisfactoriamente. Est relacionada con
Eficacia: exactitud Eficiencia: tiempo Satisfaccin de uso: parmetros subjetivos de la carga de trabajo (norma ISO).

Usabilidad
Facilidad de aprendizaje Facilidad de utilizacin Ser intuitiva Dilogo simple y natural Feedback al usuario Retencin del conocimiento Velocidad en la ejecucin de tareas Preparacin del sistema para evitar errores de usuarios Mensajes de errores consistentes Satisfaccin Subjetiva

Accesibilidad
Viene del latin accesible (accesible), cuyo significado es aquello que se puede alcanzar u obtener fcilmente. Facilidad de acceso y de uso de ambientes, productos y servicios por cualquier persona y en diferentes contextos. Design Inclusivo. Accesibilidad en la Web significa que cualquier persona, usando cualquier tipo de tecnologa de navegacin, debe ser capaz de visitar e interactuar con cualquier pgina, comprendiendo las informaciones.

Ideas de Accesibilidad
Deficientes visuales
Software lector de pantalla Monitor Braile Traductor de texto en voz Navegador Web textual

Deficientes auditivos
Uso de subttulos Notificador de sonidos

Deficientes fsicos
Dispositivo apuntador Teclado en la pantalla Diccionario con previsin de palabras Reconocimiento de voz

PATRONES

Patrones
Solucin (Experiencia, Comprobada) para un Problema (Recurrente, Reuso) en un determinado Contexto (Instancias)

Patrones no son creados o inventados Ellos son identificados Son una herramienta til para registrar las experiencias de proyectos

Lenguaje de Patrones de Montero

http://www2.dc.ufscar.br/~junia/padroese.pdf

Web Sites

Pginas Web

Ornamentales

Welcome

Polyglot
Permitir el acceso a todos

Ready
Listo para usar El usuario deber tener instalado los plug-in necesarios

Indication
Los usuarios necesitan saber donde pueden ir y lo que encontrarn ah

Similarity
Usar el mismo criterio de diseo para todo el WebSite Color, fuente, diseo, lugares y formas de navegacin, estilos

Web Sites

Pginas Web

Ornamentales

Homepage

Second Chance

Form
Blancos adecuados para ser llenados, con indicacin clara y correcta de qu informacin debe ser provista El usuario debe saber si su informacin fue correctamente procesada

Busy
Ofrecer informacin del tamao de cualquier recurso que el usuario pueda hacer download

Polite
Use un lenguaje apropiado del modo ms simple y claro para el contenido del sitio Use etiquetas asociadas con sus controles

Danger

Web Sites

Pginas Web

Ornamentales

Tag Line
Cmo el usuario sabe el propsito del sitio? Provea un slogan o imagen que identifique el website y su propsito

About this
El usuario puede obtener informacin adicional sobre el sitio

Search

Novelty
Muestre sugerencias y novedades del website de una manera limpia e intuitiva

Contact us

Secret

Asegurar la informacin Utilizar mecanismos de seguridad Informar al usuario condiciones de uso

Subscription
Los usuario no quieren visitar un sitio todo el tiempo Ellos desean saber cuando aparecen novedades

Recognize
Cuando un usuario regresa a una pgina, necesita saber qu lugar ya visit, qu descarg, si hubo cambios desde la ltima visita Mantener informacin sobre usuarios, sus acciones, lugares visitados, logins, usar cookies, etc.

Location
Indique al usuario su ubicacin dentro del website
Colocar un puntero junto a la opcin seleccionada Cambiar el color del texto Usar la negrita Invertir el color Cambiando el color del botn Modificar ligeramente la posicin Aumentar el tamao de letra

Colour
El color debe ser considerado al inicio de un proyecto de website Cuidado con contrastes de colores, usar colores brillantes slo para destacar informaciones

Size
Balanceo de grficos, Tamaos de pgina y fuente son importantes

Print
Provea informacin de diversas maneras y formatos, y d la posibilidad de imprimir o guardar documentos grandes

PROTOTIPACIN EM PAPEL

Prototipacin en Papel

Gracias... totales