Produktdesign og konceptdesign til mobilapp

Fra idé til interaktiv prototype

Sikkerhed

Mobile App

Startup

Nærbillede af en brækket arm af en bruger af hændelsesrapporteringsappen.
KLIENTGreenlight
PLACERINGLondon
TEAMForsker, UX designer, systemarkitekt, UI designer, projektleder
PROJEKTETS HJEMMESIDE

Sam havde for nylig afsluttet sin ph.d.-afhandling om sikkerhedsprocedurer og indberetning af hændelser på arbejdspladsen. De indsigter, hun fik, ansporede hende til at starte en virksomhed, der gør det nemt at rapportere hændelser. Hun ønskede at skabe en prototype, der kunne omsætte hendes ideer til en rigtig mobilapp.

Hun kunne godt lide vores ekspertise i at arbejde med indsigter fra akademisk forskning. Vi var glade for at arbejde sammen med en dygtig ung grundlægger, der havde gjort sit hjemmearbejde. Det tog ikke lang tid, før vi satte gang i prototypedesignprojektet for at få hendes start-up op at stå.

VORES BIDRAG

Produktstrategi

Information Architecture

UX Design

Wireframing

Interactive Prototyping

UI Design

Branding

User Testing

App-design oven på et billede af et logistikcenter.

At omsætte en ph.d.-afhandling til UX-tænkning

Sam delte sin ph.d.-afhandling med os, plus en række forskningsartikler, en præsentation og et bogkapitel. Vi opsummerede og organiserede de indsigter, der var relevante for designet af prototypen. Vi skabte en idébank og en tjekliste over, hvad der ville gøre prototypen til et rigtig godt værktøj til indberetning af hændelser på arbejdspladsen.

Akademiske artikler brugt i designet af app-prototypen.

EN LOGISK INFORMATIONSARKITEKTUR

I uge 1 fokuserede vi på at skabe en informationsarkitektur, hvor brugerrejserne er så enkle som muligt. Vi var dog nødt til at planlægge en betydelig fleksibilitet, fordi hændelsesformularerne er forskellige afhængigt af typen af hændelse. Vi udforskede 3 arkitekturkoncepter. Det var dejligt at tale med Sam, forklare fordele og ulemper og integrere hendes perspektiv.

Diagram med rejsen i app-prototypen med kommentarer til venstre.

At støtte op om produktstrategien

Dette er Sams første start-up og hendes første erfaring med at skabe et digitalt produkt. Mens designerne arbejdede på prototypedesignet, organiserede vi et par separate sessioner for at forme den overordnede produktstrategi. Vi delte eksempler fra tidligere erfaringer med hende og hjalp hende med at forstå de muligheder, hun har for udvikling, finansiering, partnerskaber med early adopters, og hvordan hun kan iscenesætte udgivelsen af produktet.

Quotes

Først og fremmest vil jeg bare sige, at det var det fedeste nogensinde for mig at se det komme til live for første gang. Tusind tak for dit arbejde og alt, hvad du har gjort for at forme det. 

Billede af kunden af designbureauet.
Samantha GruskinGrundlægger @GREENLIGHT
Interiørkontor under et produktstrategimøde.

Appen begynder at tage form

Uge 2 og 3 var intense. Vi lavede 3 iterationer af wireframes og tilføjede designdetaljer hver gang. Først fandt vi ud af, hvordan vi kunne skabe et design til formularen, der kunne tilpasses både korte og komplekse rapporter. Dernæst designede vi en medium fidelity wireframe af hele processen, og til sidst indfangede vi de fine detaljer. På hvert trin involverede vi Sam, forklarede designtankegangen og fik hendes input. Sams kommentarer var spot on, og hun ejede visionen om, hvordan appen skulle se ud fra start til slut.

App wireframe designs i et diagram, der viser brugerflowet.

En overbevisende investor-demo

I uge 4 lavede vi brugertest. Vi lærte et par værdifulde ting og var nødt til at tilpasse brugerrejsen plus andre justeringer i rapportformularen. Da wireframes var færdige, samlede vi den endelige prototype.

I uge 5 arbejdede vi med UI-fortolkninger, hvor vi viste, hvordan appen kunne se ud med visuelt design. Vi brugte det samlede visuelle UI-design og skabte en investor-demo.

Fire skærmbilleder af det visuelle app-design fra investordemoen.
Designelementer

Prototype leveret på 4 uger

På 4 uger forvandlede vi Sams entusiasme og teoretiske ideer til en rigtig app, som brugerne kan lide. Det faktum, at hun var velforberedt, gjorde det muligt for os at fokusere på designløsninger og at have produktive samtaler efter hver designiteration.

Vi arbejdede tæt sammen med hende for at få mest muligt ud af hendes sparsomme budget. Ved at lave selv en lille smule brugertest forbedrede vi designet betydeligt. Da det kom til investordemoen, fokuserede vi på at vise, hvad investorer leder efter: et produkt, der tilfører værdi, og teamets evne til at eksekvere.

RESULTATER

Interaktiv prototype bygget på 4 uger

Fuldt dokumenteret til udvikling

Investor-demo skabt på 1 uge

To UI-udrulninger til branding-ideation