Interfaz de usuario

Summary

La interfaz de usuario, IU (del inglés User Interface, UI), es el medio que permite la comunicación entre un usuario y una máquina, equipo, computadora o dispositivo, y comprende todos los puntos de contacto entre el usuario y el equipo.

Evolución de las interfaces de usuario.
CLI (Command line interface): Interfaz de línea de comandos
GUI (Graphical user interface): Interfaz gráfica de usuario
NUI (Natural user interface):

Normalmente suelen ser fáciles de entender y fáciles de accionar, aunque en el ámbito de la informática es preferible referirse a que suelen ser "usables", "amigables e intuitivos" porque es compleja.

Definición

editar

La interfaz de usuario es el espacio donde se producen las interacciones entre seres humanos y máquinas. El objetivo de esta interacción es permitir el funcionamiento y control más efectivo de la máquina desde la interacción con el humano.

Las interfaces básicas de usuario son aquellas que incluyen elementos como ventanas, menús, contenido gráfico, cursor, sonidos, y en general, todos aquellos canales por los cuales se permite la comunicación entre el ser humano y la máquina.

El objetivo del diseño de una interfaz es producir una interfaz que sea intuitiva (explicarse por sí misma), eficiente y agradable para que al operar la máquina dé los resultados deseados.

 
Una interfaz hombre-máquina generalmente involucra hardware periférico para la ENTRADA y para la SALIDA. A menudo, hay un componente adicional implementado en el software, como por ejemplo una interfaz gráfica de usuario.

Hay una diferencia entre una interfaz de usuario y una interfaz de operador o una interfaz hombre-máquina (HMI).

  • El término "interfaz de usuario" se usa a menudo en el contexto de sistemas informáticos (personales) y dispositivos electrónicos.
    • Donde una red de equipos u ordenadores están interconectados a través de un MES (Manufacturing Execution System) o Host para mostrar información.
    • Una interfaz hombre-máquina (HMI) suele ser local para una máquina o pieza de equipo, y es el método de interfaz entre el ser humano y el equipo/máquina. Una interfaz de operador es el método de interfaz mediante el cual se accede o controla múltiples equipos, vinculados por un sistema de control de host.
    • El sistema puede exponer varias interfaces de usuario para servir a diferentes tipos de usuarios. Por ejemplo, una base de datos de biblioteca computarizada podría proporcionar dos interfaces de usuario, una para los usuarios de la biblioteca (conjunto limitado de funciones, optimizado para facilitar su uso) y la otra para el personal de la biblioteca (amplio conjunto de funciones, optimizado para eficiencia).[1]
  • La interfaz de usuario de un sistema mecánico, un vehículo o una instalación industrial a veces se denomina interfaz hombre-máquina (HMI).[2]​ HMI es una modificación del término original MMI (interfaz hombre-máquina).[3]​ En la práctica, la abreviatura MMI todavía se usa con frecuencia.[3]​ aunque algunos pueden afirmar que MMI significa algo diferente ahora. Otra abreviatura es HCI, pero se usa más comúnmente para interacción humano-ordenador.[3]​ Other terms used are operator interface console (OIC) and operator interface terminal (OIT).[4]​ Sin embargo, se abrevia, los términos se refieren a la "capa" que separa a un ser humano que está operando una máquina de la máquina misma.[3]​ Sin una interfaz limpia y utilizable, los humanos no podrían interactuar con los sistemas de información.

En ciencia ficción, HMI se usa a veces para referirse a lo que se describe mejor como una interfaz neuronal directa. Sin embargo, este último uso está teniendo una aplicación cada vez mayor en el uso en la vida real de prótesis (médicas), la extensión artificial que reemplaza una parte del cuerpo que falta (por ejemplo, implantes cocleares).[5][6]

En algunas circunstancias, los ordenadores pueden observar al usuario y reaccionar de acuerdo con sus acciones sin comandos específicos.[7]​ Se requiere un medio de seguimiento de partes del cuerpo, y se han utilizado experimentalmente sensores que toman nota de la posición de la cabeza, dirección de la mirada, etc. Esto es particularmente relevante para interfaces inmersivas.[8][9]

Funciones principales

editar
 
Ejemplo de interfaz de usuario tangible, Reactable.
 
Diagrama del proceso de entrada/salida y procesamiento entre un humano y una máquina.

Las funciones principales son las siguientes:

  • Puesta en marcha y apagado.
  • Control de las funciones manipulables del equipo.
  • Manipulación de archivos y directorios.
  • Herramientas de desarrollo de aplicaciones.
  • Comunicación con otros sistemas.
  • Información de estado.
  • Configuración de la propia interfaz y entorno.
  • Intercambio de datos entre aplicaciones.
  • Control de acceso.
  • Sistema de ayuda interactivo.
  • Sistema de facilidad visual

