Mihome: Todo el proceso de design thinking de UX a UI en 10 días
¿Cuántos de nosotros nos hemos visto en situación de buscar piso en una nueva ciudad?
Probablemente la mayoría habéis asentido con la cabeza mientras leéis este post… Pues ese es nuestro problem statement para este proyecto:
“Encontrar piso en una nueva ciudad y no morir en el intento”
UX research
Empezamos con unas entrevistas de guerrilla y unas encuestas.
Me gusta utilizar las entrevistas de guerrilla como primer paso porque con un problema tan común y trillado como el que tenemos puede arrojarnos mucha información valiosa muy rápido y son fáciles de conseguir, ya que podemos hacerlas con gente de nuestro alrededor y no requieren tanto tiempo como una entrevista formal. Seguidas por unas encuestas que nos ayudan a concretar esas respuestas en porcentajes.
Pasamos a hacer un análisis de la competencia. Entre otras cosas descubrimos que hay muchas plataformas, muy utilizadas pero ninguna respondía a todas las necesidades del usuario. La mayoría son buscadores en los que básicamente te ponen en contacto con los usuarios y ahí acababa su labor.
Para no perder de vista a nuestro usuario creamos nuestro user persona principal.
Seguimos buscando cómo darle forma a nuestro producto y para ello decidimos que las siguientes herramientas serían las más apropiadas para descubrir los principales pain points y cómo solucionarlos.
User journey · User scenario · User stories
Brainstorming · Mindmap · Moscow
Desarrollamos el Userflow principal de nuestro usuario de principio a fin (para ello usamos whimsical)
Una vez terminado nuestro flujo principal caímos en la cuenta que tenemos otro usuario estrechamente ligado con nuestro producto que es, el propietario. No es nuestro usuario principal pero no está demas desarrollar el User persona con su propio Userflow.
Con toda la información que obtuvimos del research procedimos a hacer el Crazy 8 de nuestra web para realizar los primeros testeos.
Elegimos el formato web, porque en nuestras entrevistas vimos que el usuario se toma la búsqueda de piso como un proceso serio y suele hacerlo siempre desde un ordenador en la comodidad de su casa, sin distracciones y con la mayor concentración.
Después desarrollamos el prototipo lo-fi con el que hicimos los primeros testeos.
Iteraciones de los primeros testeos:
- Agrupamos todos los filtros en una misma botón.
- Desechamos la página de perfil por no resultar relevante para el flujo principal.
- Cambiamos la manera de formular la información sobre las zonas.
- Reducimos la información sobre los pasos a seguir por resultar redundante y no entenderse bien.
Con los cambios hechos, pasamos al prototipo Mid-fi donde decidimos la estructura general de la web y los elementos que van a ser necesarios y repetimos el testeo.
UI DESIGN
Empezamos a tomar decisiones de marca e interfaz.
Esta es una de las partes que más disfruto en parte por mi background de diseño gráfico.
Creamos un moodboard para decidir con los usuarios cuáles creen que son nuestros atributos de marca e ir viendo cuál puede ser la gama cromática más apropiada a nuestro tipo de producto.
Logo, color, tipografía, iconografía, alineamientos
Tomamos todas la decisiones de branding que se puede ver el la siguiente guía de estilo.
Y para terminar el Atomic design (simplificado): Los átomos y moléculas de nuestro universo web, con los elementos y componentes principales.
Diseño final
Con todos los elementos de UI previamente establecidos vamos a ver el prototipo del diseño final viendo el flujo de las tres soluciones principales desarrolladas.
1. Calculadora de zonas
Como podemos ver en el video, como primer paso vemos el link a calcula tu zona, introduciremos los parámetros que queremos y la plataforma marca cual es la zona ideal según nuestro datos, nos dice también cada zona porque encaja con nosotros y clickando de nuevo en el mapa nos llevaría a la página de anuncios ubicados en nuestra zona ideal.
2. Anuncios verificados
Mihome al no ser un mero buscador tiene un equipo que se encarga de verificar tanto las fotos, los video tours como la información para dar confianza al usuario.
Esto está indicado con el distintivo ‘check’ naranja en cada anuncio.
3. Búsqueda, Reserva y pago 100% online.
Mihome no es una agencia tradicional por lo que es mucho más económica, como vemos en el siguiente flujo tenemos opción de hacer la reserva directamente desde la plataforma. Al confirmar el propietario tiene 24h para responder y para facilitar la elección tenemos un apartado en nuestro perfil en el que subir una carta de presentación para que nos conozcan un poco mejor.
Mis mayores obstáculos
Los mayores obstáculos que me he encontrado han sido:
- La gran cantidad de plataformas existentes y la dificultad de mejorar algo tan aceptado por los usuarios.
- Durante el ux research nos dimos cuenta que había otro tipo de usuario completamente distinto que teníamos que tener en cuenta.
Como lo hemos solucionado
- Haciendo muchas entrevistas de guerrilla buscando problemas o dificultades más concretas de los usuarios.
- Desarrollamos el User persona y el Userflow del propietario que aunque no fuera nuestro principal estaba estrechamente ligado y lo vimos necesario para un MVP completo.
¿Qué he aprendido?
Con este proyecto he aprendido que no hay problema sin solución aunque lo parezca, hay que confiar en el proceso de design thinking, porque realmente funciona.
Cuesta lidiar con la frustración inicial en la que pensamos que no se puede mejorar demasiado algo o que todas las necesidades estan cubiertas, pero teniendo muy claro que nosotros no somos nuestro usuario es sorprendente la cantidad de información que obtenemos aplicando distintas herramientas. Y sobre todo la satisfacción que se siente viendo que avanzas en lo que al principio parecía imposible.
Y si quieres conectar conmigo y hablar de diseño o darme un trabajo puedes encontrarme en mi linkedin ;)
