Interfaces

Interaccin Hombre-Mquina
Interaccin Hombre-Mquina Diseo de Interfaces
Prof. Adrin Antonio Cisneros Hernndez Universidad Marista de Guadalajara Agosto-20013
Qu es la Interfaz?
Medio de comunicacin y lenguaje de algo no necesariamente trivial"
Qu es la Interfaz?
Medio de comunicacin y lenguaje, de algo no necesariamente trivial" La superficie de contacto entre dos entes dismiles
Qu es la Interfaz?
Medio de comunicacin y lenguaje, de algo no necesariamente trivial" La superficie de contacto entre dos entes dismiles Todos los intercambios que suceden entre la persona y el computador (o cualquier dispositivo)
Qu es la Interfaz?
La interfaz es la parte (hardware y software) del sistema informtico que facilita al usuario el acceso a los recursos del computador.
Qu es la Interfaz?
La interfaz es la parte (hardware y software) del sistema informtico que facilita al usuario el acceso a los recursos del ordenador.
Para saber acerca de las interfaces, se requiere conocer las tareas de interaccin que puede realizar un individuo.
Qu es la Interfaz?
Para saber disear interfaces, se requiere conocer algunos aspectos relacionados con los individuos. Es decir, se requiere analizar las peculiaridades de los usuarios.
Qu es la Interfaz?
Para saber disear interfaces, se requiere conocer algunos aspectos relacionados con los individuos. Es decir, se requiere analizar las peculiaridades de los usuarios. Se requiere adems, conocer las caractersticas de los dispositivos que se utilizarn.
Qu es la Interfaz?
El diseo de interfaces y el diseo de interaccin son reas de inters de la disciplina llamada Factores Humanos (Human Factors) , tambin llamada Interaccin Humano-Computador (HCI Human-Computer Interaction).
Qu es la Interfaz?
El diseo de interfaces y el diseo de interaccin es son reas de inters de la disciplina llamada Factores Humanos (Human Factors) , tambin llamada Interaccin Humano-Computador (HCI Human-Computer Interaction). El objetivo primordial de esta disciplina es desarrollar tcnica y mtodos para mejorar la interaccin entre los humanos y las mquinas (el computador, entre ellas).
Breve Historia
Estilos de Interfaces
Estilos de interfaces
Los estilos de interfaces predominantes son: La interfaz por lnea de comandos Mens y formularios Manipulacin directa - GUI Interfaces con interaccin asistida
HCI Human Computer Interaction

Es la disciplina que se encarga de los siguientes procesos: disear evaluar implementar artefactos en sistemas interactivos utilizados por humanos + el estudio de los fenmenos que rodean estos procesos

Cmo disear para mejorar la interaccin hombre-mquina? Contextos bsicos a considerar

Fsicos relacionados con el hardware y dispositivos de interfaz

Sintcticos presentacin de informacin secuencia, orden de las acciones

Sintcticos presentacin de informacin secuencia, orden de las acciones Semnticos significado de los objetos significado de las acciones

Usos y contextos
Aspectos sociales y organizacionales Humanos
Procesamiento de informacin
reas de aplicacin y tareas Mquinas

Dilogos Metforas
Lenguajes y comunicacin Ergonoma Dispositivos I/O
Diseo Grfico

Computacin
Psicologa Cognitiva
Psicologa Social
Ergonoma
HCI
Lingstica
Ingeniera y Diseo
Inteligencia Artificial
Filosofa, Sociologa y Antropologa
Observar al usuario Anlisis del usuario Lengua y lenguaje Canales de comunicacin Tipos Integracin Humanos Interaccin Primitivas
Procesamient o de informacin
Lenguajes y comunicacin Ergonoma
Interaccin Hombre-Mquina Conceptos generales Anlisis del usuario
Implica conocer aspectos como:

