Monesti kuva kertoo enemmän kuin tuhat sanaa, ja me North Patrolissa olemme huomanneet tämän myös lukuisissa projekteissamme. Ajatustyön visualisoinnint, kuten rautalankamallit ja prototyypit, lisäävät paremmin yhteistä ymmärrystä siitä, mitä ollaan tekemässä, ja ne helpottavat hyväksynnän saamista päättäviltä tahoilta sekä auttavat ja ohjaavat toteutustyötä.
North Patrol on suunnitteluun erikoistunut konsulttitoimisto. Suunnittelemme, autamme teknologiavalinnoissa, kilpailutamme. Emme myy toteutusprojekteja, emmekä lisenssejä, olemme aidosti asiakkaan puolella.
Käytämme North Patrolilla rautalankamalleja ja prototyyppejä konkretisoimaan projektin edetessä tekemäämme ajatustyötä. Toki erilaisten prosessien kuvaamiseen on paljon muitakin työkaluja (mm. service blueprintit ja muut erilaiset vuokaaviot), mutta rautalangat ja protot soveltuvat nimenomaisesti käyttöliittymätason toiminnallisuuksien kuvaamiseen. Näiden visualisointimallien avulla voimme nopeasti pallotella ja punnita useita ideoita yhtä aikaa tai perehtyä huolella jonkin yksittäisen toiminnallisuuden testaamiseen loppukäyttäjillä. Niitä voi myös ajatella välineinä saman asian tarkastelemiseen eri näkökulmista, konkretian lisääntyessä rautalangoista prototyyppeihin siirryttäessä. Terminologialla ei käytännössä ole väliä vaan sillä, kuinka hyvin malli kuvaa ideaa.
Mitä tarkoitamme puhuessamme rautalangoista ja protoista?
Rautalankamallit voivat nimensä mukaisesti olla ulkoasultaan karuja, vaikkapa vain paperinpalalle nopeasti kuulakärkikynällä piirrettyjä laatikoita ja viivoja. Rautalankojen vahvuus on nimenomaan se, että niiden avulla voidaan generoida nopeasti paljon erilaisia ideoita – ensimmäisenä mieleenjuolahtanut ajatus ei yleensä ole se oikeasti paras vaihtoehto. Ja koska turhien yksityiskohtien hiomiseen ei ole uhrattu aikaa, voidaan tarpeettomat ehdotukset hylätä ilman sen suurempia tunnontuskia ja hyvällä omatunnolla sanoa, että ”mietittiin tätäkin vaihtoehtoa, mutta se ei ollut meille sopiva, koska…”. Mitä nopeammin löydetään ne olennaiset asiat, joihin keskittyä, sen parempi.
Prototyypit ovat rautalankoihin verrattuna yleensä paljon hiotumpia, joskus jopa brändättyjä, kokonaisuuksia, joissa voi olla pikkutarkkojakin interaktioita ja animaatioita. Prototyypeillä voidaan testata jo pitkälle mietittyjä toiminnallisuuksia loppukäyttäjillä tai muilla sidosryhmillä. Ne myös auttavat rautalankoja paremmin visualisoimaan, millaiselta palvelu voisi tulevaisuudessa näyttää; ihminen on visuaalinen olento ja moni hahmottaa tietyt asiat paremmin oikeassa kontekstissa. Lopulta kuitenkin prototyyppien perimmäinen tarkoitus on tehtyjen päätösten toimivuuden ja oikeellisuuden validointi.
Rautalankojen kertakäyttöisyys on itsestään selvää, mutta prototyyppikin on tarkoitus voida hylätä sen jälkeen, kun se on täyttänyt tehtävänsä. Kummankaan ei ole pakko näyttää lopulliselta palvelulta. Ei siis pidä sekoittaa prototyyppejä pikselilleen hiottuihin ja uudelleenkäytettäviin design-systeemeihin. Tottakai, jos käytettävissä on jo oma design-systeemi, sitä kannattaa ehdottomasti hyödyntää – valmiit komponentit nopeuttavat visualisointityötä huomattavasti. Olemme mekin North Patrolilla rakentaneet itsellemme rautalankojen ja protojen rakentamista helpottavan ja nopeuttavan geneerisen design-systeemin, jota käytämme asiakasprojekteissa. Mutta mikään pohjavaatimus sellainen ei ole.
Miten hyödynnämme rautalankoja ja protoja suunnitteluprosessin aikana?
Rautalankamallit ja prototyypit sujahtavat North Patrolin projektimalliin luontevasti. Usein suunnittelu aloitetaan jo esiselvitysvaiheessa, ja sitä jatketaan konseptisuunnittelun ja vaatimusmäärittelyn yhteydessä. Näissä vaiheissa visualisoinnit ovat erityisen isossa roolissa, mutta myös prosessin loppupuolella rautalankoja ja protoja kannattaa hyödyntää yhteisen ymmärryksen lisäämiseksi.
Esiselvitys ja konseptisuunnittelu
Esiselvitysvaiheessa on erityisen tärkeää, että voidaan nopeasti generoida yhtäaikaisesti monia ideoita ja pohtia sekä niiden hyviä että huonoja puolia. Tähän rautalankamallit sopivat erinomaisesti. Esimerkiksi verkkopalvelun konseptointia varten rautalankojen avulla voidaan nopeasti havainnollistaa useita erilaisia sivutyyppejä ja niiden kytkökset toisiinsa ylätasolla, löytää vielä lisäselvittelyä kaipaavat kohdat sekä haudata epäolennaiset vaihtoehdot. Avainsanoja ovat määrä ja nopeus, jotta ne oikeat ideat saadaan pikaisesti jatkojalostettaviksi.
Vaatimusmäärittely
Harva meistä on selkeän yleiskielen suvereeni taitaja tai Päätalon veroinen sanaseppä, jolloin vaatimusmäärittelyyn vuodatettu teksti saattaa olla selvää yhdelle, mutta toiselle ei. Ihmiset hahmottavat asioita eri tavoin, joten tekstisisällön selventäminen ja täydentäminen visuaalisin keinoin on tärkeää ja dokumentin lukijan huomioon ottavaa.
Sisältörakenteen kuvaamisessa kirjallisesti on omat haasteensa, jolloin rautalankamalli, johon on rakennettu siirtymät eri tasojen/sivujen välillä, on kullanarvoinen navigaation toimintalogiikan esiintuomisessa. Tai vaatimusmäärittelyn lisänä toimitettava klikkailtava prototyyppi auttaa projektiryhmää hahmottamaan paremmin sovittuja asioita.
Ennen kuin palvelun toimittajaa on edes valittu tai yhtäkään koodiriviä vielä kirjoitettu, voidaan prototyypin avulla jo testata suunniteltuja toiminnallisia ratkaisuja vaikka ihan oikeilla käyttäjillä. Mitä monimutkaisempi toiminnallisuus, sen tarkemmin se pitää miettiä ja testata, ja sen paremmin myös prototyyppi puolustaa paikkaansa suunnittelun apuvälineenä.
Kilpailutus ja toteutusvaiheen tuki
Jos vaatimusmäärittelyn liitteenä on havainnollistavia rautalankoja tai protoja, helpottavat ne potentiaalisia toimittajia antamaan sopivampia ratkaisuehdotuksia jo tarjousvaiheessa, ja sitten toteutusvaiheessa tekemään informoidumpia päätöksiä eikä heidän tarvitse aloittaa tyhjältä pöydältä. Toteutuksen näkökulmasta rautalankojen ja prototyyppien ei ole tarkoitus olla kiveen hakattuja eikä pilkulleen noudatettavia säännöstöjä, mutta ne ovat hyviä lähtöpisteitä ja tarjoavat perustelut sille, miksi asiakas haluaa jonkin tietyn osion toimivan niin kuin se on määritelty. Suunnitelmat kuitenkin aina muuttuvat ja tarkentuvat matkan varrella, mutta ei jo valmiiksi tehtyä ajattelutyötä kannata hukkaankaan heittää.
Palvelun jatkuva kehittäminen ja ongelmatilanteiden ratkaisu
Silläkin uhalla, että kuulostan rikkinäiseltä levyltä: rautalangat ja protot ovat erinomaisia työkaluja myös palvelun jatkokehittämisessä sekä matkan varrella ilmaantuvien käyttöliittymäongelmien ratkaisemisessa. Mittakaava voi olla pienempi ja pistemäisempi, mutta työkalujen avulla saatavat oivallukset ovat yhtä hyödyllisiä läpi koko palvelun elinkaaren.
Lopuksi
Tässä kirjoituksessa olen kuvannut, miten käytämme rautalankamalleja ja prototyyppejä North Patrolin projektimallin eri vaiheissa, jotka pääosin ajoittuvat aikaan ennen projektin varsinaisen toteutustyön aloittamista. Mutta myös toteutusprojektin aikana rautalangat ja protot ovat tärkeässä roolissa niin käyttöliittymätestauksessa, suunnittelijoiden ja koodareiden välisen kommunikaation helpottamisessa kuin toteutustiimin ja sen sidosryhmien kartalla pitämisessäkin.
Rautalankamallit ja prototyypit helpottavat projektia niin monessa vaiheessa, että niiden hyödyntämättä jättäminen on kuin niittaisi oman paidanhihansa pöytään kiinni – miksi ihmeessä kukaan tekisi niin? Molempien metodien on tarkoitus nopeuttaa ajattelutyötä, jolloin ne myös piirretään nopealla aikataululla eivätkä ne näin ollen ole lopulta mikään ylitsepääsemätön kustannuseräkään. Hyvin suunniteltu on puoliksi tehty – ja nähty vaiva maksaa itsensä nopeasti takaisin niin rahassa kuin selkeydessäkin.
PS. Sinua voisi kiinnostaa tulossa oleva ilmainen webinaarimme: Hakukoneoptimointi sisällöntuottajille ja uuden sivuston suunnittelijalle (30.10.2024 klo 10:00). Ilmoittaudu webinaariin