Diseño de software de simulación profesional
El programa está reconocido como el más potente de dinámica de fluidos computacional por sus capacidades de simulación. No es de extrañar, ya que surgió en los años 90 en el Instituto Chr. Michelsen para la Ciencia.
Sin embargo, aquí está el problema: los usuarios originales ya están jubilados, y sus homólogos más recientes prefieren alternativas de software menos capaces debido a procesos de aprendizaje más sencillos.
Este problema les llevó a nuestra agencia de diseño UX. Nos encargaron repensar toda la experiencia de usuario y, en consecuencia, prolongar así su vida útil otros 25 años.
NUESTRAS CONTRIBUCIONES
Mapeo de requisitos
Investigación de usuarios
Benchmarking
UX Design
Creación de prototipos
UI Design - Light and Dark
Design System
Garantía de calidad
ROMPER EL CÍRCULO VICIOSO DE LA INTERDEPENDENCIA
El software existía desde hacía 25 años y su historia se manifestaba como una red de interdependencias complejas. Cómo se supera eso como diseñador de UX?
En primer lugar, convencimos a los jefes de producto de que, si queríamos diseñar para el futuro, tendríamos que dejar atrás sus intuiciones sobre lo que los usuarios necesitaban en el pasado.
Llevamos a cabo cuatro semanas de investigación de usuarios y trazamos un mapa de las necesidades de los futuros usuarios. El segundo truco que utilizamos en nuestro proceso fue empezar por la mitad antes de embarcarnos en un diseño impredecible de principio a fin. Identificamos 10 retos clave de diseño de UX y desarrollamos algunas soluciones posibles para cada uno de ellos: en seis semanas trazamos un espacio de opciones de diseño de UX.
Esto supuso una satisfacción para ambas partes: la premisa de la transformación general de la experiencia del usuario estaba en su sitio y la comprensión orientada al futuro de las necesidades de los usuarios la respaldaba. Además, se tenía una idea aproximada de cómo serían las áreas clave de la interfaz de usuario, lo que nos ayudó en el proceso de diseño.
COMPRENDER 15 AÑOS DE DEUDA TÉCNICA
Se dice que "los diseñadores odian la deuda técnica y prefieren una pizarra en blanco".
No es el caso de nuestra agencia de diseño UX. La historia es y será siempre una rica fuente de información que está esperando a ser utilizada para el diseño de software profesional.
La pregunta es: ¿cómo se asimila tanto en tan poco tiempo? Te sientas y aprendes.
El poder reside en el aprendizaje autodirigido, que, en el caso de este proyecto de diseño, significó: Leer los manuales, estudiar con tutoriales de Youtube, realizar pruebas/ejercicios en el software y, lo más importante, reunir un montón de preguntas.
Llevamos estas preguntas a las principales partes interesadas. Algunas iban dirigidas a los jefes de producto, otras a los desarrolladores. Al final, en el transcurso de una semana, pasaron unas cuatro horas con nosotros. Eso fue precisamente suficiente para ponernos en marcha.
DETERMINAR LAS NECESIDADES DE LOS USUARIOS PROFESIONALES
Lo que ocurre con los usuarios profesionales de software es que sus necesidades son complejas. Los flujos de trabajo implican numerosos pasos y rara vez son lineales. Los usuarios quieren y necesitan hacer muchas cosas diferentes. Sin embargo, no parecen existir patrones. Todas las interacciones, al contrario que en los cuadros de mando web, se producen en una sola pantalla sin páginas enlazadas.
Puede parecer que los jefes de producto tienen un profundo conocimiento de una rutina, pero sólo captan una fracción de la diversidad real de las necesidades de los usuarios.
Sabiendo esto, nos pusimos en contacto con usuarios reales para descubrir los matices necesarios. Aprovechando nuestra experiencia en investigación de usuarios e investigación técnica, abordamos el proyecto de forma pragmática y eficiente.
LA INVESTIGACIÓN REVELA OPORTUNIDADES DE PRODUCTOS
Las partes interesadas se sorprendieron cuando la investigación reveló que ciertas características, las más caras de mantener, apenas son importantes para los usuarios
Esto sirve de claro ejemplo de por qué replantearse el concepto del producto merece la pena a largo plazo, aunque sufra cambios menores o mayores. El ejercicio no lleva mucho tiempo, pero aporta mucho valor:
• Ajusta los plazos de desarrollo a las necesidades del mercado; • Evita el despilfarro de recursos; • Revela las prioridades relativas, lo que permite tomar decisiones de diseño más adelante en la fase de diseño; • Rejuvenece el entusiasmo del equipo por el difícil trabajo que tiene por delante; • Ayuda al departamento de marketing a entender cómo el producto será relevante para los clientes en el futuro.
¿No sería extraño que el software profesional siguiera siendo el mismo mientras el diseño, el código, los usuarios e incluso el mundo entero evolucionan y cambian?
EXPLORACIÓN DEL DISEÑO CON MINIPROTOTIPOS
En lugar de lanzarnos de cabeza a un largo viaje de diseño abierto, nos tomamos seis semanas para forjar la columna vertebral de la nueva UX. Nuestro enfoque fue inesperado.
Identificamos los diez retos clave de la interfaz de usuario que conforman la experiencia de usuario de toda la aplicación. Después, creamos una serie de miniprototipos para cada reto y mapeamos las opciones de diseño disponibles.
Durante seis semanas desarrollamos un total de 45 soluciones. Recogimos opiniones de usuarios, ingenieros y partes interesadas. A continuación, analizamos detenidamente los pros y los contras de cada solución. Esta comparación nos ayudó a ver cuáles funcionaban bien juntas.
Al cabo de seis semanas, habíamos desarrollado la columna vertebral de la experiencia de usuario del software, basada en pruebas, experimentos y datos objetivos. Este es el momento en el que el resto del proceso de diseño se vuelve predecible.
EL DISEÑO UX INTELIGENTE SE DESCUBRE, NO SE CREA
Como cualquier resultado de los esfuerzos de ingeniería, una interfaz de usuario debe reflejar la realidad. Debe basarse en lo que los usuarios necesitan a diario, lo que el código puede hacer y lo que se vende en el mercado.
Las ventajas de mapear las opciones de diseño para las partes más importantes de la experiencia del usuario son: • Establece hechos como base para el diseño; • Aporta claridad a todas las partes interesadas con elementos visuales; • Va más allá de los tópicos, en contraste con un proceso lineal; • Favorece la coherencia;
En última instancia, este enfoque del diseño de la experiencia del usuario hace que el desarrollo del producto sea predecible y, al mismo tiempo, resuelve el dilema del huevo y la gallina de transformar complejas interfaces de usuario de software profesional.
EN EL DISEÑO INTEGRAL DE LA EXPERIENCIA DEL USUARIO
Una vez establecido el concepto básico para el 20% más complicado de la experiencia del usuario, quedaba por abordar el 80% restante.
Tardamos cuatro meses en desarrollar la experiencia del usuario de principio a fin para toda la aplicación informática y sus módulos.
A estas alturas del viaje, todo era previsible y apenas hubo sorpresas notables para el equipo de producto. Sin embargo, entre bastidores, teníamos que afrontar retos cada semana. Nuestro objetivo era que la interfaz incorporara todas las funciones de forma fluida.
Durante esta fase, nuestros entregables fueron wireframes y prototipos de alta fidelidad. Sin embargo, el verdadero quid de la cuestión residía en recabar opiniones e iterar sobre los diseños para cubrir todas las bases.
EQUILIBRIO ENTRE DISEÑO ROBUSTO Y FLEXIBILIDAD
El software profesional es complicado porque, esencialmente, sólo hay una vista y no un montón de páginas. En consecuencia, esta única vista debe dar cabida a todas las funciones que el software tiene, tanto en la actualidad como en el futuro.
Como diseñadores, nos esforzamos por conseguir un diseño y una arquitectura de experiencia de usuario que tengan una estructura lógica. Esto ayuda a los usuarios a usar su intuición cuando se preguntan "dónde está qué" y "qué pasa si".
Al mismo tiempo, buscamos flexibilidad: una interfaz de usuario que se adapte a todas las funciones en cualquier momento. Además, la interfaz de usuario de un software profesional debe ser práctica en todos los casos de uso, evitando un enfoque rígido.
Lograr el equilibrio adecuado entre robustez y flexibilidad es lo que ocupa cuatro meses de nuestro duro trabajo.
VISUALIZACIÓN DE DATOS Y DETALLES TÉCNICOS
Para que este software técnico fuera fácil de usar había que visualizar los datos de forma que resultaran relevantes para los ingenieros. También había que crear componentes de interfaz de usuario que expresaran claramente los conceptos técnicos. Por ejemplo:
• Definición de los parámetros del escenario; • Diagramas de viento; • Mezclas químicas; • Bibliotecas de texturas; • Puntos de control; • Esquemas de proyecto; • Barras de estado; • Filtrado;
Una vez más, nuestro planteamiento de diseño basado en la presentación de opciones dio muy buenos resultados. Esto permitió comparar fácilmente las distintas opciones de diseño en función de sus méritos reales: "¿Ayudan a los usuarios técnicos a comprender más fácilmente, o no?".
Este proceso ofrece pequeños detalles de diseño que no sólo mejoran la experiencia del usuario, sino que también se integran perfectamente en el marco general, elevando el estado de ánimo de los usuarios y garantizando una experiencia cohesiva.
DISEÑO METICULOSO DE LOS COMPONENTES DE LA UI
El diseño de la interfaz de usuario del software profesional se elaboró basándose en principios intencionados para garantizar una coherencia que satisfaga a los usuarios técnicos.
Por ejemplo, al diseñar componentes para la interacción con geometría 3D, utilizamos principios cromáticos que favorecen la memoria. Además, nuestra retícula garantiza la coherencia de los componentes de IU, independientemente de las interacciones de los usuarios con la geometría 3D.
Reprodujimos varias opciones de diseño para la interfaz de usuario, experimentando con distintas combinaciones de trazos y opacidades. A continuación, probamos los componentes en todos los escenarios posibles para determinar la solución óptima. Esta investigación garantiza que ninguna de las variantes contenga elementos de interfaz no deseados o defectuosos.
El diseño de la interfaz de usuario va más allá de una simple aplicación de los colores de la marca. En lugar de ello, mejora activamente el flujo de trabajo del usuario al tiempo que impregna el software de un aspecto y una sensación atemporales.
APOYO A LOS DESARROLLADORES DE SOFTWARE
El diseño de la interfaz de usuario se elaboró para que fuera adaptable y fácilmente escalable para futuros desarrollos. Para garantizar que el diseño funcionara a la perfección en situaciones reales, ofrecimos a los desarrolladores una asistencia completa.
Por ejemplo, en lugar de ofrecer principios vagos y dejar que los desarrolladores descubran por su cuenta cómo aplicarlos cuando codifican, ofrecimos un sistema de diseño que ofrece una visión general de todos los escenarios posibles. Incluye ejemplos detallados para garantizar que la interfaz de usuario funcione eficazmente en cualquier circunstancia.
Al profundizar en este nivel de detalle, nos aseguramos de que el sistema subyacente del diseño es lógico y cubre todos los casos. Al proporcionar a los desarrolladores una exposición detallada del sistema, racionalizamos sus esfuerzos, lo que les permite centrarse únicamente en la codificación.
DISEÑO PARA UI CLARO Y OSCURO
Desarrollamos la interfaz de usuario de este software profesional con variantes oscuras y claras. Así se atiende a diferentes grupos de usuarios que trabajan en entornos muy distintos.
Existe un sistema con reglas para establecer la conexión directa entre los estados de la IU. Como resultado, cada color en el modo claro de la IU tiene su correspondiente contrapartida en el modo oscuro. Esta relación se basa en una fórmula.
Las definiciones de color coherentes garantizan que no habrá incoherencias al cambiar entre los modos claro y oscuro de la interfaz de usuario.
Este enfoque también aligera la carga de trabajo de los desarrolladores, ya que elimina la necesidad de codificar interfaces de usuario independientes.
DISEÑO DE UX Y UI PARA SOFTWARE PROFESIONAL
Dada la rica historia de este software profesional, la principal ambición durante este proyecto era reinventar la interfaz de usuario preservando al mismo tiempo las características que resistieron el paso del tiempo.
El mayor reto consistió en hacer frente a la complejidad del sistema. Esto introdujo incertidumbre en el proyecto de transformación de la UX.
Pusimos en marcha fases divididas en el tiempo para aliviar parte de la complejidad. Durante estas sesiones, estudiamos posibles soluciones para los principales retos de UX. En dos meses, llegamos a un punto en el que la hoja de ruta de diseño y desarrollo para el año siguiente era predecible.
La fase final se centró en un trabajo preciso y meticuloso para desplegar la interfaz de usuario prevista. Para ello, se estudiaron los detalles técnicos y se trabajó con los usuarios técnicos para determinar qué componentes expresivos podían encajar en la estructura flexible de la interfaz de usuario.
