Cómo y por qué los prototipos son obligatorios para un buen diseño

Nada te acerca a la funcionalidad del producto final que la creación de prototipos. Si bien los esquemas de alambre dibujan el plano y las maquetas muestran la sensación y la textura del diseño, es el prototipo el que da vida a la experiencia. ¿Atrás? ¿Experiencia de usuario? Esa hermosa llamada a la acción puede verse bien en la pantalla, pero no sabrá si funciona en los usuarios finales hasta el prototipo seleccionable. Los prototipos no solo ayudan a proporcionar una prueba de concepto, sino que, lo que es más importante, exponen cualquier falla de usabilidad detrás de los esquemas y maquetas.

Entonces, ¿cómo ponemos realmente en práctica esta salvaguardia contra las reuniones de las partes interesadas de emergencia, las revisiones interminables y las noches difíciles en la fase de desarrollo? Si bien anteriormente abordamos el prototipado adecuado en la Guía del proceso de diseño de UX y la documentación, profundicemos en cómo el prototipado puede hacer o deshacer el éxito de un producto. En esta pieza, comenzaremos con los motivos más convincentes para hacer un prototipo y cómo los prototipos mejoran la colaboración, el diseño y las pruebas de usabilidad.

Fuente: Bill Buxton, a través de Donna Lichaw.

5 razones por las que necesitas un prototipo

Si bien omitir prototipos puede ahorrar algo de tiempo durante el diseño, ese excedente puede perderse muchas veces en el desarrollo. Si la gente se prueba los jeans antes de comprarlos y prueba los autos antes de firmar el cheque, entonces tiene sentido probar sus diseños de manera interactiva antes de que entren en desarrollo. La interacción, después de todo, es cómo los usuarios acceden a las soluciones de diseño para sus problemas.

Fuente: Árbol de Gestión de Producto Swing

Para comprender mejor por qué debería hacer un prototipo, echemos un vistazo a Todd Zaki Warfel, el diseñador que escribió el libro sobre prototipos. literalmente. Warfel resume los puntos de su libro en una presentación de diapositivas, donde podemos ver todas las razones relevantes para adoptar prototipos. Si bien estos varían según los diseñadores y sus necesidades, algunos beneficios universales incluyen:

  • Comunicación y colaboración - Una cosa es discutir la documentación de requisitos, pero es otro nivel de colaboración imaginativa cuando ambas partes pueden jugar con un prototipo y explorar las limitaciones y posibilidades. La documentación puede ser mal interpretada, pero las experiencias son compartidas.
  • Medir la viabilidad y reducir los residuos. - Wireframes, maquetas y documentos de requisitos en vivo, no en realidad. La creación de prototipos les permite a los equipos experimentar, dándoles la libertad de fallar a un bajo costo mientras aprenden más. Solo observe cómo los prototipos ayudaron a aumentar la precisión de la estimación en un 50% y redujeron las solicitudes de aclaración en un 80%.
  • Vende tu idea - Los prototipos pueden ser excelentes para lanzar si está trabajando con clientes escépticos. Experimentar el sitio web o la aplicación de la vida real prueba su visión más que una descripción prolija o una maqueta repleta de notas.
  • Probar la usabilidad antes - Al probar un prototipo por parte del usuario, puede encontrar problemas y solucionarlos en una etapa más temprana del proceso, ahorrándose una gran molestia de tratarlos cuando están incorporados en el código. El mismo estudio de caso citado anteriormente vio una reducción del 25% en los errores posteriores a la publicación gracias a la creación de prototipos.
  • Establece tus prioridades de diseño - Recomendamos realizar prototipos con anticipación y, a menudo, porque priorizar el diseño de interacción lo mantendrá conectado a la realidad cuando tome decisiones de diseño estático. Las imágenes deben cumplir con la experiencia, no al revés.

No es necesario que todos los prototipos sean elaborados y consumibles; de hecho, algunas escuelas de pensamiento creen en una forma rápida y de bajo costo de inversión. El punto es que casi siempre es beneficioso dedicar algunos recursos a la creación de prototipos, cuántos dependen de sus necesidades específicas.

Cómo los prototipos mejoran la colaboración y la comunicación

Mostrar siempre es mejor que contar, y la experiencia es el rey. Si las personas pueden interactuar con sus ideas, entonces pueden comprenderlas mejor. Esto funciona tanto de forma externa como para los clientes y las partes interesadas, e internamente, para colaborar más profundamente con su equipo, o reunirlos para apoyar una nueva idea (o al menos jugar con ella antes de eliminarlo).

Los prototipos aclaran la comunicación interna de varias maneras.

En primer lugar, crea una conexión entre los diseñadores y los desarrolladores anteriormente, dando a ambos el mismo objetivo por el que trabajar. Como se discutió en la Guía de creación de prototipos, los diferentes departamentos usan diferentes jerga y jerga, pero un prototipo rompe todas las barreras. Los prototipos son los juguetes del diseño, y cuando algo es divertido, la gente está más ansiosa por bajar la guardia y comenzar a explorar las locas ideas que podrían funcionar. Como lo dice el fundador y director general de Emmet Labs, David Yerba, la creación de prototipos hace que las personas adecuadas de la sala se comuniquen de la manera correcta.

En UXPin, colaborar en prototipos es natural gracias a las funciones de presentación en vivo y colaboración. Con seguimiento de iteraciones y comentarios en vivo, los esquemas y prototipos se pueden discutir y presentar en tiempo real sin necesidad de correo electrónico.

En segundo lugar, en el mismo artículo, Yerba también describe los beneficios de los prototipos para presentaciones formales. Los clientes y las partes interesadas pueden fácilmente malinterpretar una descripción, incluso si se presentan con una investigación convincente o maquetas de píxeles perfectos. Un prototipo interactivo, por otro lado, requiere poca descripción. Los prototipos ayudan a las partes interesadas a pensar en la experiencia, en lugar de caer en la muleta de criticar los elementos visuales simplemente porque están justo frente a sus ojos. En una nota al margen, los prototipos también añaden un toque especial a las presentaciones: las personas pueden experimentar literalmente la "magia". de diseño: es la diferencia entre ver el plano y explorar la casa modelo.

Un prototipo es un arma poderosa para llevar a cualquier presentación.David y Tom Kelley, fundador y socio de IDEO, se atribuyen a lo que ellos llaman "Ley de Boyle". (el nombre de uno de los prototipos principales de IDEO, Dennis Boyle). La Ley de Boyle es simple pero efectiva: nunca vaya a una reunión sin un prototipo. En términos de sus habilidades comunicativas y persuasivas, esta ayuda de presentación a menudo marca la diferencia entre un "sí". o un? no.?

Cómo los prototipos añaden equilibrio al diseño

La creación de prototipos es la fase en la que lo conceptual se vuelve real, por lo que requiere creatividad con sentido práctico, razón de ser con intuición.

Fuente: flujo de usuario para la función de búsqueda en Kickstarter

Philip van Allen, profesor y diseñador del Art Center College of Design, cree que los prototipos ayudan a tomar decisiones que no se pueden describir con parámetros. Para el diseñador, hay tres beneficios principales de la creación de prototipos:

  • Toma de decisiones - Las opciones de diseño importantes relacionadas con la ergonomía, la forma, la función, la producción, a veces todas al mismo tiempo, se finalizan en la fase de creación de prototipos. Un prototipo funcional le dará una respuesta instantánea para que pueda tomar una decisión informada (no solo una heurística).
  • Atención - Con retroalimentación concreta para todos los sentidos (en lugar de simplemente "adivinar" cómo será el producto final), los prototipos lo convierten en la realidad del usuario. Las prioridades de UX se hacen evidentes cuando puedes experimentarlas justo frente a ti.
  • Paralelismo - El proceso de diseño no tiene que ser secuencial. Recopilar información, establecer requisitos e intercambiar ideas sobre nuevos conceptos e interacciones puede suceder al mismo tiempo mientras se crea un prototipo, y cuando se hace correctamente se complementarán entre sí (analizaremos los procesos en detalle más adelante en este libro electrónico).

Cómo sabemos esto? Cuando trabajamos para mejorar el sitio web de Yelp, primero construimos un equipo de baja fidelidad y luego un prototipo de alta fidelidad. Inicialmente, la interactividad era simple, pero al diseñarla, nos enfrentamos a decisiones y obstáculos que no surgirían en un diseño estático. A través de la creación de prototipos, identificamos y resolvimos problemas de UX, como la transición de la página de inicio a los resultados de búsqueda sin abrumar de repente al usuario con demasiada información.

En pocas palabras, la fase de creación de prototipos fue cuando pudimos fusionar nuestros objetivos conceptuales con nuestra realidad práctica. Fue cuando el diseño visual y el diseño interactivo interactuaron.

Cómo la creación de prototipos facilita las pruebas de usabilidad

La razón por la que dividimos las tareas en wireframes, maquetas y prototipos es porque cada uno tiene un propósito diferente.

Al concentrarnos solo en la estructuración en wireframing, por ejemplo, somos capaces de crear una estructura sólida sin distraernos aún con imágenes de maquetas o funciones de prototipo. Mientras que el cableado y las maquetas se inclinan más hacia lo creativo y lo abstracto, la creación de prototipos se trata de arruinar y dar vida a las ideas, y eso requiere que las pruebas de usabilidad sean correctas.

Fuente: Pruebas de usabilidad para prototipos.

Para hacer una analogía, los prototipos son para el producto final lo que los bocetos son para los esquemas / maquetas. Prototipado es una forma de? Bosquejar con interacciones? para crear un modelo aproximado de usabilidad, luego refinar y perfeccionar.

Para esto, la prueba de usabilidad es vital. Como recomendamos en The Guide to Prototyping, intente realizar pruebas de usabilidad en cada etapa del prototipo para que su fidelidad y funcionalidad se muevan en la dirección correcta. Si bien las pruebas de usabilidad son un tema denso por sí solo (cubierto en otro libro electrónico), aquí hay algunos conceptos básicos a tener en cuenta:

  • Conocer el producto - Conozca bien su producto y lo que quiere probar antes de comenzar. Si entras en pruebas de usabilidad con un producto que se comporta de forma errática, o si no estás seguro de qué se debe probar, los resultados no serán válidos.
  • Recluta a los correctos que tomen el examen. - Lo más probable es que su producto esté dirigido a un grupo de usuarios objetivo, así que asegúrese de que sus examinados representen a ese grupo. Las pruebas cualitativas se pueden realizar con tan solo 5 personas, las pruebas cuantitativas requieren al menos 20 personas para la significación estadística. Para obtener una lista completa de los consejos de reclutamiento de usuarios, consulte la lista de Jakob Nielsen de 234 consejos y trucos para reclutar personas para las pruebas de usabilidad.
  • Configurar la prueba correcta - Hay muchos tipos diferentes de pruebas de usabilidad y muchas formas diferentes de realizarlas. Elija el que coincida con su presupuesto, tiempo y necesidades de proyecto.
  • Analizar resultados - Esto es cuando los datos de usabilidad se convierten en ideas de diseño. Incorpore sus hallazgos en sus iteraciones tan pronto como sea posible.

Fuente: ¿Por qué solo necesitas probar con 5 usuarios?

Para obtener más información sobre qué tipos de pruebas de usabilidad funcionarán para usted y cómo realizarlas, descargue el libro electrónico gratuito La Guía para las Pruebas de Usabilidad.

¿Por qué la creación de prototipos es obligatoria para móviles?

Mientras que la creación de prototipos para productos de escritorio es meramente recomendada, para dispositivos móviles es obligatoria. Los dispositivos móviles se utilizan en más entornos que los dispositivos de escritorio, lo que lleva a muchos más escenarios de usuarios y casos de uso. Lo que esto significa, por supuesto, es que si bien es posible que no te salgas con los prototipos de escritorio, no tendrás tanta suerte con el móvil.

Rachel Hinman, investigadora principal de UX del Nokia Research Center, está de acuerdo en que la necesidad de prototipos móviles supera con creces la ya importante necesidad en el campo de las computadoras de escritorio. Mire la tabla a continuación, basada en la presentación de diapositivas de Hinman, para ver una comparación entre la estabilidad de los dos:

Donna Lichaw, especialista en productos de Greatnorthelectric, también está de acuerdo, y compara las razones generales con el prototipo en comparación con las razones específicas para dispositivos móviles. Los gestos agregan una nueva dimensión de interactividad que ni siquiera existe para el escritorio, por lo que la creación de prototipos es la única forma de probar las combinaciones casi infinitas de gestos y animaciones.

Hemos encontrado que las siguientes son las razones más convincentes para la creación de prototipos móviles:

  • Flow hace o rompe la experiencia móvil. - Debido a que las experiencias móviles abarcan varias páginas, el flujo de usuarios debe estar en el centro y en la lista de prioridades de diseño. Simplemente visite UXArchive para ver cómo algunas de las principales compañías como Snapchat, Google Maps y otras diseñan sus flujos móviles.
  • Las animaciones hacen que la experiencia sea divertida y deseable. - Las animaciones son el elemento central de las microinteracciones móviles, con efectos desencadenados por gestos como el tiempo, la velocidad y el rebote, que agregan un elemento de diversión al tiempo que brindan retroalimentación visual y recursos. Echa un vistazo a esta pieza para ver las vistas contrastantes en animaciones de Google Material Design y Apple iOS, luego ve 20 ejemplos de estas mejores prácticas en acción.
  • Los errores de UX son más caros - Los costos de las aplicaciones móviles varían de $ 6,000 a más de $ 200,000, con un costo promedio de alrededor de $ 6,400. Tratar con la App Store también puede ser un dolor de cabeza, por lo que algunos prototipos iniciales pueden hacer mucho para ahorrar tiempo, dinero y seguridad.

UXPin permite la creación de prototipos animados y las pruebas de usabilidad integradas. Cree sus tareas, luego observe la pantalla de su usuario y las reacciones faciales mientras interactúan con su diseño. Después de cada prueba, puede generar un videoclip que captura cada palabra, reacción y clic.

Para llevar

Siempre hacemos prototipos, y aconsejamos a otros que hagan lo mismo. Si bien entendemos que ciertas restricciones pueden dificultar la creación de prototipos para algunas empresas, sugerimos encarecidamente que funcione, aunque solo sea un prototipo limitado. Los beneficios superan con creces los costos: una mejor colaboración entre el equipo, encontrar / solucionar problemas temprano, mejorar los diseños existentes y comunicarse a través de la acción en lugar de palabras. Estas ventajas bien valen el tiempo y esfuerzo extra.

Para obtener consejos prácticos sobre prototipos de baja o alta fidelidad, descargue la Guía gratuita de prototipos. Aprenda cómo y cuándo usar diferentes herramientas y tácticas de creación de prototipos, con las mejores prácticas de Zurb, Google Ventures, IDEO y muchas más. También se incluyen consejos de expertos como Jeff Gothelf, Todd Zaki Warfel y otros.