Advertisement
  1. Web Design
  2. Sketching
Webdesign

Diseñadores Web: ¡Enrollen sus mangas y a dibujar!

Length:ShortLanguages:

Spanish (Español) translation by Rosario (you can also view the original English article)

Vamos a hablar del porqué, como diseñadores web, deberíamos utilizar bolígrafos y lápices más a menudo. Voy a darles algunos consejos, sugerencias de herramientas y un montón de razones para enrollar sus mangas y dibujar!

Escapar de la computadora

El proceso de diseño tiende a aislar a los diseñadores del resto del equipo, lo que significa que tienden a confiar en sí mismos y sus propias ideas. Muchas veces, como el plazo de producción es tan limitado, los diseñadores van directamente sobre prototipos de alta fidelidad (como son wireframes refinados o diseños perfect-pixel) Sin dedicar mucho tiempo a dibujar y hacer que sus ideas sean probadas. En estas situaciones, la única vez que dejan de esconderse detrás de sus monitores es cuando se reúnen con las partes interesadas para firmar o entregar los diseños a los desarrolladores.

Designers only
Ilustración de Lucía Ferro

Hoy en día, con nuevas metodologías ágiles, es fundamental mejorar el proceso de diseño y hacerlo más corto. Y es aún más importante que este proceso conduzca a un producto exitoso.

Dibujar es un paso fundamental en cualquier proceso de diseño. Empujar a los diseñadores alejarse de su escritorio y trabajar con diferentes herramientas. Además, esto puede convertirse en ejercicio de un equipo donde los no diseñadores (desarrolladores, dueños de producto, gerentes de proyecto, etc.) Pueden contribuir con sus ideas y aportes desde una etapa temprana. Una vez en el papel, las ideas están listas para ser testeadas con otros equipos, las partes interesadas o incluso potenciales usuarios en diseños iniciales y ayudar a iterar.

Con todas estas razones deje su escritorio, enrolle sus mangas y a dibujar!

Roll up your sleeves
Ilustración de Lucia Ferro

Apoyo UX y dibujo

El enfoque de Lean UX es crear valor para el cliente al tiempo que reduce el desperdicio. Y por "desperdicio" me refiero a cualquier cosa que desvíe el enfoque del diseño y el producto que se está construyendo. Es imperativo que el equipo se vuelva más ágil, pero también deben contar con el respaldo de quien esté a cargo, lo que les permite fallar mientras prueban ideas.

Incluso con un período de tiempo limitado, el diseñador debe ser capaz de armar rápidamente algunos diseños para las primeras pruebas. Y aquí es donde puedes (¡y deberías!) Aplicar tus habilidades de dibujo.

No puedo pensar en nada más simple que hacer un boceto al principio del proceso de diseño, cuando, con suerte, hay tiempo para explorar todas las ideas. ¡Vamos! Pon a todo el equipo (partes interesadas incluidas) en la misma sala para una serie de talleres de creación conjunta. Estos talleres consisten en una forma de colaboración para ayudarte a ti, a tu equipo y a las partes interesadas (o clientes) a decidir las soluciones de diseño.

Lean UX
Ilustración de Lucia Ferro

El resultado de estas sesiones es absolutamente importante, y el hecho de que el equipo esté allí compartiendo ideas y acordando cuál de estas vale la pena seguir adelante, les hace sentir que son dueños del proyecto y garantiza que te apoyarán hasta el final. .

Después de estos talleres, tus bocetos son tu prototipo que puedes exhibir en todo el edificio.

Cómo ejecutar un taller de co-creación

Es importante que todos los involucrados en una sesión de boceto entiendan que esto no es una prueba de sus habilidades de dibujo, sino un ejercicio de creatividad donde todas las ideas son preciosas.

Para facilitar estas sesiones, el diseñador o el equipo de diseñadores deben elaborar un plan:

Paso 1: Centrarse en el resultado

Rebote de ideas y acuerdo de los resultados empresariales y de usuario que estás tratando de lograr. Si el equipo se enfoca en los resultados en lugar de en qué características construir, tendrán más espacio para la creatividad. Cuando estés debatiendo ideas, asegúrate de tomar notas (una idea por post-it) y colócalas en la pared para que todos puedan volver a revisarlas.

