Deshazte de los MVP, adopta prototipos mínimos viables (MVPr)

La búsqueda de la perfección es una trampa sutil que a menudo lleva a los diseñadores a un ciclo interminable de iteraciones y revisiones. Esto es especialmente cierto en el mundo de los productos digitales, donde cada interacción y elemento gráfico puede convertirse en un objeto de obsesión por el diseño.

Pero, cuando damos un paso atrás y observamos la naturaleza interdisciplinaria del diseño de productos digitales, es fácil ver cómo los diseñadores caen en la trampa de la perfección.

Piense en todas las personas y roles que están involucrados en el diseño de un solo producto digital:

• Investigadores de Diseño
• Diseñadores de interfaz de usuario
• Arquitectos de información
• Diseñadores de experiencia de usuario
• Diseñadores de productos
• Gerentes de Producto
• Estrategas de contenido
• Expertos en marcas
• Escritores de copias de UX
• etc

De una forma u otra, cada uno de estos se cruza. Por ejemplo, la interfaz de usuario de un producto no puede tener éxito si no se tiene en cuenta su experiencia de usuario. Con la interconexión viene la presión de comprender cómo las decisiones de diseño se impactan entre sí: "Si hacemos X, ¿cómo afectará eso a Y y Z?"

Este tipo de pronóstico estratégico puede ser valioso, pero también puede hacer que el proceso de diseño se estanque y se atasque en el temido ciclo de la perfección: “Tenemos que hacer X bien antes de poder ejecutar Y y Z”.

Entonces, ¿cuál es la alternativa? ¿Hay alguna manera de crear, lanzar, probar y mejorar rápidamente productos digitales basados ​​en métricas e información del mundo real tomadas de personas reales?

En esta guía, abordaremos estas preguntas a través de la lente de los prototipos mínimos viables y equiparemos a los diseñadores con un proceso asombrosamente simple para crear, probar y refinar productos digitales.

Simular lanzamiento con un prototipo mínimo viable

Nadie sabe nada... Ni una sola persona en todo el campo cinematográfico sabe con certeza lo que va a funcionar. Cada vez que sale es una conjetura y, si tiene suerte, una conjetura. – William Goldman, guionista ganador del Premio de la Academia

Las primeras decisiones del proceso de diseño de productos digitales se basan, en el mejor de los casos, en conjeturas. Hasta que un producto está en manos de los usuarios reales, todo es teórico. Por otro lado, lanzar un producto antes de que esté listo puede dañar su reputación (un error costoso).

¿Qué pasaría si hubiera una manera de simular el lanzamiento y determinar la viabilidad de un producto mucho antes de que comiencen los esfuerzos de diseño importantes?

Este es el valor del prototipo mínimo viable (MVPr), un enfoque de diseño de producto que requiere mucho menos tiempo y dinero que el más conocido “producto mínimo viable”.

Aquí hay una descripción general del proceso de diseño del prototipo mínimo viable (MVPr):

1. Descubrimiento
2. Investigación
3. Arquitectura informacional
4. Diseño visual
5. Lanzamiento
6. Prueba

¡Esperar! ¿No es ese el proceso que todos usan?

Sí, y veremos que confiando en lo esencial de los pasos anteriores podemos lograr con éxito...

• Simular la funcionalidad de un producto real;
• Imitar el lanzamiento de un producto real; y
• Descubra si vale la pena construir un producto real.

Paso a paso: cómo construir un MVPr

1. Descubrimiento: Empezar a tomar decisiones

Una excelente manera de comenzar el proceso de descubrimiento es buscar sitios web, blogs y aplicaciones que sean similares a su idea. Conozca sus historias, sus mercados objetivo, cómo operan, etc. Si encuentra que ninguno de los competidores relevantes hace lo que hace su prototipo, siga avanzando.

Este paso no requiere ninguna experiencia. El secreto está en hacer: pasar de la intención a la acción.

Preste especial atención a las fortalezas y debilidades de sus competidores. ¿Cómo puede usar lo que ya han logrado (o lo que no lograron) para fortalecer su prototipo?

Después de 1 o 2 horas de investigación, debería poder identificar a sus competidores más importantes y aprender los aspectos clave de cada uno.

2. Investigación: Defina sus usuarios

¿Quién es su usuario objetivo y por qué debería preocuparse por su producto? Comprender esto es crucial, pero debemos comenzar con suposiciones calculadas. Lo mejor es empezar con una visión fuertemente obstinada. No dude ni intente hacer “algo para todos”. No queremos un diseño aguado.

