Envíe mejores experiencias con un flujo de trabajo de UX ultrarrápido

La eficiencia es un fetiche nerd mío. Como diseñador de experiencia de usuario en Envato Market, analizaré cualquier cosa que sugiera acelerar el proceso de obtención de comentarios sobre una idea de diseño. Un ciclo de retroalimentación más corto significa enviar características de mayor calidad más rápido para el beneficio de nuestra comunidad.

Navajas suizas son falsas promesas

Mi primer momento de Eureka en la búsqueda del santo grial de los flujos de trabajo de diseño fue descubrir Axure (y posteriormente UXPin). Pasaría semanas diseñando, luego validando el prototipo con pruebas de usuario y refinando según fuera necesario. Este proceso es infinitamente más ágil que la forma tradicional de mantener al día una gran cantidad de archivos de Photoshop, pero deja de lado un factor clave: las restricciones que surgen durante el desarrollo..

Claro que compartiría el prototipo con los desarrolladores para obtener su opinión, pero uno solo puede predecir tantos obstáculos de antemano, y no todos ellos eran "problemas de desarrollador" de todos modos. La naturaleza lógica de la programación revela fallas de diseño que no se pueden prever cuando se mira un boceto en papel o una estructura alámbrica. Saber esto antes me habría salvado de iterar en un diseño que estaba destinado a ir en dirección contraria desde el inicio.

Al igual que otros con el objetivo de salir del negocio de entregables, necesitaba un flujo de trabajo que alentara a los diseños a ser una herramienta de comunicación desechable y no a una entrega..

La manera más eficiente de obtener retroalimentación rápida

Las siguientes herramientas son los ingredientes para el flujo de trabajo más eficiente que he descubierto hasta la fecha.

Bosquejo para wireframing

Sketch, limpio, simple y basado en vectores, tiene aproximadamente el 95% de todas las funciones que usé al diseñar en Axure y Photoshop. Encuentra un equilibrio entre las funciones y la simplicidad, lo que facilita la comunicación de su mensaje sin poder aventurarse demasiado..

InVision para prototipos Lowfi y comentarios rápidos

Con InVision puedo comunicar mi idea y recibir comentarios de los administradores, desarrolladores y usuarios de prueba en un instante. Se integra de manera magnífica en mi flujo de trabajo con dos características principales: la sincronización de archivos de diseño eliminará pronto la necesidad de exportar imágenes de mi proyecto Sketch, y la integración de Dropbox significa que no hay necesidad de cargar nada manualmente. Realice los cambios necesarios, haga clic en guardar y comunique a sus colegas que se han realizado cambios. Todos los wireframes de InVision que estén viendo se actualizarán automáticamente. Ni siquiera necesitan golpear refrescar. Ahora eso es suave como la seda.!

Trello se mantendrá en la pista con el progreso

En el equipo de Discovery en Envato Market usamos una tabla Trello como nuestra tabla de sprint. Si no está familiarizado con la terminología ágil, considérelo como nuestra herramienta de gestión de proyectos. Adjuntaré cualquier diseño a las tarjetas en este tablero para comunicar a los desarrolladores lo que se debe construir. Anteriormente, hacer un cambio en el diseño significaría que tendría que volver a Trello, encontrar la tarjeta a la que se adjuntó, quitar la antigua y cargar el nuevo diseño. ¿Dije que InVision tenía dos características asesinas? Pues hazlo tres. Live embed se encarga de todo este trabajo. Todo lo que tengo que hacer es hacer el cambio, pulsar guardar y actualizará también la estructura alámbrica de Trello. Henry Ford lloraría lágrimas de eficiencia.!

No es una excusa para renunciar a los usuarios

Por brevedad, no mencioné la fase de investigación previa ni los comentarios posteriores que solicitamos a los usuarios reales, lo cual forma parte de nuestro flujo de trabajo. La idea es acortar el tiempo que lleva crear un prototipo en funcionamiento, obtener comentarios y comenzar a iterar antes. No es una excusa para dejar de hablar con usuarios reales, solo es una forma de hacerlo más rápido..

Lectura recomendada:

  • Wireframes: una buena herramienta de comunicación, una mala herramienta de diseño en un medio
  • ¿Por qué nos saltamos Photoshop en Signal v. Noise?
  • Los prototipos no son un entregable; Son una herramienta de comunicación de Ben Melbourne.
  • Lean UX: Cómo salir del negocio de entregables en Smashing Magazine