Storyboarding vs. Prototyping cuándo usar cada uno

La creación de prototipos es una actividad multidisciplinaria, que abarca el diseño digital, el diseño industrial y todo lo que se encuentra en el medio. Si bien son precursores del producto final, los prototipos pueden variar en fidelidad. Este artículo analizará la creación de prototipos digitales, brindando pautas que puede utilizar para determinar cuándo debe y no debe crear uno.. 

Dentro del espacio digital, se utiliza un prototipo para probar ideas rápidamente y ver si los usuarios pueden completar las tareas principales. Su objetivo es ahorrar tiempo de desarrollo, ya que no se necesita una sola línea de código para validar ninguna idea. Además, no siempre se necesita un prototipo. A menudo, un storyboard hará! Elegir entre los dos depende de lo que estás tratando de lograr. Cada uno de estos entregables es una habilidad importante que deben desarrollar los diseñadores de UX, pero posiblemente lo más importante es la capacidad de seleccionar el resultado apropiado y el nivel de fidelidad requerido..

Prototipos

Prototipos de baja fidelidad

Un prototipo de baja fidelidad a menudo se crea utilizando papel y bolígrafo..

Cuándo usar

En mi experiencia, los prototipos de baja fidelidad están diseñados para capturar la retroalimentación de la "baja fruta colgante", como la confusión sobre las convenciones de la plataforma (por ejemplo, diseño de material más botón, barra de encanto de Windows 8, etc.) Además, este método es especialmente útil cuando se trabaja en un proyecto de diseño colaborativo. Puede configurar el temporizador durante quince minutos, distribuir varias plantillas y hacer que cada persona haga un bosquejo de sus ideas (una página para dos personas funciona bien). 

Herramientas recomendadas

Compañías como uistencils.com ofrecen una serie de plantillas de papel y regla de elementos de UI comunes para armar rápidamente conceptos aproximados. También puede utilizar un papel y una libreta. Estos prototipos de menor fidelidad se pueden cargar en herramientas como Invision, donde se pueden vincular las páginas usando “hotspots” y simular, a un nivel bastante general, cómo podría verse el producto final..

Prototipos de Fidelidad Media

Un prototipo de fidelidad media se suele armar utilizando software. A diferencia del prototipo de papel, que puede ser más adecuado para el diseño colaborativo, este método suele ser elaborado por un diseñador de UX en el equipo..

Cuándo usar

Use prototipos de medios fijos después de que haya pasado por su fase de inspiración, incluida la investigación cualitativa, los mapas de viaje de los clientes y los flujos iniciales. El objetivo aquí es probar algunos flujos de tareas y ver cómo los usuarios responden a sus ideas en general..

Herramientas recomendadas

Hay una serie de herramientas como UXpin, que siempre están evolucionando y actualizando su conjunto de características. Axure también es una herramienta común y la prefiero debido a la gran interactividad con los campos de formulario y su capacidad para crear reglas y condiciones complejas. Sin embargo, en mi experiencia, menos es más hacer interacciones complejas en esta etapa derrota el propósito. La intención de este prototipo es crear algo rápido y fácil de probar.. 

Prototipos de alta fidelidad

Los prototipos de alta fidelidad se pueden diferenciar de los prototipos de fidelidad media en un par de formas. Lo principal que los separa es que a menudo se crean utilizando código. Sin embargo, esto podría ser un código muy pirateado, ciertamente no es de calidad de producción y necesita una refactorización seria.

Cuándo usar

Los prototipos de alta fidelidad son buenos cuando ha finalizado las sesiones iniciales de prueba del usuario y desea explorar interacciones y animaciones más ricas. Además, es posible que desee compartir una visión con las partes interesadas sobre el aspecto del producto final.. 

Herramientas recomendadas

En mi experiencia, el diseño en el navegador es mejor aquí. Bootstrap o Foundation son ejemplos perfectos de marcos para ponerte en pie con el pie derecho.

Storyboards

Encuentro el mejor momento para usar un guión gráfico Es cuando tienes una idea para comunicarte. Un guión gráfico (en el contexto del diseño de UX) es una secuencia lineal que muestra cómo un usuario puede estar luchando con un proceso o producto existente. Sin embargo, a menudo refleja un estado imaginario e interacción con un nuevo producto.. 

Cuándo usar

Proyectos de innovación: Solía ​​trabajar en una consultoría. Entre los contratos, a menudo me encargaban la construcción de un proyecto de innovación con el fin de aumentar el volumen de negocios y vender nuestra capacidad a empresas que quizás no estén buscando activamente. Por ejemplo, en la parte posterior de lo que se nos ocurrió para mostrar (nuestras habilidades con big data, visualización de datos, experiencia de usuario, etc.), el administrador de cuentas se encargará de mostrar nuestras creaciones a cada representante. 

A menudo se creaba un prototipo, simplemente porque teníamos los recursos para construir uno. Sin embargo, en este escenario, un guión gráfico es más efectivo como herramienta de ventas. El posible cliente puede o no ser experto en tecnología; mediante el uso de un guión gráfico puede pasar por alto la jerga de la industria o el balbuceo tecnológico y mostrar claramente una historia, incluido un problema y una resolución. 

Desafíos del diseño centrado en el ser humano: La narración de historias también es poderosa en los desafíos de diseño centrados en el ser humano, donde necesita inspirarse en la investigación, idear y considerar el alcance del problema y las formas innovadoras de abordar estos problemas. Un prototipo a menudo parece un poco prematuro aquí. La progresión natural de uno de estos desafíos puede ser una campaña de financiación colectiva, en lugar de construir un producto real. Por lo tanto, un guión gráfico puede ser la mejor manera de transmitir de manera sucinta a una audiencia y llegar a ellos en un nivel emocional, donde es más probable que contribuyan (en lugar de mirar una interfaz de usuario). 

Hackathons: Los hackathons son probablemente el mejor lugar para usar un guión gráfico e, irónicamente, rara vez se los ve allí. Esto se debe a que, por lo general, se obtienen tipos técnicos que participan y están demasiado centrados en las tecnologías y lenguajes de programación. Estos realmente pueden alienar al panel de jueces. Al tener un guión gráfico convincente, que muestra cómo la solución aborda el problema, es más probable que sea convincente para el público y sea una pieza complementaria sólida para cualquier cosa que se haya generado rápidamente en unos pocos días..

Herramientas recomendadas

Baja fidelidad

¡Todo lo que necesitas para crear un guión gráfico son unos filetes y un papel de carnicero! Ni siquiera necesitas ser bueno dibujando. 

Fidelidad media

Si es diseñador y tiene Adobe Illustrator, Sketch o Affinity Designer, también puede llevar sus guiones gráficos al siguiente nivel al encontrar un conjunto gratuito de ilustraciones artísticas del guión gráfico y editarlas para adaptarlas a su historia. Si usted tiene una mirada en línea generalmente hay muchos disponibles. 

Conclusión

En mi experiencia personal, los guiones gráficos de fidelidad baja a media son suficientes en el diseño de UX. Tal vez si estuviera trabajando en el espacio industrial, tal vez necesite algo más de fidelidad. Sin embargo, en digital es poco probable que los beneficios superen los costos. 

La intención de este artículo es brindarle más información acerca de qué entregas utilizar y cuándo. A menudo, los gerentes le encargarán cosas que realmente no entienden la necesidad de cada uno. Se espera que al leer esto pueda pensar críticamente sobre los entregables necesarios y presentar un caso para cualquier elección que se le ocurra..