Paso 2: Los locos 8s.

Este método es uno de los favoritos entre los mejores equipos del mundo (Google Ventures, BBC, etc.). Es un ejercicio individual, cronometrado, en el que cada elemento del equipo divide una hoja de papel en ocho partes y bosqueja una solución diferente cada cuarenta segundos. Esto resulta en un ejercicio cerebral frenético, sin tiempo para el perfeccionismo y una gran variedad de posibilidades.

crazy 8s
Ilustración de Lucia Ferro

Paso 3: Presentación y refinamiento

Cada miembro tiene unos momentos para presentar sus bocetos al equipo. Al final, el equipo procede con el punto votando las dos hipótesis favoritas. Idealmente, el equipo ha estado sentado desde el primer día y tiene un entendimiento compartido del proyecto que podría dar como resultado soluciones idénticas al final.

presentation
Ilustración de Lucia Ferro

Paso 4: Otra ronda de 8s locos

Esta vez, dedicarás una ronda de 8s locos a las dos ideas sobresalientes de la ronda anterior. Nuevamente, este es un ejercicio individual y al final se espera que presente dos hipótesis refinadas.

Después de una nueva ronda de presentaciones, el equipo debe estar en una buena posición para hacer un prototipo y probar una o incluso las dos características acordadas.

Prototipado rápido

Los prototipos te ayudan a validar tus ideas en etapas iniciales y te brindan la confianza que necesitas para iterar tus diseños. La creación de prototipos y las pruebas con los usuarios asegurarán que cualquier defecto de diseño se resuelva al comienzo del proyecto, evitando así un alto gasto en una etapa posterior.

Puedes armar rápidamente un prototipo con los bocetos de las sesiones de colaboración que ejecutaste anteriormente, son todo lo que necesitas para estar frente a tus usuarios.

Además, hay algunas herramientas en línea que pueden ayudarte a crear prototipos interactivos:

Invision

Invision no solo es una de las mejores plataformas de diseño colaborativo, sino que también es una excelente herramienta de creación de prototipos. La curva de aprendizaje es muy leve y hace que tu prototipo se ejecute en muy poco tiempo.

Funciona con hotspots: subes tus pantallas, crea hotspots para navegar entre estos y ¡voilá! estás listo para las pruebas de usuario

Invision
Ilustración de Lucia Ferro

Pop

Pop es otro ejemplo de una herramienta fácil de usar. Toma fotos de tus bocetos, agrega hotspots y ¡ya estás listo!

Prototipo de papel

O, simplemente puede usar lápiz, papel y tijeras para crear un prototipo de papel.

Ilustración de Lucia Ferro

Cualquiera de las opciones anteriores será muy rápida de iterar tan pronto como empieces a recibir comentarios de tus usuarios. Es posible que desees elegir uno dependiendo de a quién estás entrevistando. Si crees que son lo suficientemente imaginativos, llévate un prototipo de papel pero, si crees que necesitarán un poco más de interacción para comprender tus ideas, puedes subir rápidamente tus bocetos a una de las aplicaciones descritas anteriormente.

Pruebas de guerrilla

"Pruebas de guerrilla" es una forma de probar tus bocetos, diseños y prototipos desde el principio del proceso. Echa un vistazo a nuestro consejo rápido por separado sobre la mejor manera de hacerlo.

Consejo rápido: Cómo ejecutar una sesión de pruebas de guerrilla

Conclusión

Existen miles de razones por las que deberías hacer bocetos con mayor frecuencia, pero con el fin de producir el mejor producto posible, debes adoptar una metodología que utilice los bocetos como la forma más rápida y sencilla de validar tus diseños.

Además, debes tener en cuenta que estas técnicas podrían terminar cambiando el alcance del proyecto o incluso su curso. Tu, como facilitador de todo el proceso, debes asegurarte de que tu equipo esté a bordo en todo momento y que esté dispuesto a realizar los cambios necesarios para entregar un gran producto.

¡Me encantaría escuchar tus pensamientos! Por favor comparte tu experiencia y sugerencias.

Interesantes lecturas adicionales

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.