Mobiilisovelluksen tuotesuunnittelu ja konseptisuunnittelu

Ideasta interaktiiviseksi prototyypiksi

Turvallisuus

Mobiilisovellus

Startup

Lähikuva tapahtumailmoitussovelluksen käyttäjän murtuneesta kädestä.
ASIAKASGreenlight
SIJAINTILondon
TIIMITutkija, UX-suunnittelija, järjestelmäarkkitehti, UI-suunnittelija, projektipäällikkö
PROJEKTIN VERKKOSIVUSTO

Sam oli hiljattain saanut valmiiksi väitöskirjansa turvallisuusmenettelyistä ja vaaratilanteiden raportoinnista työpaikoilla. Hänen keräämänsä näkemykset antoivat pontta idealle perustaa start-up-yritys, joka tekee vaaratilanteiden raportoinnista helppoa. Hän halusi luoda prototyypin, joka muuntaa hänen ideansa todelliseksi mobiilisovellukseksi.

Hän piti asiantuntemuksestamme työskennellä akateemisen tutkimuksen tulosten pohjalta. Olimme iloisia saadessamme työskennellä älykkään nuoren perustajan kanssa, joka oli tehnyt kotiläksynsä. Ei kestänyt kauaa, kun käynnistimme prototyyppien suunnitteluprojektin, jotta hänen startup-yrityksensä saatiin käyntiin.

PANOKSEMME

Tuotestrategia

Tietoarkkitehtuuri

UX-suunnittelu

Viitekehys

Interaktiivisten prototyyppien luominen

UI-suunnittelu

Brändäys

Käyttäjätestaus

Sovellussuunnittelu logistiikkakeskuksen kuvan päällä.

Väitöskirjan muuttaminen UX-ajatteluksi

Sam kertoi meille väitöskirjastaan, tutkimusartikkeleista, esitelmästä ja kirjan luvusta. Teimme yhteenvedon ja järjestimme prototyypin suunnittelun kannalta olennaiset oivallukset. Loimme ideapankin sekä tarkistuslistan siitä, mikä tekisi prototyypistä todella hyvän työkalun työpaikan vaaratilanteiden raportointiin.

Sovelluksen prototyypin suunnittelussa käytetyt tieteelliset artikkelit.

JOHDONMUKAINEN TIETOARKKITEHTUURI

Viikolla 1 keskityimme luomaan tietoarkkitehtuurin, jossa käyttäjän matkat ovat mahdollisimman yksinkertaisia. Meidän oli kuitenkin varauduttava huomattavaan joustavuuteen, sillä tapahtumalomakkeet vaihtelevat tapahtumatyypin mukaan. Tutustuimme kolmeen arkkitehtuurikonseptiin. Oli hienoa käydä vuoropuhelua Samin kanssa, selittää hyvät ja huonot puolet ja integroida hänen näkökulmansa.

Kaavio matkasta sovelluksen prototyypissä, jossa vasemmalla on kommentteja.

Tuotestrategian tukeminen

Tämä on Samin ensimmäinen startup-yritys ja hänen ensimmäinen kokemuksensa digitaalisen tuotteen luomisesta. Kun suunnittelijat työskentelivät prototyypin parissa, järjestimme erillisiä istuntoja, joissa muotoilimme yleistä tuotestrategiaa. Jaoimme esimerkkejä aiemmista kokemuksista ja autoimme Samia ymmärtämään kehittämisvaihtoehtoja, rahoitusta, kumppanuuksia varhaisten omaksujien kanssa ja sitä, miten tuotteen lanseeraus tulisi järjestää.

Quotes

Ensinnäkin haluan vain sanoa, että minulle oli hienointa ikinä nähdä, kun tämä heräsi henkiin ensimmäistä kertaa. Kiitos paljon työstäsi ja kaikesta, mitä olet tehnyt sen muokkaamiseksi. 

Asiakkaan kuva suunnittelutoimistolle.
Samantha GruskinPerustaja @GREENLIGHT
Sisätilatoimisto tuotestrategiakokouksen aikana.

Sovellus alkaa muotoutua

Viikot 2 ja 3 olivat intensiivisiä. Teimme kolme iteraatiota viitekehyksistä ja lisäsimme suunnittelun yksityiskohtia joka kerta. Ensin selvitimme, miten luoda lomakkeelle muotoilu, joka soveltuu sekä lyhyisiin että monimutkaisiin raportteihin. Sitten loimme koko prosessia varten keskitarkan viitekehysmallin, ja viimeisessä iteraatiossa otimme käyttöön hienot yksityiskohdat. Jokaisessa vaiheessa otimme Samin mukaan, selitimme suunnitteluajattelua ja saimme hänen panoksensa. Samin kommentit osuivat nappiin, ja hänellä oli visio siitä, miltä sovellus näyttäisi alusta loppuun.

Sovellusten viitekehysten suunnittelu kaaviossa, josta käy ilmi käyttäjävirta.

Vakuuttava sijoittajaesittely

Viikolla 4 teimme käyttäjätestausta. Opimme arvokkaita asioita ja jouduimme mukauttamaan käyttäjäkokemusta sekä tekemään muita muutoksia raporttilomakkeeseen. Kun viitekehykset olivat valmiit, kokosimme lopullisen prototyypin.

Viikolla 5 työskentelimme UI-tulkintojen parissa, jossa näytimme, miltä sovellus voisi näyttää visuaalisen suunnittelun avulla. Käytimme koottua visuaalista UI-suunnittelua ja loimme sijoittajademon.

Neljä kuvakaappausta sovelluksen visuaalisesta suunnittelusta sijoittajaesittelyssä.
Suunnitteluelementit

Prototyyppi toimitettiin 4 viikossa

Neljässä viikossa muutimme Samin innostuksen ja teoreettiset ideat todelliseksi sovellukseksi, jota käyttäjät rakastavat. Se, että hän oli hyvin valmistautunut, antoi meille mahdollisuuden keskittyä suunnitteluratkaisuihin ja käydä hedelmällisiä keskusteluja jokaisen suunnittelun iteraation jälkeen.

Teimme tiivistä yhteistyötä hänen kanssaan, jotta saimme parhaan mahdollisen hyödyn hänen budjetistaan. Kun teimme myös käyttäjätestausta, pystyimme parantamaan suunnittelua merkittävästi. Sijoittajademoa varten keskityimme näyttämään, mitä sijoittajat etsivät: tuotetta, joka tuo lisäarvoa, ja tiimin kykyä toteuttaa se.

TULOKSET

Interaktiivinen prototyyppi rakennettiin 4 viikossa

Täysin dokumentoitu kehittämistä varten

Sijoittajan demo luotu 1 viikossa

Kaksi UI:n käyttöönottoa brändi-ideoita varten