UX- og UI-design til strategisk produktudvikling

En designvision for køb af biler

Biler

Mobile App

Europa

Udsigt over Lissabon fra UX-klientkontor
KLIENTOLX GROUP Ltd.
PLACERINGLissabon, Portugal
TEAMUX designer, UI designer, interaction designer, project manager, product owner, software architect
HJEMMESIDE

OLX er verdens førende markedsplads for rubrikannoncer. I bilbranchen køber og sælger millioner af brugere biler, cykler og reservedele.

OLX opdagede, at brugeroplevelsen på bilappen og mobilwebben var utilfredsstillende. De hyrede os som en ekstern UX/UI-konsulent til at skabe en langsigtet designvision for deres interne designteam.

Vi arbejdede med UX- og UI-design af udvalgte moduler. Ved at skabe UX-koncepter og UI-design nåede vi til det punkt, hvor vi udstyrede deres designteam med et fuldt funktionelt designsystem.

VORES BIDRAG

UX Design

UX Flow

Prototyping

Konceptdesign

Interaction Design

UI Design - Design System

Design Validation

Kvalitetssikring

Rød bil kører ned ad palmevej

DESIGN-KICK-OFF I LISSABON

To designere og projektlederen besøgte OLX i Lissabon til en 3-dages workshop. Vi dykkede dybt ned i de brugerundersøgelsesresultater, de havde indsamlet, markedsføringsindsigter og deres designteams tidligere forsøg på at løse problemet. Vi fik mulighed for at tale med de forskellige interessenter og med afdelinger i forskellige lande, hvor bilbranchen er vigtig.

Vi blev enige om prioriteter og en køreplan for de kommende uger.

Udsigt fra kundens kontor i Lissabon
Udsigt fra Lissabon
Kundens kontor i Lissabon

EN LOGIK, DER BRINGER FUNKTIONER OG REJSER SAMMEN

Formålet var at skabe en langsigtet vision for mobiloplevelsen. Derfor genovervejede vi funktionsstakken og trak på markedsundersøgelser, tendenser og den sandsynlige teknologiske udvikling for at præsentere et nyt perspektiv på, hvordan appen kan tilbyde værdi til brugerne.

Ud fra et adfærdsmæssigt perspektiv konceptualiserede vi brugerrejser, der viser, hvordan de enkelte funktioner tilsammen giver mere end summen af delene. Ved at være i konstant kontakt med OLX-teamet forenede vi denne futuristiske vision med et realistisk syn på deres udviklingspipeline.

Brugeroplevelse flowdiagram legende med ikontyper
Detalje af flowdiagram for brugeroplevelse, der dokumenterer funktioner og indhold
Liste over brugervenlighedsproblemer i en mobilapplikation

DESIGNVALIDERING AF DE NYE UX-KONCEPTER

Dernæst skabte vi UX-designkoncepter for individuelle rejser. Vi udtrykte vores designtænkning i form af wireframes og interaktive prototyper.

Hver anden dag leverede vi en opdatering til produktteamet, og i slutningen af hver uge præsenterede vi den for det bredere OLX-projektteam, der omfattede marketing, VP'er og udvikling.

Vi indviede dem i vores designtænkning og ræsonnementet bag designbeslutninger, fremhævede forventede resultater, alternativer, der blev overvejet, og anbefalinger til udrulning. Beslutningsprocessen blev dokumenteret i Confluence, og i de ugentlige opkald havde vi en frugtbar udveksling, hvor flere synspunkter blev delt.

Brugeroplevelse design wire flow, der viser bilsøgning i en mobilapplikation

Designtræning for kundens team

Da vi havde stabile UX-designkoncepter og de første UI-styles, var vi igen samlet i Lissabon i en uge. I denne periode gennemførte vi sessioner med vicedirektørerne for marketing og udvikling for at integrere det nye design og produktvisionen i deres bredere strategi.

Derudover trænede vores designere OLX's interne designteam i at bruge designkoncepterne til at videreudvikle appen. Sammen blev vi enige om en plan for gradvis udrulning af designene med omhyggelige test på hvert trin.

UX design kundekontorinteriør i Lissabon
Mødelokale booket til UX-workshop med Creative Navy
Mødelokale interiør til UX workshop i Lissabon

UI-DESIGN SOM ET VISUELT SPROG

Den UI-designstil, vi skabte, skulle være brand-agnostisk, så OLX kunne udvikle ét kodebibliotek, der kunne bruges i lande med forskellige brands. Derudover reducerede vi UI-biblioteket til et minimum for at holde koden ligetil og for at understøtte en app, der loader hurtigt.

Vi testede alle designs for at sikre, at tilgængelighedsstandarder i forskellige jurisdiktioner blev overholdt, og dokumenterede alle stilarter i et bibliotek, der kan bruges af flere designere på samme tid.

Mobilapplikations startskærm før redesign
Brugergrænsefladedesign til bilsøgning mobilapplikation
UX/UI Designkoncept til bilsøgning mobilapplikation
Quotes

Det betød meget at arbejde sammen med så dygtige eksperter om at omsætte vores ideer til et implementeringsklart design, og jeg værdsætter virkelig jeres åbne tilgang.

Direktør for produktdesign og forskning at OLX
Tiago CabaçoDirektør for produktdesign og forskning @ OLX
Skærmbillede fra Slack, der viser feedback fra designkunder
Mødelokale i Lissabon til UX-workshop
Detalje af bil brugt i mobilapp til brugte biler
Designelementer

ET NYT DESIGN KLAR TIL AT BLIVE IMPLEMENTERET

Da OLX henvendte sig til os, var de splittet mellem behovet for at genopfinde appen og behovet for at starte udviklingen snart. De var usikre på, hvordan de skulle forene langsigtet tænkning med den pragmatisme, der var nødvendig for at få tingene til at ske.

På 10 uger gav vi dem en vision om, hvordan netop funktioner og en forbedret brugeroplevelse vil skille dem ud på markedet i de kommende år. Derudover udstyrede vi dem med et sæt designs, der skulle kodes, og et designsystem, som deres designteam kunne bruge til at udarbejde resten af appen.

Gennem hele projektet arbejdede vi tæt sammen med produkt- og designteamene og delte vores indsigt, vores måde at tænke på og vores værktøjer. Ved flere lejligheder arbejdede vi side om side fra deres kontor i Lissabon for at lette overførslen af viden.

RESULTATER

Brugerflows og UX-interaktionslogik leveret på 6 uger

Brand-agnostisk designsystem leveret på 4 uger

Køreplan for funktioner med testprotokoller

Al designtænkning dokumenteret i Confluence

Design- og produktteams uddannet til at udrulle designvisionen

Se også

OTOMOTO APPLIKATION

Applikationen bruges af 7 millioner brugere om måneden til at købe og sælge biler.

AUTOVIT APPLIKATION

Mærket bruges i Rumænien, og det har eksisteret i 18 år.

AUTO TRADER APPLIKATION

Det sydafrikanske vertikale bilmærke bruges af millioner af brugere.

STANDVIRTUAL APPLIKATION

Den portugisiske app er førende inden for bilbranchen.