En su lugar, eche un vistazo más de cerca a los sitios de la competencia encontrados durante la fase de descubrimiento y permita que el sentido común pinte un retrato de sus usuarios potenciales.

Aquí hay algunas áreas prácticas de investigación que son fácilmente accesibles en la web:

• Visite sitios de revisión y vea lo que la gente dice sobre sus experiencias con sus competidores.
• Siga a personas influyentes de la industria de su producto en las redes sociales y observe cómo atraen a sus audiencias.
• Busque artículos de noticias de buena reputación que brinden una visión detallada de cómo operan sus competidores.
• Revisa las interacciones de tus competidores con sus usuarios en las redes sociales.
• Vea si puede encontrar algún foro donde se discutan los problemas o problemas de sus competidores.

Se pueden obtener conocimientos valiosos de cada una de estas vías sin una inversión financiera significativa. Esto es especialmente importante para los equipos de diseño pequeños que trabajan con presupuestos reducidos. Las grandes marcas gastan mucho dinero en investigación, pero los equipos pequeños y los autónomos individuales tienen que encontrar formas de ser más ingeniosos.

3. Arquitectura de la información: estructura tu prototipo

¿Cómo funcionará el prototipo y cuál es la información más importante en la que centrarse?

La forma más fácil de comenzar a responder esto es analizar sitios de primer nivel que sean similares al prototipo que está construyendo. El aspecto general y la experiencia del sitio al que elija hacer referencia deben ser sobresalientes.

Comience por romper el sitio en pedazos. ¿Cuáles son todas las páginas relevantes y cómo están estructuradas visualmente? No tenga miedo de revertir la estructura metálica del sitio y luego recrearlo con su propia información, colores, imágenes, etc.

¿Por qué hacerlo de esta manera? Es probable que su sitio funcione de manera similar a los sitios de la competencia, solo que tiene diferentes objetivos en mente. No es necesario inventar un sistema complejo si los usuarios responden bien a una experiencia establecida.

*Consejo profesional: al estudiar la arquitectura de la información de un sitio, una técnica útil es tomar capturas de pantalla y convertirlas en escala de grises para que no se distraiga con el impacto del color (que puede ser bastante persuasivo).

Después de esto, aproveche los recursos en línea que permiten a los diseñadores pasar rápidamente de cero a un prototipo interactivo. Hay toneladas de kits de interfaz de usuario, plantillas HTML, temas de WordPress, etc. No tenga miedo de modificarlos para que se ajusten a su prototipo, y no se preocupe por la perfección de píxeles o el código atractivo. En esta etapa, a nadie le importa. Les importa si su producto es útil o no.

Así es como funciona esto usando un kit de interfaz de usuario gratuito:

¿Qué logramos en la imagen de arriba?

• Eliminamos todos los colores e imágenes.
• La barra de navegación no se tocó.
• La funcionalidad del sistema de filtrado permaneció igual, pero se cambió la redacción.
• Pasamos de dos columnas a una para mostrar mejor las imágenes que planeamos usar.

En menos de una hora, tenemos una base visual sobre la cual seguir desarrollando nuestro prototipo.

4. Diseño visual: reutilice los recursos gratuitos de la interfaz de usuario

La apariencia visual y la sensación de su prototipo no se pueden separar de la forma en que funciona. No se trata solo de gráficos. El diseño visual impactante cuenta una historia y brinda una experiencia con valor real.

Aquí, la consistencia visual es clave porque ayuda a los usuarios a familiarizarse con un producto y navegar de manera más eficiente. Para lograr este tipo de consistencia en las primeras etapas del desarrollo de su prototipo, es inteligente reutilizar los recursos de interfaz de usuario gratuitos.

Trabajando de esta manera, no tendrá que pasar horas desarrollando un sistema de diseño cohesivo. Se cuidan la tipografía, los estilos de los botones, la iconografía y todos los demás componentes importantes de la interfaz de usuario.

5. Lanzamiento: ¿Codificar o no codificar?

Es hora de compartir su prototipo con el mundo. Afortunadamente, es más fácil que nunca transformar maquetas en prototipos dinámicos. Gracias a una gran cantidad de herramientas intuitivas, ni siquiera necesita saber cómo codificar, pero ¿debería aprender?

El MVPr sin código

