Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. UX
Webdesign

Entrega mejores experiencias con un flujo de trabajo en UX rápido como rayo

by
Length:ShortLanguages:

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

La eficiencia es un fetiche nerd mío. Como Diseñador UX en Envato Market, voy a mirar cualquier cosa que sugiera acelerar el proceso de obtención de información sobre una idea de diseño. Un ciclo de feedback más corto significa enviar funcionalidades de mayor calidad más rápidamente en beneficio de nuestra comunidad.

Las Navajas Suizas son Promesas Falsas

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

Claro que me gustaría compartir el prototipo con los desarrolladores para recibir sus aportes, pero uno sólo puede predecir muchas trabas por adelantado, y no todas por "problemas de desarrolladores" de todos modos. La naturaleza lógica de la programación revela defectos de diseño que no se pueden prever cuando se mira en un boceto en papel o esquema. Sabiendo esto antes me habría salvado de la iteración en un diseño que estaba destinado a tomar la dirección equivocada desde el principio.

Al igual que otros, tratando de salir del negocio de los entregables, necesitaba un flujo de trabajo que aliente al diseño a ser una herramienta de comunicación desechable, no un entregable.

El Modo Über-eficiente para Conseguir Feedback Rápido

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

Sketch para Wireframing

Limpio, sencillo y basado en vectores, Sketch tiene alrededor del 95% de todas las funcionalidades que utilizaba mientras diseñaba en Axure y Photoshop. Establece un equilibrio entre funcionalidades y simplicidad por lo que es fácil de comunicar tu mensaje sin aventurarse demasiado lejos.

InVision para Prototipado de Baja Fidelidad y Feedback Rápido

Con InVision puedo comunicar mi idea y obtener instantáneamente feedback de los directivos, desarrolladores y usuarios de prueba. Se integra magníficamente en mi flujo de trabajo con dos características letales: Sincronización de archivos de diseño pronto eliminará la necesidad de exportar imágenes desde mi proyecto en Sketch, y la integración con Dropbox significa que no hay necesidad de cargar nada manualmente. Realiza los cambios necesarios, presiona Guardar, y deja que tus colegas sepan que se han realizado cambios. Cualquier wireframe que estén mirando en InVision se actualizará automáticamente. Ellos ni siquiera tienen que actualizar manualmente. Ahora es suave como la seda!

Trello para Estar Actualizado sobre el Progreso

InVision integration with Trello

En el equipo Discovery en Envato Market utilizamos un tablero Trello como nuestro tablero de sprint. Si no estás familiarizado con la terminología Agile, piensa en ella como nuestra herramienta de gestión de proyectos. Adjuntaría cualquier diseño en las tarjetas de este tablero para comunicar a los desarrolladores lo que necesita ser construido. Hacer un cambio en el diseño significaría que tendría que volver a Trello, encontrar la tarjeta a la que estaba adjuntado el diseño, eliminar el anterior y cargar el nuevo. ¿He dicho que InVision tiene dos funcionalidades letales? Bueno, que sean tres. Live embed se encarga de todo este trabajo. Todo lo que tengo que hacer es hacer el cambio, guardarlo y se actualizará el wireframe en Trello también. Henry Ford lloraría lágrimas de eficiencia!

No es una Excusa para Abandonar a los Usuarios

Por razones de brevedad no he mencionado la fase de investigación previa o el posterior feedback que solicitamos a los usuarios reales, que es parte de nuestro flujo de trabajo. La idea es reducir el tiempo que se necesita para crear un prototipo que funcione, para obtener feedback y comenzar a iterar cuanto antes. No es una excusa para dejar de hablar con usuarios reales, sólo una manera de hacer que suceda más rápido.

Lecturas recomendadas:

¡Sé el primero en conocer las nuevas traducciones–sigue @tutsplus_es en Twitter!

Advertisement
Advertisement
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.