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.
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..
Las siguientes herramientas son los ingredientes para el flujo de trabajo más eficiente que he descubierto hasta la fecha.
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..
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.!
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.!
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..