Diseño de interfaz

editar

Los métodos principales utilizados en el diseño de la interfaz incluyen la creación de prototipos y la simulación.

El diseño típico de interfaz hombre-máquina consta de las siguientes etapas: especificación de interacción, especificación de software de interfaz y creación de prototipos:

  • Las prácticas comunes para la especificación de interacción incluyen diseño centrado en el usuario, persona, diseño orientado a actividades, diseño basado en escenarios y diseño de resiliencia.
  • Las prácticas comunes para la especificación de software de interfaz incluyen casos de uso y restringen la aplicación mediante protocolos de interacción (destinados a evitar errores de uso).
  • Las prácticas comunes para la creación de prototipos se basan en bibliotecas de elementos de interfaz (controles, decoración, etc.).

Principios de calidad

editar

Las interfaces de calidad suelen compartir ocho cualidades o características:

  1. Claridad: la interfaz evita la ambigüedad al dejar todo claro a través del lenguaje, la fluidez, la jerarquía y las metáforas de los elementos visuales.
  2. Concisión:[10]​ Es fácil hacer que la interfaz sea clara clarificando y etiquetando todo en exceso, pero esto lleva a que la interfaz se sature, es decir, hay demasiadas cosas en la pantalla al mismo tiempo. Si hay demasiadas cosas en la pantalla, es difícil encontrar lo que se está buscando y, por lo tanto, la interfaz se vuelve tediosa de usar. Hacer que una interfaz sea clara y concisa al mismo tiempo es desafiante en algunos casos.
  3. Familiaridad:[11]​ Incluso si alguien usa una interfaz por primera vez, ciertos elementos aún pueden ser familiares. Las metáforas de la vida real se pueden utilizar para comunicar el significado.
  4. Capacidad de respuesta:[12]​ Una buena interfaz no debe sentirse lenta. Esto significa que la interfaz debe proporcionar buenos comentarios al usuario sobre lo que está sucediendo y si la entrada del usuario se está procesando correctamente. Esto incluye las micronteracciones, como las animaciones de botones, pantallas de carga, notificaciones, etc...
  5. Consistencia:[13]​ Mantener la coherencia de la interfaz en toda la aplicación es importante porque permite a los usuarios reconocer los patrones de uso. La consistencia se puede lograr no sólo visualmente, sino también en la forma de interacción.
  6. Estética: Además de crear un ambiente más agradable para el usuario, la claridad también dependerá de la estética.
  7. Eficiencia: Una buena interfaz debería permitir una navegación óptima y el uso de atajos para mejorar la productividad del usuario.
  8. Perdón: una buena interfaz no debe castigar a los usuarios por sus errores, sino que debe proporcionar los medios para remediarlos.

Principio del menor asombro

editar

El principio del menor asombro (POLA abreviado en inglés) es un principio general en el diseño de todo tipo de interfaces, y que se basa en la suposición de que los seres humanos solo pueden prestar atención completa a una cosa a la vez,[14]​ lo que lleva a la conclusión de que la novedad debe minimizarse.[15]

Principio de formación de hábitos

editar

Si una interfaz se usa persistentemente, el usuario inevitablemente desarrollará un hábito para usar la interfaz. El papel del diseñador puede entonces caracterizarse como el de asegurar que el usuario adquiera buenos hábitos. Si el diseñador tiene experiencia con otras interfaces, desarrollará hábitos de manera similar y, a menudo, hará suposiciones inconscientes sobre cómo el usuario interactuará con la interfaz.[14][16]

Un modelo de criterios de diseño: Panel de experiencia de usuario

editar
 
Panel de diseño de experiencia de usuario[17]​ diseñado por Peter Morville[18]

Peter Morville de Google diseñó el marco User Experience Honeycomb en 2004 cuando dirigía operaciones en el diseño de interfaz de usuario. El marco fue creado para guiar el diseño de la interfaz de usuario. Actuaría como una guía para muchos estudiantes de desarrollo web durante una década.[18]

  1. Usable: ¿El diseño del sistema es fácil y simple de usar? La aplicación debe sentirse familiar y debe ser fácil de usar.[18][17]
  2. Útil: ¿La aplicación satisface una necesidad? El producto o servicio de una empresa debe ser útil.[17]
  3. Deseable: ¿El diseño de la aplicación es elegante y va al grano? La estética del sistema debe ser atractiva y fácil de traducir.[17]
  4. Localizable: ¿los usuarios pueden encontrar rápidamente la información que buscan? La información debe ser localizable y fácil de navegar. Un usuario nunca debería tener que buscar su producto o información.[17]
  5. Accesible: ¿La aplicación admite texto ampliado sin romper el marco? Una aplicación debe ser accesible para personas con discapacidades.[17]
  6. Creíble: ¿La aplicación muestra seguridad confiable y detalles de la empresa? Una aplicación debe ser transparente, segura y honesta.[17]
  7. Valioso: ¿El usuario final lo percibe valioso? Si se cumplen los 6 criterios, el usuario final encontrará valor y confianza en la aplicación.[17]

