<img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=1603620&fmt=gif"/>
Produktdesign och konceptdesign för en mobilapp

Från idé till interaktiv prototyp

Säkerhet

Mobilapp

Startup

Närbild av en bruten arm hos en användare av appen för incidentrapportering.
KLIENTGreenlight
PLATSLondon
TEAMForskare, UX-designer, systemarkitekt, UI-designer, projektledare
PROJEKTETS WEBBPLATS

Sam hade nyligen avslutat sin doktorsavhandling om säkerhetsrutiner och incidentrapportering på arbetsplatsen. De insikter hon samlade in gav upphov till en idé om ett nystartat företag som gör det enkelt att rapportera incidenter. Hon ville skapa en prototyp som översätter hennes idéer till en riktig mobilapp.

Hon gillade vår expertis när det gäller att arbeta med insikter från akademisk forskning. Vi var glada över att få arbeta med en smart ung grundare som hade gjort sin hemläxa. Det tog inte lång tid innan vi sparkade igång prototypdesignprojektet för att få igång hennes startup.

VÅRA BIDRAG

Produktstrategi

Informationsarkitektur

UX Design

Wireframing

Interaktiv prototypframställning

UI Design

Varumärkesprofilering

Användartestning

Appdesign ovanpå en bild av ett logistikcenter.

Att omvandla en doktorsavhandling till UX-tänkande

Sam delade med sig av sin doktorsavhandling, en rad forskningsartiklar, en presentation och ett bokkapitel. Vi sammanfattade och organiserade de insikter som var relevanta för utformningen av prototypen. Vi skapade en bank av idéer, plus en checklista över vad som skulle göra prototypen till ett riktigt bra verktyg för att rapportera incidenter på arbetsplatsen.

Akademiska artiklar som användes vid utformningen av app-prototypen.

EN LOGISK INFORMATIONSARKITEKTUR

Under vecka 1 fokuserade vi på att skapa en informationsarkitektur där användarresorna är så enkla som möjligt. Vi var dock tvungna att planera för en betydande flexibilitet eftersom incidentformulären skiljer sig åt beroende på vilken typ av incident det rör sig om. Vi utforskade 3 arkitekturkoncept. Det var härligt att delta i samtal med Sam, förklara för- och nackdelar och integrera hennes perspektiv.

Diagram över resan i app-prototypen med kommentarer till vänster.

Stödja produktstrategin

Det här är Sams första startup och hennes första erfarenhet av att skapa en digital produkt. Medan formgivarna arbetade med prototypen organiserade vi några separata möten för att utforma den övergripande produktstrategin. Vi delade exempel från tidigare erfarenheter med henne och hjälpte henne att förstå vilka alternativ hon har för utveckling, finansiering, partnerskap med tidiga användare och hur hon ska lägga upp lanseringen av produkten.

Quotes

Låt mig först och främst säga att det var det häftigaste jag någonsin upplevt när jag såg den här filmen leva för första gången. Tack så mycket för ert arbete och allt ni har gjort för att utforma det.

Bild på designbyråns kund.
Samantha GruskinGrundare @GREENLIGHT
Interiörkontor under ett produktstrategimöte.

Appen börjar ta form

Veckorna 2 och 3 var intensiva. Vi gjorde tre iterationer av wireframes och lade till designdetaljer varje gång. Först tog vi reda på hur vi skulle skapa en design för formuläret som kan anpassas till både korta och komplexa rapporter. Därefter utformade vi en wireframe med medelhög fidelitet av hela processen och i det sista goet fångade vi de fina detaljerna. Vid varje steg involverade vi Sam, förklarade designtänkandet och fick hennes input. Sams kommentarer var helt rätt och hon ägde visionen av vad appen skulle bli från början till slut.

App wireframe designar ett diagram som visar användarflödet.

En övertygande investerardemo

Under vecka 4 genomförde vi användartester. Vi lärde oss några värdefulla saker och var tvungna att anpassa användarresan och göra andra ändringar i rapportformuläret. När wireframes var klara satte vi ihop den slutliga prototypen.

Under vecka 5 arbetade vi med UI-tolkningar och visade hur appen skulle kunna se ut med visuell design. Vi använde den visuella UI-designen som samlades och skapade en investerardemo.

Fyra skärmdumpar av den visuella appdesignen från investerardemonstrationen.
Designelement

Prototypen levererades på 4 veckor

På fyra veckor omvandlade vi Sams entusiasm och teoretiska idéer till en riktig app som användarna gillar. Det faktum att hon var väl förberedd gjorde det möjligt för oss att fokusera på designlösningar och att ha produktiva samtal efter varje design iteration.

Vi samarbetade nära med henne för att få ut det mesta av hennes bootstrappade budget. Genom att göra även lite användartester förbättrade vi designen avsevärt. När det gällde investerardemonstrationen fokuserade vi på att visa vad investerare letar efter: en produkt som ger mervärde och teamets förmåga att genomföra.

RESULTAT

Interaktiv prototyp byggd på 4 veckor

Fullständigt dokumenterad för utveckling

Investor demo skapades på 1 vecka

Två UI-rullningar för varumärkesidéer