Interfaz del usuario (UI, User Interface)

Índice:

1. ¿Qué es UI?
2. Errores comunes
   1. Incompatibilidad
   2. Botones confusos
   3. Visión de conjunto
3. UI vs. UX

¿Qué es la interfaz del usuario?

La interfaz del usuario (user interface, UI) es el diseño de sistema, aplicación, web o parte de una máquina con el cual interactúa un usuario. Por tanto, la UI es la forma en la que un usuario interactúa con un producto. La UI puede ser física o digital.

Un ejemplo de UI física se compondría del salpicadero, del freno de mano y de la palanca de cambio de un coche, o se vería como la cabina del piloto de un avión dónde hay muchos botones para manejarlo. Mientras que en el caso de la UI digital, se encarga del diseño visual de un sistema, aplicación o web con el que interactúa el humano. Esta UI se puede crear con gráficos (Graphic User Interface) o desarrollándola con tecnologías como como HTML, CSS, YUI, jQuery, etc. Lo que se intenta con el UI es que el sistema sea lo más claro, conciso, coherente, flexible y atractivo visualmente posible.

Hay 5 tipos distintos de interfaces de usuario:

1. 1. Interfaz de línea de comando (CLI, Command Line Interface): este es el tipo de interfaz más antiguo que todavía está en uso. Con esta interfaz el usuario tiene que escribir comandos e instrucciones. El CLI suele ser bastante técnico y puede requerir tener conocimientos de programación. De hecho, al ser una interfaz de texto, sólo utiliza caracteres ASCII (acrónimo inglés de American Standard Code for Information Interchange, Código Estándar Estadounidense para el Intercambio de Información). Los sistemas operativos de escritorio más conocidos tienen una aplicación de línea de comando, como Microsoft, Linux y Mac.

1. Interfaz de usuario de texto (TUI, Text User Interface): este tipo de interfaz es muy parecida a la CLI, pero es más moderna. Esto quiere decir que sigue usando comandos de programación, pero es más sencilla. Esto se debe a que sólo necesita el teclado para confirmar operaciones, pero no se necesita saber de programación.
2. Interfaz gráfica (GUI, Graphical User Interface): este tipo de interfaz supone una evolución con respecto a las TUI. Es una de las más usadas hoy en día. Para interactuar con ella se usa tanto el teclado como el ratón. También suelen encontrarse gráficos simples (como iconos) que sirven como botones y menús, entre otros.
3. Interfaz natural de usuario (NUI, Natural User Interface): es una de las interfaces más sencillas e intuitivas para el usuario. Se llama natural porque imita la forma de interactuar de los humanos. El usuario interactúa con NUI a través de gestos, acciones manuales o voz. De hecho, cuando es por voz, se le conoce como interfaz de voz (VUI, Voice User Interface). Un ejemplo de VUI sería Siri. Otro ejemplo de NUI, cuando es por movimientos y gestos, podría ser la Nintendo Switch.
4. Interfaz cerebro-ordenador (BCI, Brain–Computer Interface): este es el tipo de interfaz más novedoso. Esta interfaz conecta el cerebro humano con un sistema artificial. La BCI es muy usada para las prótesis.

Errores comunes de UI

El diseño gráfico es muy importante. Al igual que no es lo mismo ver un escaparate de ropa poco atractivo que uno bien preparado, un software que parece que es de los años 90 no gustará tanto como uno que parezca moderno. A continuación se mencionan algunos de los errores más habituales en el área de la UI:

El software no funciona con el sistema operativo instalado

Hay algunos softwaresUn software es el componente lógico del que está constituido un equipo informático. Es decir, se trata de una herramienta que está formada por todos los componentes del sistema que no se pueden tocar, pero que hacen posible la realización de tareas específicas, como por ejemplo: procesadores de texto, hojas de cálculo, editores de imágenes, sistema operativo, etc. que están diseñados especialmente para Windows, otros para Android y otros para iOS/macOS. Por tanto, a la hora de elegir un software es importante comprobar que sea compatible con los ordenadores con los que trabaja una empresa. Entonces, debido a que la mayoría de las empresas usa Windows, la mayoría de los softwares están desarrollados para dicho sistema operativo. No obstante, también hay muchas empresas que trabajan con macOS, como una empresa de diseño gráfico. Por ello, si trabajan con macOS quiere contratar un sistema de gestión documentalUn sistema de gestión documental, o document management system (DMS), por sus siglas en inglés, está diseñado para almacenar, administrar y controlar el flujo de documentos dentro de una organización. Se trata de una forma de organizar los documentos e imágenes digitales en una localización centralizada a la que los empleados puedan acceder de forma fácil y sencilla. para almacenar sus diseños, tiene que prestar atención a ese detalle. De lo contrario, podría acabar adquiriendo licencias para un software que no puede implementar porque no funciona bien en sus ordenadores.