Tipos

editar

En las interfaces de usuario se pueden distinguir básicamente tres tipos:

  1. Una interfaz de hardware, a nivel de los dispositivos utilizados para ingresar, procesar y entregar los datos. El teclado, ratón y pantalla visualizadora son algunos ejemplos.
  2. Una interfaz de software, destinada a entregar información acerca de los procesos y herramientas de control, a través de lo que el usuario observa habitualmente en la pantalla.
  3. Una interfaz de software-hardware, que establece un puente entre la máquina y las personas, permite a la máquina entender la instrucción y al hombre entender el código binario traducido a información legible.

Según la forma de interactuar del usuario

editar

Atendiendo a cómo el usuario puede interactuar con una interfaz, existen varios tipos de interfaces de usuario:

  • Interfaz de línea de comandos (Command-Line Interface, CLI): Interfaces alfanuméricas (intérpretes de comandos) que solo presentan texto.
  • Interfaz gráfica de usuario (Graphic User Interface, GUI): Permiten comunicarse con la computadora de forma rápida e intuitiva representando gráficamente los elementos de control y medida.
  • Interfaz natural de usuario (Natural User Interface, NUI): Pueden ser táctiles, representando gráficamente un «panel de control» en una pantalla sensible al tacto que permite interactuar con el dedo de forma similar a si se accionara un control físico; pueden funcionar mediante reconocimiento del habla, como por ejemplo Siri; o mediante movimientos corporales, como es el caso de Kinect.

Según su construcción

editar

Pueden ser de hardware o de software:

  • Interfaces de hardware: Se trata de un conjunto de controles o dispositivos que permiten que el usuario intercambie datos con la máquina, ya sea introduciéndolos (pulsadores, botones, teclas, reguladores, palancas, manivelas, perillas) o leyéndolos (pantallas, diales, medidores, marcadores, instrumentos).
  • Interfaces de software: Son programas o parte de ellos, que permiten expresar las órdenes a la computadora o visualizar su respuesta.

Valoración

editar

El principal objetivo de una interfaz de usuario es que este pueda comunicar información a través de ella hacia algún tipo de dispositivo o sistema. Conseguida esta comunicación, el siguiente objetivo es el que dicha comunicación se desarrolle de la forma más fácil y cómoda posible para las características del usuario que utiliza el servicio.

Sin embargo, las interfaces no siempre cumplen todos los objetivos, por ejemplo: como es el caso de las consolas de línea de órdenes (CLI), que se encuentran en algunos sistemas de encaminadores (como los NOS de los routers); algunas consolas de administración con sus intérpretes de comandos (shell) de Unix, DOS, etcétera; y también en las consolas de administración de algunos servidores dedicados como Microsoft Exchange Server. Estas interfaces son fáciles de usar, sin embargo, se necesita un amplio conocimiento de la persona que las utiliza. Por lo que, tanto su curva de aprendizaje, como el conocimiento técnico previo a su uso impiden que puedan ser utilizadas por cualquier persona.

Si bien estas interfaces son las primeras que utilizaron las computadoras, y muchos usuarios podrían considerarlas anticuadas, siguen siendo incluidas en nuevos dispositivos y sistemas gracias a las ventajas que ofrecen al permitir automatizar acciones complejas mediante la creación de pequeños programas de bajo nivel (conocidos como Script o Batch).

Por otra parte, existen interfaces que reducen significativamente la curva de aprendizaje y permiten que usuarios sin experiencia y sin conocimientos técnicos puedan obtener resultados notables, por ejemplo: la interfaz táctil utilizada por los sistemas operativos de iOS y Android.

Si bien el diseño de la interfaz es crítico para el manejo del dispositivo, los diseñadores al momento de su creación ponen especial énfasis en determinar el tipo de usuario, su conocimiento y su experiencia. Esto marcará importantes diferencias entre la interfaz de línea de comandos de un gestor de correo electrónico, los menús flotantes para una aplicación de diseño gráfico o bien el despliegue de información mediante una línea de tiempo en una red social.

La tendencia a futuro se vislumbra con una importante separación entre interfaces para la creación de contenidos e interfaces para el consumo de contenidos. Como puede ser cotejado con el uso de sistemas de código de barras, sistemas de acceso RFID Etiquetas o bien Social Networks ER, para la creación de contenidos; y dispositivo como los llamados smartWatch, smartTV y tabletas.

Véase también

editar

Referencias

