Empatización · Ideación · Prototipado · Desarrollo
Introducción
Proceso de diseño de una nueva función desde 0, desde la concepción de la idea hasta la implementación final del panel de novedades en el área privada.
Background
Como bien sabemos, cuanto más complejo es un producto, más tiempo tardamos en acostumbrarnos a los controles. Por ello, es importante tener en cuenta a los nuevos usuarios, facilitando sus primeros pasos.
Cosentino We, con tan solo dos años en activo, disponía de cuatro líneas de negocio, cada una adaptada a un segmento de cliente diferente. Cada plataforma dispone de funciones para cada tipo de cliente.
Challenge/Reto
Diseñar la mejor experiencia para aterrizar a los nuevos usuarios e informar sobre las últimas comunicaciones de Marketing.
Con la idea de guiar a los nuevos usuarios, detectamos la necesidad de crear una introducción a las funciones.
A través de este proyecto mejoramos el aterrizaje a la plataforma, informamos sobre las últimas novedades e impulsamos la comunicación de Marketing sobre los últimos lanzamientos de producto.
DEFINIR E IDEAR - FASE 2
2.Ideación y prototipado
Con el fin de obtener el mayor número de ideas de la forma más rápida y efectiva, realizamos varios crazy8. Un Crazy8 es una técnica de ideación en la que desarrollamos una idea en 40sg, esto lo repetimos hasta 8 veces. De esta forma liberamos nuestra mente creativa, probamos desde las ideas más convencionales hasta las más innovadoras.
Cuando nos enfrentamos a un folio en blanco para encontrar una buena solución tendemos a abrumarnos ante la situación. Para evitar esta frustración, lo mejor es comenzar a lanzar ideas. Ideas con sentido por supuesto, por ello descartamos ideas que no funcionen e incluso podemos hacer un mix de dos ideas que inicialmente no parecían tener relación.
Una vez hemos planteado todas las posibilidades a modo de boceto, llega la hora de subir de nivel y pasar al prototipado en figma.
PROTOTIPADO - FASE 3
LA SOLUCIÓN - PROTOTIPADO
Es hora de escoger las mejores ideas, continuar divergiendo el proceso a través del modelo de doble diamante con el fin de no limitar las mejores ideas. La técnica del diamante provoca dos fases, de forma que inicialmente generamos la mayor cantidad de ideas, para quedarnos con la mejor.
Una vez las ideas ya están más avanzadas, planteamos los pros y contras de cada una de las variedades. Escogemos la más apropiada en función de la que mejor se adapte a la situación. Podemos analizar cual requiere mayor o menor esfuerzo técnico, inversión económica y alcance.
La mejor manera de plasmar una idea en poco tiempo es tan simple como coger una LIBRETA Y BOLÍGRAFO.
De esta forma es fácil plantear una gran variedad de ideas y no enamorarnos de ninguna, nos permite tener margen de maniobra en caso de querer hacer cambios.
En este caso optamos por un panel de novedades a modo de feed (entradas de "novedades") de forma que sintetiza los beneficios de cada función para el usuario. Además, algunas de las entradas tendrán un uso comercial, nos ayudará a potenciar las últimas novedades de Marketing.
Si a nuestro usuario le llega información de un nuevo lanzamiento, podrá informarse desde la plataforma y podrá solicitarlo si le interesa el producto. Aumentamos la visibilidad del producto y facilitamos la interacción con el comercio.
Para esta fase utilizamos el programa FIGMA, aquí continuamos con el proceso sobre la base que establecimos anteriormente.
RESPONSIVE
Para este proyecto pensamos en la interacción responsive, es decir, que fuera fácil de usar y adaptado a cada dispositivo.
En el caso de ordenador el modal trataría la interacción con flechas hacia adelante y atrás para movernos cómodamente.
En cambio, en móvil y en tablet, sabemos que la interacción es mucho más fluida, por ello usamos la opción swipe (deslizar) derecha o izquierda, ya que se trata de un patrón de diseño al que estamos acostumbrados en herramientas como Instagram.
Tras varias reuniones con el equipo UX definimos el entregable final y validamos la propuesta con cada línea de negocio implicada.
La idea fue muy bien aceptada negocio decidió añadirla en todas las plataformas.
IMPLEMENTACIÓN - FASE 4
5.Entregable final y desarrollo
Tal y como comentamos, cada plataforma dispone de funcionalidades diferentes, por lo que, cada entrada de "novedades" se adapta al tipo de cliente.
El mantenimiento del panel es fácil y rápido. Necesitamos un par de imágenes y redactar textos muy sintetizados para que lleguen a nuestro usuario. Este panel implica poco esfuerzo y gran impacto para la compañía.
Respecto al equipo de desarrollo, una vez crearon el espacio para el panel de novedades, la implementación en el resto de plataformas fue inmediata.
extra
6.Resumen y aprendizaje
Tras detectar la necesidad de implementar el panel de novedades al área privada, aprendí todo lo que implica comenzar un proyecto desde 0.
Con este proyecto he aprendido…
A tener en cuenta a todos los tipos de usuarios.
La importancia de diseñar la experiencia de uso en cada dispositivo.
No existe el diseño sin negocio, cada decisión impacta en negocio.
Las repercusiones de diseño a nivel estructural de la compañía.