Habilidades fsicas y sensoriales. Habilidades cognitivas. Diferencias de personalidad. Diferencias culturales. Escenarios: Las tareas. Entorno fsico y social.
Interaccin Hombre-Mquina Conceptos generales Lengua y lenguaje
El lenguaje natural del hombre es la capacidad multisensorial y multimedial del hombre para comunicarse entre si.
El lenguaje natural del hombre es la capacidad multisensorial y multimedial del hombre para comunicarse entre si. El lenguaje natural es a la vez un fenmeno individual y social: el individuo habla el (o los) idiomas de uno o varios grupos humanos.
La lengua es el lenguaje hablado y escrito, enseado, cuidado y transmitido por una determinada comunidad a lo largo de un perodo histrico significativo. La lengua es estudiada por la lingstica.
La lengua es artificial y puede alejar al hombre de sus races ms profundas. Una lengua puede morir si no logra transformarse constantemente al contacto con el lenguaje natural.
La lengua es artificial y puede alejar al hombre de sus races ms profundas. Una lengua puede morir si no logra transformarse constantemente al contacto con el lenguaje natural. El lenguaje es un fenmeno natural. La lengua es producto de una civilizacin.
Interaccin Hombre-Mquina Conceptos generales Canales de comunicacin
Los canales de comunicacin dependen de un medio de transmisin, de los equipos de transduccin y traduccin y del aparato sensori-motor del hombre, capaz de producir y recibir mensajes por estos canales.
Se utilizan normalmente tres canales: el visual, el auditivo y el hptico o gestual.
Se utilizan normalmente tres canales: el visual, el auditivo y el hptico o gestual. El hombre trata de ampliar el ancho de banda de los canales de comunicacin.
Canal hptico o gestual: El gesto es un signo no persistente y funciona por medio del contacto fsico directo o mediante la percepcin de posturas del cuerpo humano.
Canal hptico o gestual: El gesto es un signo no persistente y funciona por medio del contacto fsico directo o mediante la percepcin de posturas del cuerpo humano. La computacin entiende ciertos gestos bien definidos, pero es en general muy pobre para producir gestos.
Canal auditivo: Es el primer canal de contacto con el mundo del hombre. Es el primer canal lingstico de cada hombre. Es un canal bidireccional.
Canal auditivo: Es el primer canal de contacto con el mundo del hombre. Es el primer canal lingstico de cada hombre. Es un canal bidireccional. La computacin produce y empieza a entender los signos auditivos.
Canal visual: El canal visual tiene el ancho de banda ms importante de todos los canales de comunicacin. La comunicacin visual es la ms importante para la existencia y utilizacin de smbolos para la comunicacin.
Canal visual: La historia de la computacin es al mismo tiempo la historia de la ampliacin y plena integracin de este canal en las aplicaciones. La computacin produce y empieza a entender signos visuales.
Interaccin Hombre-Mquina Conceptos generales Integracin
La interfaz es el indicio del esfuerzo del hombre para integrar la computacin en la comunicacin general del hombre.
La interfaz es el indicio del esfuerzo del hombre para integrar la computacin en la comunicacin general del hombre. Es el reconocimiento que un programa antes de ser clculo y evaluacin lgica es un lenguaje y un intento de comunicacin.
Las interfaces tienden a utilizar de manera natural todos los canales de comunicacin que se disponen. En la evolucin histrica se podr observar este hecho.
Interaccin Hombre-Mquina Conceptos generales Interaccin
El intercambio de informacin entre un usuario y un sistema informtico.
El intercambio de informacin entre un usuario y un sistema informtico. El intercambio tiene asociado un lenguaje, por consiguiente una sintxis y una semtica.
El intercambio de informacin entre un usuario y un sistema informtico. El intercambio tiene asociado un lenguaje, por consiguiente una sintxis y una semtica. Se interacta con objetos para activar acciones y eventos.
Todo est basado en las primitivas de interaccin: Posicionamiento Obtencin de una posicin u orientacin (2D y 3D)
Ejm. Aplicacin de dibujo
Todo est basado en las primitivas de interaccin: Introducir Valor Obtencin de un dato cuantificable (numrico, porcentual, etc.)
Ejm. Datos sensibles en una aplicacin
Todo est basado en las primitivas de interaccin: Introducir Texto Introduccin de un texto o identificador Ejm. Nombre de un archivo
Todo est basado en las primitivas de interaccin: Seleccin Obtencin de una alternativa (entre varias posibles. Puede ser sobre un conjunto finito o un conjunto de cardinalidad variable.
Todo est basado en las primitivas de interaccin: Arrastre Secuencia de posiciones entre un punto inicial y otro final.
Ejm. Mover un documento hacia otra carpeta.
Cmo interacta el usuario con esta aplicacin?
Diseo de interfaces
Objetivos de una buena interfaz:
Maximizar la velocidad de aprendizaje

Minimizar la tasa de errores Maximizar la velocidad de uso Esttica adecuada
Cmo disear para mejorar la interaccin hombre-mquina?
Diseo centrado en el usuario

Principios Reglas Estndares Directrices Guas de estilo
Principios
Son conceptos de muy alto nivel que deben ser utilizados en el diseo de aplicaciones.
Principios A modo de ejemplo

Aliviar la carga cognitiva Confiar en el reconocimiento Proporcionar pistas visuales Proporcionar opciones por defecto Proporcionar atajos
Principios A modo de ejemplo (cont.)

Aliviar la carga cognitiva Promover la sintaxis objetoaccin Emplear metforas del mundo real Emplear la revelacin progresiva para evitar abrumar al usuario. Promover la claridad visual
Reglas de diseo
Guan al diseador con el fin de incrementar la usabilidad. Se clasifican en estndares y directrices.
Estndares
Son requisitos, reglas o recomendaciones basadas en principios probados y en prctica.
Directrices
Las directrices recomiendan acciones que se basan en un conjunto de principios de diseo.
Son ms especficas que los principios y requieren menos experiencia para entenderlas e interpretarlas que stos.
Guas de estilo
Llamadas tambin guas corporativas. Estn basadas en principios y contienen directrices que se concretan a muy bajo nivel.
Guas de estilo
Llamadas tambin guas corporativas. Estn basadas en principios y contienen directrices que se concretan a muy bajo nivel. Las guas de estilo corporativas se centran en presentaciones comunes, comportamientos y tcnicas que deben ser implementadas por todos los productos en una compaa.
Objetos de las interfaces
Objetos de las interfaces grficas
Ventanas Menes conos Botones Campos etc.
Ventanas
Ventanas tipo dilogo
Menes
conos
Botones
Campos
Objetos de las interfaces grficas Metforas

Qu es?
Es un tropo fundamental de la retrica.

Es una descripcin de una situacin desconocida utilizando una situacin conocida.
Existen metforas visuales: Basados en en lenguaje visual Se asocian a estructuras, clases, objetos, atributos a nombres y operaciones Se pueden asociar procesos y algoritmos a verbos
Ejm. (palabras)
TV: programas, canales, redes, anuncios, guas, noticias Juegos: reglas del juego, piezas del juego, tablero del juego
rboles: races, tronco, ramas, hojas
Existen metforas verbales, basadas en la utilizacin de verbos para denotar acciones.

Ejm. Mover: navegar, conducir, volar Localizar: apuntar Seleccionar: tocar un elemento, poner el dedo sobre.... Crear: aadir (nuevo), copiar Borrar: botar, destruir, perder, cortar
Existen metforas verbales, basadas en la utilizacin de verbos para denotar acciones.

Ejm. Mover: navegar, conducir, volar Localizar: apuntar Seleccionar: tocar un elemento, poner el dedo sobre.... Crear: aadir (nuevo), copiar Borrar: botar, destruir, perder, cortar
Existen metforas del mundo real

Ejms.: Semforo (aplicaciones?)
Colores
A.K. + S.J.
Escritorio (global) Levantamiento y diagramacin de textos
(acciones)
Objetos de las interfaces grficas Metforas Utilidad
Utilidad prctica: se espera que permita un entendimiento ms rpido de la situacin desconocida y que acelere el aprendizaje de una herramienta mediante el conocimiento que se tiene del mundo real.
Objetos de las interfaces grficas Metforas Utilidad comunicacional: La metfora va creando comunicacin mediante su posibilidad de dejar de ser metafrica y convertirse en expresin directa de la lengua, as la metfora crea lengua ampliando los elementos bsicos de comunicacin y dando posibilidades nuevas de comunicacin.
Algunos principios de diseo de interfaces
Algunos principios de diseo de interfaces grficas Consistencia La consistencia en un interfaz permite a los usuarios transferir sus conocimientos y destrezas de una aplicacin a otra.
Algunos principios de diseo de interfaces grficas Consistencia La consistencia en un interfaz permite a los usuarios transferir sus conocimientos y destrezas de una aplicacin a otra.
La consistencia en las interfaces grficas ayuda a los usuarios a aprender y reconocer fcilmente el lenguaje grfico de esa interfaz.
Algunos principios de diseo de interfaces grficas Consistencia La consistencia en el comportamiento de una interfaz significa que los usuarios aprenden cmo hacer las cosas, por ejemplo apuntar y seleccionar, una sola vez.
Algunos principios de diseo de interfaces grficas Control del usuario El usuario y no el computador (o aplicacin) inicia y controla las actividades.
Algunos principios de diseo de interfaces grficas Control del usuario El usuario y no el computador (o aplicacin) inicia y controla las actividades. Tolerancia Posibilidad de ofrecerle al usuario la capacidad de recuperarse de los errores.
Algunos principios de diseo de interfaces grficas Retroalimentacin y dilogo El usuario debe estar constantemente informado de lo que est ocurriendo con los procesos. Dilogo simple al alcance del usuario La informacin que recibe el usuario debe ser entendible y a su alcance.
Algunos principios de diseo de interfaces grficas Integridad esttica La informacin se encuentra organizada en forma adecuada y consistente con los principios de diseo visual.
El nmero de elementos y su respectivo comportamiento debe ser limitado para aumentar la usabilidad de la interfaz.
Algunos principios de diseo de interfaces grficas Integridad esttica Se debe asegurar de mantener la semntica del lenguaje grfico o del lenguaje asociado a la interfaz.
No cambiar el significado de los objetos que son estndares.
Algunos principios de diseo de interfaces grficas Uso de metforas Manipulacin directa de los objetos
Algunos principios de diseo de interfaces grficas
Continuar .....

Interfaces

Загружено:

Сведения о документе

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Interfaces

Загружено:

Авторское право:

Доступные форматы

Interaccin Hombre-Mquina

Interaccin Hombre-Mquina Diseo de Interfaces

Prof. Adrin Antonio Cisneros Hernndez Universidad Marista de Guadalajara Agosto-20013

HCI Human Computer Interaction

HCI Human Computer Interaction

HCI Human Computer Interaction

Cmo disear para mejorar la interaccin hombre-mquina? Contextos bsicos a considerar

Cmo disear para mejorar la interaccin hombre-mquina? Contextos bsicos a considerar

Sintcticos presentacin de informacin secuencia, orden de las acciones

Cmo disear para mejorar la interaccin hombre-mquina? Contextos bsicos a considerar

HCI Human Computer Interaction

reas de aplicacin y tareas Mquinas

Lenguajes y comunicacin Ergonoma Dispositivos I/O

HCI Human Computer Interaction

Filosofa, Sociologa y Antropologa

Lenguajes y comunicacin Ergonoma

Interaccin Hombre-Mquina Conceptos generales Anlisis del usuario

Implica conocer aspectos como:

Interaccin Hombre-Mquina Conceptos generales Lengua y lenguaje

Interaccin Hombre-Mquina Conceptos generales Lengua y lenguaje

Interaccin Hombre-Mquina Conceptos generales Lengua y lenguaje

Interaccin Hombre-Mquina Conceptos generales Lengua y lenguaje

Interaccin Hombre-Mquina Conceptos generales Lengua y lenguaje

Interaccin Hombre-Mquina Conceptos generales Canales de comunicacin

Interaccin Hombre-Mquina Conceptos generales Canales de comunicacin

Se utilizan normalmente tres canales: el visual, el auditivo y el hptico o gestual.

Interaccin Hombre-Mquina Conceptos generales Canales de comunicacin

Interaccin Hombre-Mquina Conceptos generales Canales de comunicacin

Interaccin Hombre-Mquina Conceptos generales Canales de comunicacin

Interaccin Hombre-Mquina Conceptos generales Canales de comunicacin

Interaccin Hombre-Mquina Conceptos generales Canales de comunicacin

Interaccin Hombre-Mquina Conceptos generales Canales de comunicacin

Interaccin Hombre-Mquina Conceptos generales Canales de comunicacin

Interaccin Hombre-Mquina Conceptos generales Integracin

Interaccin Hombre-Mquina Conceptos generales Integracin

Interaccin Hombre-Mquina Conceptos generales Integracin

Interaccin Hombre-Mquina Conceptos generales Interaccin

El intercambio de informacin entre un usuario y un sistema informtico.

Interaccin Hombre-Mquina Conceptos generales Interaccin

Interaccin Hombre-Mquina Conceptos generales Interaccin

Interaccin Hombre-Mquina Conceptos generales Interaccin

Ejm. Aplicacin de dibujo

Interaccin Hombre-Mquina Conceptos generales Interaccin

Ejm. Datos sensibles en una aplicacin

Interaccin Hombre-Mquina Conceptos generales Interaccin

Interaccin Hombre-Mquina Conceptos generales Interaccin

Interaccin Hombre-Mquina Conceptos generales Interaccin

Ejm. Mover un documento hacia otra carpeta.

Interaccin Hombre-Mquina Conceptos generales Interaccin

Interaccin Hombre-Mquina Conceptos generales Interaccin

Interaccin Hombre-Mquina Conceptos generales Interaccin

Interaccin Hombre-Mquina Conceptos generales Interaccin

Cmo interacta el usuario con esta aplicacin?

Interaccin Hombre-Mquina Conceptos generales Interaccin

Objetivos de una buena interfaz:

Maximizar la velocidad de aprendizaje

Cmo disear para mejorar la interaccin hombre-mquina?

Diseo centrado en el usuario

Cmo disear para mejorar la interaccin hombre-mquina?

Cmo disear para mejorar la interaccin hombre-mquina?

Principios A modo de ejemplo

Cmo disear para mejorar la interaccin hombre-mquina?

Principios A modo de ejemplo (cont.)

Cmo disear para mejorar la interaccin hombre-mquina?