UML para diseñadores: resultados de UX para aplicaciones complejas | Olesya Vdovenko | agosto 2022

Cuando se trabaja con aplicaciones complejas, puede resultar difícil utilizar resultados de aprendizaje estándar. Sumérgete en UML (lenguaje de modelado unificado) puedo ayudar. UML se usa comúnmente en el desarrollo de software para visualizar el diseño de un sistema, generalmente en relación con las partes estructurales. Herramientas como Miro, Lucidchart y la mayoría de las demás herramientas de creación de diagramas tienen estándares UML como base para la creación de diagramas. UML es un lenguaje visual potente y estandarizado sobre el que hemos construido o al menos inspirado muchos de nuestros productos.

Por qué queremos aprender más sobre UML:

  • El UML ayuda a definir la estructura del sistema, que también es una parte importante de la UX.
  • Como disciplina de larga data, UML tiene mucho que ofrecer.
  • UML tiene estándares bien establecidos que pueden ayudarlo a definirlos para su equipo.
  • Mejore su pensamiento lógico y obtenga más conocimientos sobre el aspecto técnico del diseño.

Después de todo, si está utilizando partes de él, es mejor saber de dónde proviene. Del mismo modo, sugiero aprender más sobre diagramas de flujo y sus estándares.

Con IA, no tenemos reglas o restricciones específicas sobre cómo debe presentarse. Me refiero a la arquitectura de la información aquí, que es simplemente un conjunto de entidades y datos que estamos tratando de organizar y trabajar. Debido a que cada proyecto es único, quería presentar algunos de los métodos que podemos usar desde UML para satisfacer nuestras necesidades. Además, no solo está limitado a IA, solo lo estoy usando como referencia.

Contenido del Articulo

Visualización de datos para un elemento de lista por separado del elemento en sí

Cuando tenemos una página con una lista de objetos y el objeto en sí, generalmente no es necesario especificar datos para ellos por separado. Por ejemplo, en una página de contacto simple, un contacto en la lista podría tener solo un nombre, pero el objeto en sí tendría un nombre, comentarios, dos números de teléfono, etc. Dado que esto es bastante simple, no necesitamos para especificar esto. Pero puede haber casos mucho más complejos, en cuyo caso es posible que debamos proporcionar esta información.

Las razones de esto pueden ser:

  • Intercambio de ideas.
  • Determinando desde el principio la información prioritaria que el usuario debe ver en la lista.
  • Mantener la consistencia entre diferentes objetos con propiedades similares.

Normalmente solo usaría “lista” al final o en plural de un sustantivo, pero podemos hacerlo con 1,0..*, *(1, 0..n, n) como lo hace UML.

Un diagrama de clases que muestra la pluralidad de una clase en relación con otra clase.
Diagrama de clase. Imagen de: UML ejecutable: cómo crear modelos de clase por Leon Starr

Si bien la versión UML tiene más que ver con las relaciones dentro de las clases, podemos usarla para identificar datos para listas y datos para un solo objeto.

Un diagrama que muestra los objetos de conexión del Cuestionario etiquetados de cero a n y el Cuestionario etiquetado como uno.
IA simple hecho en Miro

Los detalles pueden requerir un enfoque diferente

En aplicaciones complejas, puede tener un problema con la cantidad de datos. Una gran cantidad de datos puede dificultar la comprensión de la información. Para tales casos, puede ser una buena idea separar los datos y generalizarlos. El UML tiene varios enfoques diferentes para la visualización del sistema, incluido el resumen y la visualización de datos adicionales en diferentes lugares y formas. Por ejemplo, un diagrama de objetos muestra la interacción entre objetos en algún momento durante el tiempo de ejecución, mientras que un diagrama de clases muestra de qué están hechos los objetos en un sistema. Así que no se deje intimidar por los datos e intente encontrar la forma más eficiente de representarlos.

Diagramas de clases y objetos. Fuente

Aproveche las funciones interactivas de las herramientas actuales

No está relacionado con UML, pero otra forma de simplificar sus datos es utilizar las funciones interactivas de las herramientas que utiliza.

Algunas herramientas tienen la capacidad de ampliar la información de colapso:

IA se realiza en Airtable, con la ayuda de grupos puedes crear secciones expandibles.

En algunas herramientas, puede crear enlaces a contenido:

En miro, puede crear un marco separado para información adicional, de modo que pueda copiar el enlace a este marco y usarlo para conectar un diagrama adicional al principal.

Debemos aprovechar las herramientas interactivas modernas y utilizarlas para mejorar nuestra presentación y lectura de la información.

Un mapa de viaje es una herramienta útil que le permite recopilar la mayor cantidad de información posible sobre un usuario en un solo lugar. Una plantilla de tarjeta de viaje generalmente se ve así

Imagen de plantilla de mapa de viaje de nngroup

Pero sabemos que algunos sistemas pueden requerir información adicional. En Internet podemos encontrar muy diferentes tipos de mapas de viaje con distinta información añadida. En algunos casos es necesario mostrar objetos del mundo real en progreso (un ejemplo simple que viene a la mente es un documento físico), y en otros pueden requerirse usuarios adicionales. Podemos mostrar usuarios adicionales por separado, pero si el trabajo de un usuario afecta la experiencia de otro, nos gustaría verlo en el mapa de viaje u otros resultados.

Sugiero estudiar e inspirarse en el diagrama de secuencia. Me gusta la forma en que muestra la conexión y el intercambio de información, y también muestra la duración de los procesos. Mostrar la duración de un proceso (aproximadamente) puede ser una buena idea para la priorización y una visión más clara de los procesos del usuario.

Diagrama de secuencia. Fuente: Análisis y Diseño de Sistemas con UML, Tegarden, David Paul.

Quizás crear un gráfico separado que muestre un desglose de la duración de las tareas también pueda ser útil para comprender la interacción del usuario con el sistema.

Además, UML puede enseñarle cómo superponer datos. Hay muchos ejemplos en el UML sobre esto.

La imagen muestra la información incluida en la clase.  Separación de diferentes tipos de datos.  Los atributos y las operaciones están separados por un guión debajo del nombre de la clase.  La visibilidad se mostró como más y menos antes de los atributos y las operaciones.

Por lo general, las clases UML pueden mostrar una gran cantidad de información en un espacio relativamente pequeño. Cuando piensa en sus resultados, o simplemente en cualquier documentación, es útil considerar si podemos mostrar los datos de una manera diferente a simplemente indicarlos.

Estudiando cualquier tema, aceptando cualquier profesión, es útil conocer su origen. Si bien no es necesario que se convierta en desarrollador o experto en UML, puede utilizar los recursos para obtener los conceptos básicos. Todas las sugerencias que he presentado aquí se pueden utilizar para diferentes propósitos en otra documentación. La utilidad que puede encontrar en UML es una prueba del nivel de experiencia técnica que un diseñador de UX debería estar dispuesto a aprender. Recomiendo ver este video de descripción general de los diagramas UML.

Previous post ¿Cuánto tarda el SEO en mostrar resultados?
Next post Cómo ganar dinero en YouTube como creador

Deja una respuesta