MVP’s y sistemas de diseño
“MIV” o Minimum Viable interaction” como estrategia de construcción de productos digitales
La típica pregunta en la cabeza de los Designers… ¿Yo debo de crear este componente (Botón, Select, Card, Data table) para todas las posibilidades futuras del producto digital?
Mi respuesta casi siempre es un No! Bueno; también puede ser depende; y ese depende, será a razón de la estrategia del design system lead y Digital Product Owners; les explico a que me refiero…
El «Select o Dropdown» es uno de los elementos más utilizados en una interfaz, apenas después del Botón y del Input.
La W3C define y describe el uso del select así: “The <select> element is used to create a drop-down list. The <option> tags inside the <select> element define the available options in the list.”
Entonces, ese «Select o Dropdown» es utilizado típicamente para mostrar una lista extensa de más de 5 elementos; y puede tener diversas funciones, por ejemplo:
- Seleccionar uno o varios items de una lista
- Contener un buscador
- Lista con iconos, categorías y sub items
- Secciones para separar contenido o identadores dentro de la lista
- Notas, tooltips, alturas definidas, anchos proporcionales, scroll dentro de la lista
- Acciones fixed en top o bottom del select
Para lograr componentes “avanzados” como el anterior, es importante tener definida y acordada la estrategia de construcción con los dueños de producto, Scrums, QA Tester y Developers del equipo; porqué serán ellos quienes deberán cambiar el mindset para comprender que un componente siempre nacerá con lo mínimo indispensable.
Así mismo, el diseñador debe tener una visión a largo plazo, tener resilencia, tener claro el roadmap del componente, documentar las iteraciones y clarificar que en cada sprint se deberá hacer un incremental de ese componente… con esto claro; el diseñador podrá definir el “MIV” o Minimum Viable interaction” de cada componente.
Esto trae consigo que las primeras versiones sean así: Son rapidísimas porque usamos los elementos default de un “Framework” cómo material, o el estilo y funcionalidad core de HTML, aunque tengas urticaria cómo diseñador de UX, UI, PO sabes que cumple la funcionalidad y con ello puedes validar la interacción, las conexiones, la idea… y así mismo permite mostrar, dar valor al negocio y liberar la presión.
Para continuar diseñando la UX y UI para llegar a esto: Una interfaz agradable a la vista, que tiene congruencia con el branding, jerarquía de interacción; y que al mismo tiempo permite definir con mayor detalle las interacciones, lógicas y reglas de negocio.
Durante los últimos 4 años he implementado esta estrategia en los proyectos y en los sistemas de diseño en busca de cambiar el mind set Waterfall a Agile, de v 1.0 a versiones incrementales de la interacción “MIV” o Minimum Viable interaction” de cada componente y poder agilizar la entrega de valor, maximizar la reutilización y migrar las tareas del diseñador de tácticas (Vestir pantallas, entregar assets, documentar) a diseñadores estratégicos.
