Todo el proceso de User Experience esta basado en una metología desarrollada personalmente para garantizar el éxito de la experiencia. Al asumir el encargo suelo proponer a cada cliente una metodología acorde a las necesidades. Si es un proyecto grante Agile unida los siguientes 5 pasos:

1. Unpack

Recibimos el Brief y realizamos un brainstorming de ideas y referencias que puedan aportar información sobre el camino a seguir. 

2. Research

Se analizan todas las referencias, módulos, componentes, páginas a fin, apps que puedan aportar una funcionalidad diferencial a la experiencia.

3. Flow Mapping

Desarrollamos en base a un Journey modelo un primer borrador de cual podría ser la navegación de primer nivel. En este mismo proceso podemos definir todos los recursos relacionados con la Nav: Menu, Footer, Filter…

4. Wireframing

Pintamos en la herramienta de diseño que más se ajuste a las necesidades del proyecto los diferentes componentes. Se puede proponer al cliente una metodología compatible con Atomic Design, así podemos aprovechar los recursos generados en esta fase cuando pasemos a la fase de UI.

5. Journeys

Se realiza un estudio de empatía en base al publico objetivo, con testing real o simulado que nos servirá para trazar los diferentes caminos en los que nos interesa que los usuarios interactúen con el site.

Planteamos una guía de estilos básica que evolucionará a un Design System tan grande como lo demande el proyecto.  Aplicamos estilos a los Wireframes y utilizamos la metodología Atomic Design para que el diseño sea consistente. Prototipamos y publicamos en inVision, Zeplin, Sketch Cloud o en la plataforma de preferencia que demande el proyecto segun las necesidades de cada cliente.

Una vez validada la primera línea visual realizamos los módulos necesarios y pintamos el todos los wireframes.

Para llevar el diseño de una experiencia al máximo nivel he integrado una fase que ayuda a entender a los desarrolladores cual es el comportamiento que tienen los módulos, secciones y recursos. Esto quiere decir que animamos cada detalle del site utilizando herramientas de primer nivel tipo Framer,  InVision Studio, After Effects obteniendo como resultado interacciones bien logradas y absolutamente aplicables a nivel de código por cualquier desarrollador.

Una vez validado todo el diseño se preparan los materiales exportables, se comparten los diseños utilizando una herramienta apta para descargar los exportables en tantos formatos como sean necesarios y se decide que tecnologías utilizaremos para iniciar el desarrollo. 

Si el desarrollo se realiza dentro de Kolision no será necesaria la preparación de materiales ya que los desarrolladores colaboradores del estudio tienen altas habilidades en diseño y tendrán acceso a los archivos editables para poder trabajar en paralelo y disminuir radicalemente los tiempos de desarrollo.