En las conversaciones sobre programas informáticos, sitios web y juegos, a menudo nos encontramos con el término «interfaz«. En este artículo, explicaremos en palabras sencillas qué es una interfaz en informática y para qué sirve.
En sentido general, una interfaz (del inglés interface: interacción) es un dispositivo o sistema para la interacción entre objetos no relacionados entre sí. Por ejemplo:
- USB es una interfaz a través de la cual el ordenador interactúa con dispositivos periféricos.
- La API de Facebook es una interfaz a través de la cual otro sitio web o aplicación puede obtener información de la base de datos de Facebook.
- El panel de instrumentos de un avión es una interfaz para la interacción entre los sistemas del avión y el piloto.
- Los botones de una tetera eléctrica son una interfaz para la interacción entre el amante del té y el elemento calefactor de la tetera.
En el campo de las tecnologías de la información, por interfaz se entiende más comúnmente un conjunto de herramientas a través de las cuales el usuario se comunica con un programa o sistema. En este artículo, hablaremos específicamente de interfaces digitales.
Tipos de Interfaces de Usuario
Línea de comandos
La línea de comandos, o CLI (Command Line Interface), es una interfaz de texto. El usuario introduce comandos en forma de texto, el sistema los procesa y muestra los datos de los resultados también en forma de texto.
Puede parecer que este tipo de interfaz está obsoleta, pero no es así. Los desarrolladores utilizan activamente la línea de comandos: en primer lugar, para ahorrar tiempo, ya que introducir comandos cortos con el teclado es más rápido que mover el ratón por la pantalla; en segundo lugar, la CLI suele ofrecer más posibilidades que la interfaz gráfica del mismo sistema operativo o programa.
Interfaz gráfica
La interfaz gráfica, o GUI (Graphic User Interface), es lo que se suele entender por interfaz.
- El botón «Inicio», las ventanas de los programas, los iconos de las carpetas y aplicaciones son elementos de la interfaz gráfica del sistema operativo Windows.
- El icono de la hamburguesa, la barra de búsqueda, el botón «A la papelera» son elementos de la interfaz gráfica de una tienda en línea.
Interfaz de Voz
La interfaz de voz, o VUI (Voice User Interface), es una interfaz invisible en la que los datos se introducen y muestran mediante la voz. Cuando el usuario de un iPhone dice «Hola, Siri, pon un temporizador de 10 minutos«, interactúa con la aplicación «Reloj» a través de la interfaz de voz. La VUI es indispensable para los usuarios con problemas de visión o ceguera, y para el resto es útil en situaciones en las que resulta incómodo mirar la pantalla, por ejemplo, al conducir un automóvil.
Principios de una Buena Interfaz de Usuario
Uno de los listados de reglas más populares aplicables a las interfaces fue elaborado por el profesor estadounidense de informática Ben Shneiderman. Se llama «Las 8 reglas de oro del diseño de interfaces«. Veamos los principios de Shneiderman utilizando el ejemplo del sitio web de una pizzería.
1. Consistencia
Una buena interfaz debe ser consistente. Por ejemplo, si el icono de la cesta de nuestro sitio web está siempre en la esquina superior derecha, no podemos trasladarlo a la esquina inferior izquierda en una de las secciones. Si llamamos a la lista de compras «Cesta», entonces este término debería aparecer en todas partes donde hablemos de la cesta.
2. Accesibilidad para diferentes usuarios
Los clientes de nuestra pizzería son un grupo heterogéneo de personas. Algunos tienen buena vista, mientras que otros tienen que utilizar un lector de pantalla. Para algunos, los teléfonos inteligentes aparecieron cuando tenían 10 años, mientras que otros conocieron las nuevas tecnologías solo a los 80.
Una buena interfaz tiene en cuenta las necesidades de unos y otros: por ejemplo, una apetitosa fotografía de una pizza en la tienda en línea debería ir acompañada de una descripción para el lector de pantalla, para que los usuarios con discapacidad visual y los ciegos puedan comprender los ingredientes.
3. Información de retorno
Cuando un usuario hace algo en tu aplicación, es importante que vea que su acción tuvo éxito (o no).
Digamos que nuestro usuario llega a la etapa de pago, introduce los datos de su tarjeta, hace clic en «Pedir» y… no pasa nada. No se puede llamar buena a una interfaz así, ya que el usuario empezará a preocuparse de inmediato: ¿llegó el pedido al restaurante? ¿Se ha cargado el dinero a la tarjeta? Por lo tanto, es importante informar que el pago se ha realizado y dar las gracias por la compra. Y si se ha producido un error y el pedido no se ha creado, indicar los motivos (por ejemplo, fondos insuficientes en la tarjeta).
4. Los escenarios complejos se dividen en etapas
Si los usuarios realizan tareas complejas con tu programa, es mejor dividirlas en etapas. Pedir en una pizzería es una tarea bastante compleja que consta de al menos tres partes: elegir una pizza que guste a todos en la fiesta, indicar correctamente la dirección de entrega y pagar la compra. Por lo tanto, para cada una de estas etapas habrá una sección propia en el sitio web. Además, se puede mostrar visualmente cuántos pasos faltan para enviar el pedido correctamente.
5. Prevención de errores
Una buena interfaz debe dar al usuario el menor número posible de oportunidades de equivocarse. Por ejemplo, nuestro usuario debe dejar obligatoriamente un número de teléfono para que puedan ponerse en contacto con él el operador y el repartidor de pizza. Si en el campo de introducción del teléfono se pueden introducir tanto números como letras, alguien se equivocará y no introducirá lo correcto. Es mejor configurar inmediatamente el campo para que los usuarios no puedan introducir letras, lo que evitará errores.
6. Fácil cancelación de acciones
Todo lo que el usuario hace en el programa debe cancelarse fácilmente. Por ejemplo, nuestro cliente se equivoca y pide accidentalmente una pizza en su trabajo, cuando debía hacerlo en su dirección particular. Una buena interfaz, inmediatamente después de realizar el pedido, dará al usuario la posibilidad de editarlo o incluso cancelarlo por sí mismo, sin esperar la llamada del operador.
7. Sensación de control sobre la situación
El usuario debe sentir que controla el programa o sistema, y no al revés. Digamos que si nuestro sitio web envía automáticamente al usuario a la pantalla de pago después de añadir una pizza a la cesta, es poco probable que esto guste a los clientes, ya que pueden querer comprar más de un plato. Deja que los clientes decidan por sí mismos cuándo están listos para realizar el pedido.
8. Poca carga para la memoria del usuario
El volumen de memoria a corto plazo del ser humano es limitado, nos resulta difícil retener muchos datos en la cabeza simultáneamente. Cuando nuestro usuario llega al pago del pedido, puede que haya olvidado cuántos y qué platos ha pedido. Es conveniente que junto al importe total se muestre la lista de la compra, para que el usuario pueda comprobar su pedido antes de pagar.
Quién Crea las Interfaces de Usuario
Ahora sabes qué es la interfaz de un sistema, programa en un ordenador, aplicación móvil o juego, y cómo debe ser. Y el especialista que desarrolla interfaces de usuario se llama diseñador UX/UI. La abreviatura UI es la ya conocida User Interface, y UX es User Experience (experiencia del usuario).
En proyectos pequeños puede que no haya una persona específica responsable de la interfaz, por lo que estas tareas recaen en otros especialistas, como el desarrollador, el maquetador o el especialista en marketing. Por lo tanto, es importante que todos los que planeen vincular su futuro con la creación de programas, juegos o sitios web comprendan los fundamentos del diseño de UX/UI.