Cuando haya terminado con el diseño visual, inserte el prototipo en una página de destino para que los visitantes puedan interactuar con él y brindar comentarios generales sobre su idea. En este punto del proceso de diseño de MVPr, hay varias formas de crear un prototipo sin código. Aquí están sus opciones:

Prototipos Básicos

• InVision tiene todas las características necesarias para construir y probar un prototipo básico y proporciona una experiencia sencilla y sin complicaciones.

Prototipos de medios enriquecidos

• Para interacciones, transiciones y animaciones sofisticadas, Principle es bastante útil.

Prototipos 100% realistas

• Framer permite a los diseñadores simular cualquier experiencia de producto digital imaginable. Es la opción perfecta cuando el prototipo tiene que verse y sentirse real en términos de animación nativa y codificación basada en lógica (Ej: si esto, haz aquello).
• Webflow brinda el poder de diseñar, construir con código y lanzar sitios web receptivos en un lienzo 100% de lo que ves es lo que obtienes.

Haga clic para ver la imagen a tamaño completo.

El MVPr codificado

El código puede ser un aliado increíble. Sin duda, es la mejor manera de construir su producto. El principal inconveniente es que necesita saber cómo escribir código para experimentar los beneficios de la personalización avanzada. Sin una base de conocimientos adecuada, elegir experimentar con el código lo ralentizará.

Hay un montón de kits de inicio de código para ayudar a poner la pelota en marcha. Por ejemplo, el kit de interfaz de usuario que presentamos anteriormente tiene su propia versión HTML disponible para descargar:

6. Prueba: aprovechar las estadísticas de los anuncios

El ingrediente secreto para probar su prototipo radica en las herramientas que le permiten obtener la mayor información con el menor esfuerzo y al mismo tiempo proporcionar valor. Todo lo que necesita es unos pocos dólares y un poco de paciencia para resolver problemas.

Un primer paso práctico para medir el interés en su producto es crear un anuncio y dirigirse a las personas encontradas durante la fase de investigación. Según su audiencia y el tipo de producto que esté diseñando, puede publicar anuncios en Google, LinkedIn, Instagram o Twitter. Para productos de empresa a consumidor, se recomienda Facebook.

*Consejo profesional: AdEspresso es un lugar conveniente para ejecutar cientos de versiones de sus anuncios sociales al mismo tiempo mientras recopila análisis comparativos útiles.

Publique anuncios y aprenderá dos cosas:

1. El número de personas que vieron tu anuncio.
2. La cantidad de personas que hicieron clic en su anuncio

Una vez que confirme que su público objetivo está interesado en interactuar con sus anuncios, deberá crear valor para sus primeros usuarios. Así es cómo:

• Agrega un formulario de "suscripción" y pide a los usuarios que den su dirección de correo electrónico.
• Haz un seguimiento para avisarles cuando estés lanzando.
• Asegúrese de tener sus canales de redes sociales en funcionamiento para que pueda crear botones sociales, lo que permite a los usuarios correr la voz sobre su producto.

Usa esta estrategia y obtendrás:

• Una lista de direcciones de correo electrónico que se pueden usar para los primeros esfuerzos de marketing.
• Personas que recomiendan su producto a sus redes personales y profesionales.
• Una comprensión más clara de si alguien está entusiasmado con su producto o no.

La primera vez que recibe comentarios reales, su producto está en vivo. A través de este ciclo de entrega de valor, análisis de comportamiento e iteración de soluciones, aprenderá qué funciona y qué no, y se acercará a un producto que la gente realmente quiere usar.

Lanzar y aprender con audacia

El objetivo final del prototipo mínimo viable es este: pasar de conjeturas de diseño informadas a comentarios reales y procesables con rapidez y confianza.

Este es un proceso que acepta la incertidumbre y los errores como oportunidades de mejora. Sobre todo, premia la acción. Un buen diseño requiere una toma de decisiones audaz y la voluntad de avanzar frente a la imperfección.

Así que no se deje atrapar por la búsqueda de la perfección y trate de no compararse con las mega marcas y sus enormes recursos. Siga avanzando y pronto se encontrará con un producto significativamente pulido que la gente estará encantada de usar.

• • •

Lectura adicional en el blog de diseño de Toptal:

1. Prototipo con facilidad: un tutorial de InVision Studio
2. Cómo realizar un Design Sprint efectivo
3. ¿Quién sabía que Adobe CC podía estructurar alambres?
4. Pruebas de UX para las masas: manténgalo simple y rentable
5. Customer Journey Maps: qué son y cómo crear uno