Aplicaciones, Diseño UX, Diseño web

El arte del UX sketching y prototipado en papel para tus Apps

El arte del dibujo UX y el prototipado de papel.

Consejos y trucos de “prototipado en papel”.

¿Cuándo está lista tu idea para ponerla delante de la gente?

Esta es probablemente la pregunta con la que todo emprendedor lucha. Como propietario de un producto o empresario, siempre somos muy escépticos acerca de sacar a la luz las ideas tempranas.

Estando en el ecosistema de inicio desde hace bastante tiempo, he validado esta afirmación con mi experiencia: ¡Su idea está lista para ser puesta en frente de personas con los primeros trazos de tinta sobre papel! Los bocetos en papel o el dibujo de la pizarra nunca se miran hacia abajo. Más bien, a menudo se predica que muestre su diseño lo antes posible para que tenga un amplio rango de cambios.

¿Cuándo son útiles los prototipos de papel?

Los prototipos de papel son útiles en casi todas las etapas del proyecto. Es posible que desee volver con una modificación de diseño durante el desarrollo intermedio o incluso el lanzamiento posterior. ¡La mayoría de las veces desea visualizar rápidamente nuevas ideas y estallar con lápiz y papel incluso cuando tiene el diseño de alta fidelidad listo! Es más rápido comunicar y validar cambios de diseño en papel que en diseños de Photoshop de alta fidelidad.

Los diseñadores utilizan diferentes tipos de bocetos en función de con quién están trabajando y lo que necesitan para comunicarse. Los bocetos en papel son excelentes cuando …

  1. El diseñador / gerente de producto está pensando en todas las ideas iniciales que pasan por su cabeza,
  2. perfilar los pasos en un flujo de usuario
  3. Explorar y validar variedad de diseños.
  4. y para mostrar la estructura básica de la aplicación



Etapas del prototipo de papel.

Los diseñadores eligen entre bocetos en papel de baja fidelidad y bocetos en papel de alta fidelidad en función de con quién se comunican.


Bocetos de baja fidelidad.

Bocetos en papel de baja fidelidad.

¡Estos son principalmente los bocetos que haces para ti mismo mientras piensas! Puedes usar estos bocetos básicos para:

  • Para auto-lluvia de ideas, y
  • Discusión interna del equipo



Bocetos de alta fidelidad.

Bocetos en papel de alta fidelidad.

Los bocetos de alta fidelidad son el siguiente nivel de bocetos cuando desea colocar sus diseños frente al usuario y los clientes. Incluye bocetos detallados, forma de botones, colores e imágenes, etc.

La mayoría de los diseñadores crean un prototipo digital en esta etapa ( aunque, también puede crear un prototipo con bocetos de baja fidelidad ). Los bocetos de alta fidelidad se pueden utilizar para:

  • Discusiones con clientes.
  • Pruebas con usuarios reales.

Bocetos de alta fidelidad es un paso que realmente no debes saltear. ¿Por qué? Cuanto más pueda iterar y eliminar ideas en papel, más rápido se moverá con sus diseños digitales.

Consejos para hacer prototipos de papel kickass!

1. Explorar diferentes variedades de elevaciones y sombras.

Sombras y elevaciones en papel prototipo.

Los diseñadores son muy particulares sobre las sombras y la visión realista. Además, ofrece una perspectiva mucho mejor cuando está validando sus diseños con usuarios o clientes. Doble cintas de doble cara para elevar la capa o desplegar para obtener la sombra y la elevación.


2. Toma imágenes de bocetos en papel y crea un prototipo digital.

La creación de prototipos digitales de sus bocetos en papel garantiza que sus usuarios / clientes / compañeros de equipo entiendan la interacción del usuario en la aplicación, que de otro modo es una mera conjetura.

La creación de un prototipo garantiza que los usuarios puedan tener una representación realista de la aplicación:

  • Temporizadores para pantalla de bienvenida y onboarding.
  • Usa los menús desplegables de la forma en que estarían en la aplicación (Capas)
  • Encabezados fijos y pie de página, etc.
 
Crea prototipos digitales.


3. Usa marcadores más gruesos para mostrar diferentes secciones.

Por lo general, cuando tiene demasiadas cosas para mostrar en los bocetos, a menudo se vuelve demasiado agrupado y la audiencia (usuario / cliente / compañero de equipo) enfrenta una gran dificultad al tratar de entender qué grupo de elementos pertenece a una sección. ¡Es más de un collage! :PAG

El truco es comenzar con un marcador gris claro (20 a 30% de gris), y agregar progresivamente capas de detalles con marcadores y bolígrafos más oscuros. A medida que las páginas se llenan de ideas, vuelva con un marcador más oscuro (60% de gris) o un bolígrafo, y agregue más detalles para las partes que desee.

Precaución  : si comienza a dibujar con un bolígrafo y luego ingresa con un marcador, es probable que la tinta del bolígrafo se desprenda del alcohol en el marcador.

Prueba estos conjuntos de marcadores


4. Si tiene un color de tema para la aplicación, use papeles de colores de ese tono

Por lo general, tengo papeles de diferentes colores en mi kit de papelería para poder usarlos mientras creo estos prototipos de alta fidelidad. Las ventajas de esto son:

  • Ayuda a mantener la consistencia en todo el prototipo de papel.
  • Reduce la carga de colorear manualmente secciones más grandes.
  •  
  •  
  •  

5. Tome copias de xerox de sus dibujos de baja fidelidad (bocetos en blanco y negro) y pruebe las variaciones de color

A menudo es un misterio por qué un determinado tono de azul se comporta mejor que el otro. ¡Otro hecho es que puedes descifrar tales misterios solo cuando pruebas! Cuanto antes valide esto, mejor será para el proyecto en términos de costo, esfuerzo y tiempo.

Una salida fácil es tomar copias xerox de los bocetos en blanco y negro y probar diferentes tonos en él, en lugar de dibujar el mismo conjunto de pantallas una y otra vez.

Ultimas palabras

Se ha escrito mucho a través de Internet y también escuchamos a muchas personas hablar sobre la importancia de los bocetos en papel, pero desafortunadamente parece que muy pocas personas hacen bocetos. Recientemente tuvimos una encuesta en línea para comprender el punto de dolor de los diseñadores con prototipos de papel. Al final resultó que, la mayoría de los diseñadores se abstienen de hacerlo debido al esfuerzo extra y el tiempo involucrado en el proceso.



Traducido al español de :  https://goo.gl/q3uy5h
Compartido con fines educativos.

Autor


Avatar