editar
  1. «The User Experience of Libraries: Serving The Common Good User Experience Magazine». uxpamagazine.org. Consultado el 23 de marzo de 2022. 
  2. Griffin, Ben; Baston, Laurel. Interfaces (Presentation). p. 5. Archivado desde el original el 14 de julio de 2014. Consultado el 7 de junio de 2014. «The user interface of a mechanical system, a vehicle or an industrial installation is sometimes referred to as the human–machine interface (HMI).» 
  3. a b c d «User Interface Design and Ergonomics». Course Cit 811 (NATIONAL OPEN UNIVERSITY OF NIGERIA: SCHOOL OF SCIENCE AND TECHNOLOGY): 19. Archivado desde el original el 14 de julio de 2014. Consultado el 7 de junio de 2014. «In practice, the abbreviation MMI is still frequently used although some may claim that MMI stands for something different now.» 
  4. «Introduction Section». Recent advances in business administration. [S.l.]: Wseas. 2010. p. 190. ISBN 978-960-474-161-8. «Other terms used are operator interface console (OIC) and operator interface terminal (OIT)». 
  5. Cipriani, Christian; Segil, Jacob; Birdwell, Jay; Weir, Richard (2014). «Dexterous control of a prosthetic hand using fine-wire intramuscular electrodes in targeted extrinsic muscles». IEEE Transactions on Neural Systems and Rehabilitation Engineering 22 (4): 828-36. ISSN 1534-4320. PMC 4501393. PMID 24760929. doi:10.1109/TNSRE.2014.2301234. «Neural co-activations are present that in turn generate significant EMG levels and hence unintended movements in the case of the present human machine interface (HMI).» 
  6. Citi, Luca (2009). Development of a neural interface for the control of a robotic hand. Scuola Superiore Sant'Anna, Pisa, Italy: IMT Institute for Advanced Studies Lucca. p. 5. Consultado el 7 de junio de 2014. 
  7. «Acuerdo de usuario». 1winn.co (en inglés estadounidense). Consultado el 15 de septiembre de 2023. 
  8. Jordan, Joel. Gaze Direction Analysis for the Investigation of Presence in Immersive Virtual Environments (Thesis submitted for the degree of Doctor of Philosophy). University of London: Department of Computer Science. p. 5. Archivado desde el original el 14 de julio de 2014. Consultado el 7 de junio de 2014. «The aim of this thesis is to investigate the idea that the direction of gaze may be used as a device to detect a sense-of-presence in Immersive Virtual Environments (IVE) in some contexts.» 
  9. Ravi (August 2009). «Introduction of HMI». Archivado desde el original el 14 de julio de 2014. Consultado el 7 de junio de 2014. «In some circumstance computers might observe the user, and react according to their actions without specific commands. A means of tracking parts of the body is required, and sensors noting the position of the head, direction of gaze and so on have been used experimentally. This is particularly relevant to immersive interfaces.» 
  10. Raymond, Eric Steven (2003). «11». The Art of Unix Programming. Thyrsus Enterprises. Archivado desde el original el 20 de octubre de 2014. Consultado el 13 de junio de 2014. 
  11. C. A. D'H Gough; R. Green; M. Billinghurst. Accounting for User Familiarity in User Interfaces (PDF). Consultado el 13 de junio de 2014. 
  12. Sweet, David (October 2001). «9 – Constructing A Responsive User Interface». KDE 2.0 Development. Sams Publishing. Archivado desde el original el 23 de septiembre de 2013. Consultado el 13 de junio de 2014. 
  13. John W. Satzinger; Lorne Olfman (March 1998). «User interface consistency across end-user applications: the effects on mental models». Journal of Management Information Systems. Managing virtual workplaces and teleworking with information technology (Armonk, NY) 14 (4): 167-193. doi:10.1080/07421222.1998.11518190. 
  14. a b Raskin, Jef (2000). The human interface : new directions for designing interactive systems (1. printing. edición). Reading, Mass. [u.a.]: Addison Wesley. ISBN 0-201-37937-6. (requiere registro). 
  15. hmong.wiki. «Principio del menor asombro FormulaciónyEjemplos de». hmong.es (en tailandés). Consultado el 15 de septiembre de 2023. 
  16. Udell, John (9 de mayo de 2003). «Interfaces are habit-forming». Infoworld (en inglés). Archivado desde el original el 4 de abril de 2017. Consultado el 3 de abril de 2017. 
  17. a b c d e f g h «User Interface & User Experience Design | Oryzo | Small Business UI/UX». Oryzo (en inglés estadounidense). Consultado el 19 de noviembre de 2019. 
  18. a b c Wesolko, Dane (27 de octubre de 2016). «Peter Morville's User Experience Honeycomb». Medium (en inglés). Consultado el 19 de noviembre de 2019. 
  •   Datos: Q47146
  •   Multimedia: User interfaces / Q47146