Diseño de interfaz de usuario

El diseño de interfaz de usuario (UI) o ingeniería de interfaz de usuario es el diseño de interfaces de usuario para máquinas y software , como computadoras , electrodomésticos , dispositivos móviles y otros dispositivos electrónicos , con el enfoque en maximizar la usabilidad y la experiencia del usuario . En el diseño de computadoras o software, el diseño de la interfaz de usuario (UI) se centra principalmente en la arquitectura de la información. Es el proceso de creación de interfaces que comunican claramente al usuario lo que es importante. El diseño de interfaz de usuario se refiere a interfaces gráficas de usuario y otras formas de diseño de interfaces. El objetivo del diseño de la interfaz de usuario es hacer que la interacción del usuario sea lo más simple y eficiente posible, en términos de lograr los objetivos del usuario ( diseño centrado en el usuario ).

Las interfaces de usuario son los puntos de interacción entre los usuarios y los diseños. Hay tres tipos:

Interfaces gráficas de usuario (GUI): los usuarios interactúan con representaciones visuales en la pantalla de una computadora. El escritorio es un ejemplo de GUI.
Interfaces controladas a través de la voz : los usuarios interactúan con ellas a través de sus voces. La mayoría de los asistentes inteligentes, como Siri en los teléfonos inteligentes o Alexa en los dispositivos de Amazon, utilizan el control por voz.
Interfaces interactivas que utilizan gestos : los usuarios interactúan con entornos de diseño 3D a través de sus cuerpos, por ejemplo, en juegos de realidad virtual (VR).

El diseño de interfaces está involucrado en una amplia gama de proyectos, desde sistemas informáticos hasta automóviles y aviones comerciales; Todos estos proyectos implican muchas de las mismas interacciones humanas básicas, pero también requieren algunas habilidades y conocimientos únicos. Como resultado, los diseñadores tienden a especializarse en ciertos tipos de proyectos y tienen habilidades centradas en su experiencia, ya sea diseño de software , investigación de usuarios, diseño web o diseño industrial .

Un buen diseño de la interfaz de usuario facilita finalizar la tarea en cuestión sin llamar la atención innecesariamente. El diseño gráfico y la tipografía se utilizan para respaldar su usabilidad , influyendo en cómo el usuario realiza ciertas interacciones y mejorando el atractivo estético del diseño; La estética del diseño puede mejorar o restar valor a la capacidad de los usuarios para utilizar las funciones de la interfaz. ^[1] El proceso de diseño debe equilibrar la funcionalidad técnica y los elementos visuales (por ejemplo, modelo mental ) para crear un sistema que no sólo sea operativo sino también utilizable y adaptable a las necesidades cambiantes del usuario.

Comparado con el diseño UX

En comparación con el diseño UX , el diseño UI tiene más que ver con la superficie y el aspecto general de un diseño. El diseño de interfaces de usuario es un oficio en el que los diseñadores desempeñan una función importante en la creación de la experiencia del usuario. El diseño de la interfaz de usuario debe mantener a los usuarios informados sobre lo que está sucediendo y brindarles la retroalimentación adecuada de manera oportuna. La apariencia visual del diseño de la interfaz de usuario marca la pauta para la experiencia del usuario. ^[2] Por otro lado, el término diseño UX se refiere a todo el proceso de creación de una experiencia de usuario.

Don Norman y Jakob Nielsen dijeron:

Es importante distinguir la experiencia total del usuario de la interfaz de usuario (UI), aunque la UI es obviamente una parte extremadamente importante del diseño. Como ejemplo, considere un sitio web con reseñas de películas. Incluso si la interfaz de usuario para encontrar una película es perfecta, la experiencia de usuario será deficiente para un usuario que desea información sobre un pequeño lanzamiento independiente si la base de datos subyacente solo contiene películas de los principales estudios. ^[3]

Procesos

El diseño de la interfaz de usuario requiere una buena comprensión de las necesidades del usuario. Se centra principalmente en las necesidades de la plataforma y las expectativas de sus usuarios. Existen varias fases y procesos en el diseño de la interfaz de usuario, algunos de los cuales son más demandados que otros, dependiendo del proyecto. ^[4] (Nota: durante el resto de esta sección, la palabra sistema se utiliza para indicar cualquier proyecto, ya sea un sitio web , una aplicación o un dispositivo ).