Además, hoy en día es muy importante que los sistemas sean responsiveEl diseño responsive, o adaptativo, es aquel que ajusta la visualización de una interfaz de acuerdo al dispositivo (móvil, ordenador o tablet). Por tanto, el sistema detecta el tamaño de la pantalla y adapta la distribución del diseño (lay-out) para que sea lo más sencillo posible para el usuario.. Esto se debe a que si, por ejemplo, un picker va a recoger un pedido del almacén, éste debe poder consultar el software ERPUn sistema ERP (Enterprise Resource Planning) o sistema de planificación de recursos empresariales se hace cargo de distintas operaciones internas de una empresa, desde producción a distribución o incluso recursos humanos. Por tanto, este software gestiona los distintos procesos empresariales de una misma empresa. Existen muchos tipos de ERP: horizontales (generales) y verticales (sectoriales); para pequeñas, medianas y grandes empresas; nube, híbrido o en local; entre otros. desde el móvil. Por lo tanto, el software debe ser capaz de adaptarse al móvil y mostrar la ruta óptima de recopilación de los artículos. Si el diseño del software fuera fijo, entonces podría generar más problemas que soluciones.

Los botones escogidos resultan confusos por querer ser innovador

Cuando se está creando un producto, es importante hacer que sea lo más intuitivo posible para el usuario. Por ejemplo, una empresa que tiene un e-commerceEl comercio electrónico (e-commerce o e-business) abarca todas las formas de comercio en línea. La mayoría de las personas piensa directamente en una tienda online (o webshop, en inglés) para consumidores, pero el término también se utiliza para, por ejemplo, transacciones financieras entre bancos. Con este último sentido de comercio electrónico, el término se remonta a los años 70. debe saber qué botones escoger para que sus usuarios sepan qué ocurre al pincharlos. Esto suele suceder cuando se está creando una web en un gestor de contenidos (CMS)Un gestor de contenidos (CMS) es el principal método de gestión de páginas webs para todo tipo de usuarios. Estos sistemas pueden ser utilizados para multitud de páginas y sitios webs distintos: blogs, foros, e-commerce, etc. Esta versatilidad provoca que muchos usuarios decidan adaptar estos sistemas a los entornos en la nube como Amazon Web Services o Microsoft Azure., como MagentoMagento es una plataforma e-commerce de código abierto (open source) de la empresa Adobe Systems Incorporated. Con esta plataforma se puede gestionar el contenido, la funcionalidad y el aspecto de la tienda virtual (e-commerce). El lenguaje de programación es el de PHP (Personal Hypertext Processor o procesador de hipertexto), enfocado en el desarrollo web de contenido dinámico, y con una base de datos en MySQL. o WordPress.

Al crear la web, se tienen que escoger algunos botones para el front-end y que el usuario clique sobre ellos. Muchas veces ocurre que la empresa quiere ser muy creativa para darle su propia identidad. No obstante, esto puede ser perjudicial, ya que puede generar confusión al usuario y que no compre por no saber cuál es el botón del carrito de compra.

Querer tenerlo todo a la vista a la vez

Los softwares, aplicaciones y webs son cada vez más sencillos. No obstante, es difícil guardar el equilibrio de cosas que se quieren ver o mostrar a primera vista sin saturar la pantalla. Por ejemplo, una empresa de servicios quiere ofrecerle la máxima información a su departamento de atención al cliente para que puedan solucionar rápidamente cualquier consulta y/o queja. Por ello, le pide al desarrollador del software de CRMLa gestión de relaciones con el cliente (Customer Relationship Management, CRM) se centra en almacenar, analizar y usar toda la información relevante de los clientes. Lo que se considera información relevante de los clientes, depende naturalmente del tipo de empresa y de clientes. En algunas empresas consiste en mantener una estructura de los datos de contacto o de las acciones que se llevan a cabo en relación con los clientes. Otras empresas requieren tener funcionalidades más avanzadas e inteligencia de negocios (BI) dentro del CRM para comprender bien al cliente. que cree muchos filtros y ponga muchas casillas. Sin embargo, esto puede ser contraproducente en la práctica. Si a un empleado le llega una incidencia y al abrir la pantalla tiene demasiada información delante, puede saturarse y tardar más en encontrar los datos que busca y, por tanto, tardar más en resolver el problema.

¿Cuál es la diferencia entre la interfaz del usuario y la experiencia de usuario?

La experiencia de usuarioLa experiencia de usuario (user experience, UX) es la sensación que tiene un usuario al interactuar con un servicio o producto. En el caso de un servicio, puede ser tanto físico, por ejemplo, si se siente bien atendido en una tienda, como digital, haciendo uso de un sistema, página web o aplicación. Cada vez las empresas son más competitivas, por lo que es importante que el usuario se sienta cómodo. Si no, podría irse a la competencia. (user experience, UX) y la interfaz del usuario (UI) son conceptos que están muy relacionados. Sin embargo, no son lo mismo. La UX es la sensación que tiene un usuario al usar un determinado servicio, tanto físico como digital. En el caso de la UX, los desarrolladores se fijan más en que a los usuarios les guste más el sistema por su funcionalidad. En el caso de la UI, el objetivo es estético. Por tanto, el desarrollador se preocupa más de que el usuario sienta que el sistema es bonito e intuitivo. En la siguiente tabla se muestran las diferencias entre UX y UI: