Diseño de UX y UI para el desarrollo estratégico de productos

Una visión de diseño para comprar coches

Automoción

Aplicación móvil

Europa

Vista de Lisboa desde la oficina del cliente UX
CLIENTOLX GROUP Ltd.
LOCATIONLisboa, Portugal
EQUIPOUX designer, UI designer, interaction designer, project manager, product owner, software architect
WEBSITE

OLX es el principal mercado de anuncios clasificados del mundo. En el sector de la automoción, millones de usuarios compran y venden coches, motos y piezas.

OLX descubrió que la experiencia de usuario en la aplicación de automoción y en la web móvil era insatisfactoria. Nos contrataron como consultores externos de UX/UI para crear una visión de diseño a largo plazo para su equipo de diseño interno.

Trabajamos en el diseño UX y UI de módulos seleccionados. Mediante la creación de conceptos de UX y diseños de UI, llegamos al punto de equipar a su equipo de diseño con un sistema de diseño totalmente funcional.

NUESTRAS CONTRIBUCIONES

UX Design

Flujo UX

Creación de prototipos

Diseño conceptual

Diseño de interacción

UI Design - Design System

Validación del diseño

Garantía de calidad

Coche rojo circulando por carretera de palma

EL INICIO DEL DISEÑO EN LISBOA

Dos diseñadores y el director del proyecto visitaron OLX en Lisboa para un taller de 3 días. Nos sumergimos a fondo en los resultados de la investigación de usuarios que habían acumulado, en las perspectivas de marketing y en los intentos anteriores de su equipo de diseño por resolver el problema. Pudimos hablar con las distintas partes interesadas y con departamentos de distintos países en los que el vertical de automoción es esencial.

Acordamos prioridades y una hoja de ruta para las próximas semanas.

Vista desde la oficina del cliente en Lisboa
Vista desde Lisboa
Oficina del cliente en Lisboa

UNA LÓGICA QUE INTEGRA CARACTERÍSTICAS Y VIAJES

El objetivo era crear una visión a largo plazo de la experiencia móvil. Así, reconsideramos la pila de funciones, basándonos en estudios de mercado, tendencias y la probable evolución de la tecnología para presentar una nueva perspectiva sobre cómo la aplicación puede ofrecer valor a los usuarios.

Adoptando una perspectiva conductual, conceptualizamos recorridos de usuario que muestran cómo las características individuales suman más que la suma de las partes. En contacto permanente con el equipo de OLX, conciliamos esta visión futurista con una perspectiva realista de su proceso de desarrollo.

Leyenda del diagrama de flujo de la experiencia del usuario con tipos de iconos
Detalle del diagrama de flujo de la experiencia del usuario que documenta las características y el contenido
Lista de problemas de usabilidad en una aplicación móvil

VALIDACIÓN DE DISEÑO PARA LOS NUEVOS CONCEPTOS UX

A continuación, creamos conceptos de diseño UX para recorridos individuales. Expresamos nuestro pensamiento de diseño en forma de wireframes y prototipos interactivos.

Cada dos días poníamos al día al equipo de producto y al final de cada semana hacíamos una presentación al equipo de proyecto más amplio de OLX, que incluía marketing, vicepresidentes y desarrollo.

Les hicimos partícipes de nuestro pensamiento sobre el diseño y del razonamiento en que se basaban las decisiones de diseño, destacando los resultados esperados, las alternativas que se barajaron y las recomendaciones para la puesta en marcha. El proceso de toma de decisiones se documentó en Confluence, y en las llamadas semanales mantuvimos un fructífero intercambio de puntos de vista.

Flujo de cables de diseño de experiencia de usuario que muestra la búsqueda de coches en una aplicación móvil

Formación en diseño para el equipo del cliente

Una vez que dispusimos de conceptos de diseño de UX estables y de estilos de UI iniciales, volvimos a desplazarnos a Lisboa durante una semana. Durante ese tiempo, celebramos sesiones con los vicepresidentes de marketing y desarrollo para integrar el nuevo diseño y la visión del producto en su estrategia general.

Además, nuestros diseñadores formaron al equipo de diseño interno de OLX en el uso de los conceptos de diseño para seguir desarrollando la aplicación. Juntos acordamos un plan para desplegar los diseños gradualmente con pruebas minuciosas en cada paso.

Diseño UX interior de oficina de cliente en Lisboa
Sala de reuniones reservada para un taller de UX con Creative Navy
Interior de una sala de reuniones para un taller de UX en Lisboa

DISEÑOS UI COMO LENGUAJE VISUAL

El estilo de diseño de interfaz de usuario que creamos tenía que ser independiente de la marca, para permitir a OLX desarrollar una biblioteca de códigos que pudiera utilizarse en países con marcas diferentes. Además, redujimos la biblioteca de interfaz de usuario al mínimo para que el código fuera sencillo y la aplicación cargara rápido.

Probamos todos los diseños para asegurarnos de que se cumplen las normas de accesibilidad de las distintas jurisdicciones y documentamos todos los estilos en una biblioteca que pueden utilizar varios diseñadores a la vez.

Pantalla de inicio de la aplicación móvil antes del rediseño
Diseño de interfaz de usuario para aplicación móvil de búsqueda de coches
Concepto de diseño UX/UI para aplicación móvil de búsqueda de coches
Quotes

Ha sido muy gratificante trabajar con expertos de tan alto nivel para plasmar nuestras ideas en un diseño listo para ser aplicado.

Director de Diseño de Producto en OLX
Tiago CabaçoDirector de Diseño de Producto @ OLX
Captura de pantalla de Slack que muestra los comentarios de los clientes de diseño
Sala de reuniones en Lisboa para taller de UX
Detalle del coche utilizado en la aplicación móvil para coches usados
Elementos del diseño

A NEW DESIGN VISION READY TO BE IMPLEMENTED

Cuando OLX se puso en contacto con nosotros, se debatía entre la necesidad de reinventar la aplicación y la de empezar a desarrollarla pronto. No sabían cómo conciliar el pensamiento a largo plazo con el pragmatismo necesario para hacer que las cosas sucedieran.

En 10 semanas les dimos una visión sobre cómo las funciones exactas y una experiencia de usuario mejorada les diferenciarán en el mercado en los próximos años. Además, les dotamos de un conjunto de diseños para codificar y un sistema de diseño que su equipo de diseño utilizaría para elaborar el resto de la aplicación.

A lo largo del proyecto colaboramos estrechamente con los equipos de producto y diseño, compartiendo nuestras ideas, nuestra forma de pensar y nuestras herramientas. En varias ocasiones trabajamos codo con codo desde su oficina de Lisboa para facilitar la transferencia de conocimientos.

RESULTADOS

Flujos de usuario y lógica de interacción UX entregados en 6 semanas

Sistema de diseño independiente de la marca entregado en 4 semanas

Hoja de ruta de funciones con protocolos de prueba

Todo el pensamiento de diseño documentado en Confluence

Equipos de diseño y producto formados para desplegar la visión del diseño

Véase también

OTOMOTO APPLICATION

La aplicación es utilizada por 7 millones de usuarios al mes para comprar y vender coches.

AUTOVIT APPLICATION

La marca se utiliza en Rumanía y existe desde hace 18 años.

AUTO TRADER APPLICATION

La marca vertical de coches sudafricana es utilizada por millones de usuarios.

STANDVIRTUAL APPLICATION

La aplicación portuguesa es líder en el vertical de automóviles.