Recopilación de requisitos de funcionalidad: recopilación de una lista de la funcionalidad requerida por el sistema para lograr los objetivos del proyecto y las necesidades potenciales de los usuarios.
Análisis de usuarios y tareas : una forma de investigación de campo, es el análisis de los usuarios potenciales del sistema estudiando cómo realizan las tareas que el diseño debe respaldar y realizando entrevistas para elaborar sus objetivos. ^[5] Las preguntas típicas implican:
- ¿Qué querría el usuario que hiciera el sistema?
- ¿Cómo encajaría el sistema en el flujo de trabajo normal o en las actividades diarias del usuario?
- ¿Qué conocimientos técnicos tiene el usuario y qué sistemas similares utiliza ya?
- ¿Qué estilos de apariencia y sensación de interfaz atraen al usuario?
Arquitectura de la información : desarrollo del proceso y/o flujo de información del sistema (es decir, para sistemas de árbol telefónico, este sería un diagrama de flujo de árbol de opciones y para sitios web, sería un flujo de sitio que muestra la jerarquía de las páginas).
Creación de prototipos: desarrollo de estructuras alámbricas , ya sea en forma de prototipos en papel o simples pantallas interactivas. Estos prototipos están despojados de todos los elementos de apariencia y de la mayor parte del contenido para concentrarse en la interfaz.
Inspección de usabilidad: permitir que un evaluador inspeccione una interfaz de usuario. Generalmente se considera que esto es más económico de implementar que las pruebas de usabilidad (consulte el paso a continuación) y puede usarse en las primeras etapas del proceso de desarrollo, ya que puede usarse para evaluar prototipos o especificaciones para el sistema, que generalmente no pueden probarse en los usuarios. Algunos métodos comunes de inspección de usabilidad incluyen el recorrido cognitivo , que se centra en la simplicidad para realizar tareas con el sistema para nuevos usuarios, la evaluación heurística , en la que se utiliza un conjunto de heurísticas para identificar problemas de usabilidad en el diseño de la interfaz de usuario, y el recorrido pluralista , en el que un Un grupo seleccionado de personas recorre un escenario de tarea y discute cuestiones de usabilidad.
Pruebas de usabilidad : pruebas de los prototipos en un usuario real, a menudo utilizando una técnica llamada protocolo de pensamiento en voz alta , en la que se le pide al usuario que hable sobre sus pensamientos durante la experiencia. Las pruebas de diseño de la interfaz de usuario permiten al diseñador comprender la recepción del diseño desde el punto de vista del espectador y, por lo tanto, facilita la creación de aplicaciones exitosas.
Diseño de interfaz gráfica de usuario: diseño de apariencia real de la interfaz gráfica de usuario (GUI) final . Estos son los paneles de control y las caras del diseño; Las interfaces controladas por voz implican interacción oral-auditiva, mientras que las interfaces basadas en gestos presencian a los usuarios interactuando con espacios de diseño 3D a través de movimientos corporales. Puede basarse en los hallazgos desarrollados durante la investigación de usuarios y perfeccionarse para solucionar cualquier problema de usabilidad encontrado a través de los resultados de las pruebas. ^[6] Dependiendo del tipo de interfaz que se crea, este proceso generalmente implica cierta programación informática para validar formularios, establecer enlaces o realizar una acción deseada. ^[7]
Mantenimiento de software : después de implementar una nueva interfaz, es posible que se requiera mantenimiento ocasional para corregir errores de software , cambiar funciones o actualizar completamente el sistema. Una vez que se toma la decisión de actualizar la interfaz, el sistema heredado se someterá a otra versión del proceso de diseño y comenzará a repetir las etapas del ciclo de vida de la interfaz. ^[8]

Requisitos

Las características dinámicas de un sistema se describen en términos de los requisitos de diálogo contenidos en siete principios de la parte 10 de la norma de ergonomía, la ISO 9241 . Esta norma establece un marco de "principios" ergonómicos para las técnicas de diálogo con definiciones de alto nivel y aplicaciones ilustrativas y ejemplos de los principios. Los principios del diálogo representan los aspectos dinámicos de la interfaz y pueden considerarse principalmente como la "sensación" de la interfaz.

Los siete principios del diálogo son:

Idoneidad para la tarea: el diálogo es adecuado para una tarea cuando apoya al usuario en la realización efectiva y eficiente de la misma.
Autodescriptivo: el diálogo es autodescriptivo cuando cada paso del diálogo es inmediatamente comprensible a través de la retroalimentación del sistema o se explica al usuario a pedido.
Controlabilidad: el diálogo es controlable cuando el usuario es capaz de iniciar y controlar la dirección y el ritmo de la interacción hasta el punto en que se haya cumplido el objetivo.
Conformidad con las expectativas del usuario: el diálogo se ajusta a las expectativas del usuario cuando es consistente y corresponde a las características del usuario, como el conocimiento de la tarea, la educación, la experiencia y las convenciones comúnmente aceptadas.
Tolerancia a errores: el diálogo es tolerante a errores si, a pesar de errores evidentes en la entrada, el resultado deseado puede lograrse con una acción mínima o nula por parte del usuario.
Idoneidad para la individualización: el diálogo es capaz de individualización cuando el software de la interfaz puede modificarse para adaptarse a las necesidades de la tarea, las preferencias individuales y las habilidades del usuario.
Idoneidad para el aprendizaje: el diálogo es adecuado para el aprendizaje cuando apoya y orienta al usuario en el aprendizaje de utilizar el sistema.

El concepto de usabilidad está definido en la norma ISO 9241 por la eficacia, eficiencia y satisfacción del usuario.

La parte 11 ofrece la siguiente definición de usabilidad:

La usabilidad se mide por el grado en que se logran los objetivos de uso previstos del sistema general (efectividad).
Los recursos que deben gastarse para lograr los objetivos previstos (eficiencia).
El grado en que el usuario encuentra aceptable el sistema en general (satisfacción).

La eficacia, la eficiencia y la satisfacción pueden considerarse factores de calidad de la usabilidad. Para evaluar estos factores, es necesario descomponerlos en subfactores y, finalmente, en medidas de usabilidad.

La información presentada se describe en la Parte 12 de la norma ISO 9241 para la organización de la información (disposición, alineación, agrupación, etiquetas, ubicación), para la visualización de objetos gráficos y para la codificación de la información (abreviatura, color, tamaño, forma, señales visuales) por siete atributos. Los "atributos de la información presentada" representan los aspectos estáticos de la interfaz y generalmente pueden considerarse como el "aspecto" de la interfaz. Los atributos se detallan en las recomendaciones dadas en la norma. Cada una de las recomendaciones respalda uno o más de los siete atributos.

Los siete atributos de presentación son:

Claridad: el contenido de la información se transmite con rapidez y precisión.
Discriminabilidad: la información mostrada se puede distinguir con precisión.
Concisión: los usuarios no están sobrecargados con información superflua.
Consistencia: un diseño único, conformidad con las expectativas del usuario.
Detectabilidad: la atención del usuario se dirige hacia la información requerida.
Legibilidad: la información es fácil de leer.
Comprensibilidad: el significado es claramente comprensible, inequívoco, interpretable y reconocible.

La guía para el usuario en la Parte 13 de la norma ISO 9241 describe que la información de guía para el usuario debe distinguirse fácilmente de otra información mostrada y debe ser específica para el contexto de uso actual.

La orientación del usuario se puede proporcionar a través de los cinco medios siguientes:

Mensajes que indican explícitamente (mensajes específicos) o implícitamente (mensajes genéricos) que el sistema está disponible para realizar entradas.
Retroalimentación que informa sobre los aportes del usuario de manera oportuna, perceptible y no intrusiva.
Información de estado que indica el estado continuo de la aplicación, los componentes de hardware y software del sistema y las actividades del usuario.
Gestión de errores que incluye prevención de errores, corrección de errores, soporte al usuario para la gestión de errores y mensajes de error.
Ayuda en línea para solicitudes iniciadas por el sistema y por el usuario con información específica para el contexto de uso actual.

Investigación

El diseño de la interfaz de usuario ha sido un tema de considerable investigación, incluso sobre su estética . ^[9] Ya en la década de 1980 se han desarrollado estándares para definir la usabilidad de los productos de software. Una de las bases estructurales se ha convertido en el modelo de referencia de la interfaz de usuario del IFIP.

El modelo propone cuatro dimensiones para estructurar la interfaz de usuario:

La dimensión de entrada/salida (la apariencia)
La dimensión del diálogo (el sentimiento)
La dimensión técnica o funcional (el acceso a herramientas y servicios)
La dimensión organizacional (el apoyo a la comunicación y la cooperación)

Este modelo ha influido mucho en el desarrollo de la norma internacional ISO 9241 que describe los requisitos de diseño de la interfaz para su usabilidad. El deseo de comprender los problemas de la interfaz de usuario específicos de las aplicaciones en las primeras etapas del desarrollo de software, incluso cuando se estaba desarrollando una aplicación, llevó a la investigación sobre herramientas de creación rápida de prototipos de GUI que podrían ofrecer simulaciones convincentes de cómo podría comportarse una aplicación real en el uso de producción. ^[10] Algunas de estas investigaciones han demostrado que una amplia variedad de tareas de programación para software basado en GUI pueden, de hecho, especificarse por medios distintos a la escritura del código del programa. ^[11]

Las investigaciones de los últimos años están fuertemente motivadas por la creciente variedad de dispositivos que pueden, en virtud de la ley de Moore , albergar interfaces muy complejas. ^[12]

Ver también

Wikiversidad tiene recursos de aprendizaje sobre interfaces de usuario.

Referencias

^ Norman, DA (2002). "Emoción y diseño: las cosas atractivas funcionan mejor". Revista Interacciones, ix (4) . págs. 36–42. Archivado desde el original el 28 de marzo de 2019 . Consultado el 20 de abril de 2014 a través de jnd.org.
^ Roth, Robert E. (17 de abril de 2017). "Diseño de interfaz de usuario y experiencia de usuario (UI/UX)". Cuerpo de conocimientos de ciencia y tecnología de la información geográfica . 2017 (segundo trimestre). doi : 10.22224/gistbok/2017.2.5 .
^ "La definición de experiencia de usuario (UX)". Grupo Nielsen Norman . Consultado el 13 de febrero de 2022 .
^ Lobo, Lauren (23 de mayo de 2012). "Seis consejos para diseñar una interfaz de usuario óptima para su evento digital". INXPO. Archivado desde el original el 16 de junio de 2013 . Consultado el 22 de mayo de 2013 .
^ Ann Blandford. "Estudios cualitativos semiestructurados". La enciclopedia de la interacción persona-computadora, 2ª ed . Fundación de Diseño de Interacción . Consultado el 20 de abril de 2014 .
^ Karen Holtzblatt y Hugh R. Beyer. "Diseño contextual". La enciclopedia de la interacción persona-computadora, 2ª ed . Fundación de Diseño de Interacción . Consultado el 20 de abril de 2014 .
^ Martín Fowler. "Formas y control". Arquitectura GUI . publicación de trabajos de pensamiento . Consultado el 20 de febrero de 2017 .
^ "8 etapas en el ciclo de vida de una interfaz HL7: Caristix". Caristix . 05/10/2010 . Consultado el 1 de marzo de 2017 .
^ "El papel del contexto en la percepción de la estética de las páginas web a lo largo del tiempo". Revista internacional de estudios humanos-informáticos. 2009-01-05 . Consultado el 2 de abril de 2009 .
^ "El modelo HUMANOIDE de diseño de interfaz". Actas CHI'92. 1992.
^ "Creación de interfaces de usuario utilizando programación por ejemplo, programación visual y restricciones". ACM. 11 de abril de 1990 . Consultado el 2 de abril de 2009 .
^ "Pasado, presente y futuro de las herramientas de software de interfaz de usuario". ACM. 2000-03-01 . Consultado el 2 de abril de 2009 .