# Tissainii odottamattomii paikkoihi

_2016-02-20 · Pekka Hartikainen_

> Keissi Oppex: julkisist hankinnoist seksikkäit.

Julkisil hankinnoil tarkotetaa [tavaroin ja palveluloin hankintaa julkisen toimijan puolest](https://en.wikipedia.org/wiki/Government_procurement), vaikkapa valtion viraston. Kuulostaaks tylsält ja työläält? Useimmitte se voi ollakki, mut nii ei tarvii olla. Kiinnostavaa o, et julkine sektori ostaa kaikkii koriskentist miekkoihi – ja niihikki järjestetää omat hankintasa.

### Tulkoo valo

Moni kuluttajil suunnattu digipalvelu o tuottant käyttäjäystävällisii digituotteit tissain eel, mut osa b2b-palveluist laahaa perässä. Tissainajattelun välttelyy on keksitty monenlaist tekosyytä:

* Käyttäjät tarvitsoot vaa tietoo työnsä tekemisee, ei tissainii.

* Näit palveluloi käytetää vaa pöytäkonneel.

* Palvelun ei tarvii näyttää hyvält, sen käyttämine o jonku työ.

* Tää ei oo seksikäst bisnestä.

Ihan samoi perusteluloi on käytetty kulutuselektroniikast, vaikkapa tietokoneist. Ois ollu aika [rohkee väite 1960-luvul, et teolline muotoilu ois joskus tietokoneloin tärkee myyntivaltti](https://www.google.fi/search?q=1960s+computer+design&source=lnms&tbm=isch&sa=X&ved=0ahUKEwjKy9OBoobLAhWFCywKHdqsBzEQ_AUIBygB&biw=1673&bih=1025).

Palvelun tarkotuksest tai toimialast riippumatta **ihmiset käyttäät sitä**. Siks samat tissainperiaatteet pätöö myös b2b-palveluihi, vaik kyse ois julkisten hankintoloin hakukoneist. Kyse o vaa siit, kuka haluu suunnitella parhaan palvelun just sil toimialal.

### Lähtötilanne

Syyskuus 2015 myö alotimma oppex.comin uuistuksen monitaitosen porukan kans, mis oli markkinoijii, kehittäjii ja tissainereit. **Oppex** o maailman suurin julkisten hankintailmotuksii hakukone, mikä kattaa yli 1,5 miljoonaa ilmotust vuuves.

Sivusto oli jo julkastu, mut se kaipas uuistust: visuaaline ilme oli sekava, mobiilioptimointi vaati parannust ja käyttäjät pyys koko ajan toiminnoi, mitkä oli jo käyttöliittymäs – ne ei vaa löytänneet niit.

![Vanha Oppex](https://pekkahartikainen.fi/images/blog/applying-design-in-unexpected-places/old-oppex.webp)

*oppex.comin vanha etusivu*

**Alkuperäset tavotteet oli:**

* uuistaa hakukäyttöliittymä ja tehä siit visuaalisest houkutteleva

* parantaa mobiilikäytettävyyt

* tehä haust käyttäjäystävällisemp ja tarkennetuist hakusuotimist helpommi löyettävii

* uuistaa koko teknologiapino, et uuet toiminnot (niinku pikahaku) tulis mahollisiks ja kehityssyklit nopeutuis

* **tuua tissain odottamattomaa paikkaa** – toimialal, mis tissainin taso oli paljo matalamp ku eturivin b2c-palveluis

## Vaikutust sisältäpäi

Miut palkattii talon omaks Lead Designeriks – tää oli jännää, ku se takas ylellisyyen tehä pitkän aikavälin tissainpäätöksii, suunnitella perusteellisest ja jutella suoraa muitte tiimiläisten kans. **Vaik verkkotuotteitte tekemisen työkalut on parantunneet, myös vaatimukset on kasvanneet, ja palveluloin suunnittelu ja koodaamine on mutkistunt, ku käyttäjii pitää palvella eri alustoil ja laitteil.** Erinomaset verkkotuotteet vaatii aina sen ylimääräsen panostuksen tissainin yksityiskohtii ja testauksee, ja huippuluokan työn tekemine oli käynt tosi vaikeeks digitoimistos tai tilapäisen palkkasoturin. Kaukan on ne ajat, ku tissaintoimisto pudotti kehittäjil yhen kaikil sopivan desktop-käyttöliittymän toteutettavaks.

### Pienin askelin

**Ensimmäine askel oli muuttaa koko tiimin tissainidentiteetti** – kyse ei ollu ennää *”niist firmoist, joil o tissainii”*, vaa myö pystyttii samaa. Ja viel paremmi. Tänää. Avain oli ymmärtää yhes, et tissainil ei oo rajoi – toimialast riippumatta. Kyse o pikemminki päätöksest: priorisoijaanko tissainii oikeest vai ei. Et tissaintietoisuus kasvais, mie vejin vapaaehtosii tissaintyöpajoi kaikil työntekijöil. Paras tapa oppia ja ymmärtää tissainii o kokeilla sitä ite… ja pittää samal vähä hauskaa. Miu mielest työpajoin tärkein oivallus oli, et tissain o työtä ja paranoo, ku siihe käyttää enemmä tuntei.

**Toine askel oli tehä tissainist mahollisimma läpinäkyvää** – mie jaoin keskeneräsii mockupei koko ajan Slackis, kysyin mielipiteit kaikilt (en vaa niilt, jotka teki suoraa sen ominaisuuen parissa) ja kannustin kehittäjii ja tuotepäälliköit tekemää omii luonnoksii ja rautalankamallei. Tissainii on paljo helpomp reagoija ja antaa palautetta, ku o mukan prosessis alust ast ja ymmärtää ongelmakentän paremmi. **Kolmas ja haastavin askel oli tissainprosessin luomine.** Eli mahollisimma sujuvan työnkulun keksimine tuotepäälliköin, tissainereitte ja kehittäjiin välil, et laadukas tuote valmistuis ajallaa. Aihees löytyy netist [paljo neuvoi ja blogikirjotuksii](https://medium.com/design-optimizely/the-structure-of-optimizely-s-design-team-97e5eb3ed712#.sv5w4zq8g), mut niitte toteuttamine organisaatios, mihi o just tullu, on ihan eri juttu. Onneks meit ei painant ”näin on aina tehty” -taakka, ku meiän tiimi oli aika nuori ja siin oli monta uutta työntekijää. Lisäks perustajat tuki ja kannusti meit käyttämää parhait ja uusimpii työtapoi, oli kyse sit työkaluist tai työnkulust.

### Tiimilöin yhistämine

Tissainin yhistämine tuotetiimii oli aika helppoo. UX:n kannalt tilanne oli tissainil tosi hyvä: tuotetiimi keräs paljo dataa käyttäjiin käyttäytymisest ja jutteli koko ajan asiakkaitte kans. Dialogi syveni entisestää, ku myö tehtii viikon mittase kenttämatkan meiän päämarkkinoil Isoo-Britanniaa haastattelemaa käyttäjii niitte julkisii hankintoihi liittyvist tarpeist. **Avain oli tuotetiimin, asiakkaitte ja tissaintiimin välinen dialogi ja se, et ymmärrettii jokasen ryhmän prioriteetit ja huolet.** Suurin haaste oli saaha tissainresurssit vastaamaa bisnestiimin energiaa.

Tissainin ja teknologian yhistämisen oletettii olevan hankalamp. Ku miul oli kokemust sekä frontend-kehityksest et tissainist, miul oli monta keinoo kuroo umpee tissainin ja kehityksen välist kuilua. Ku tissain o mockup- tai konseptitasol, työkaluil ei juur oo välii. Ku ohjelmistokehitys alkaa, kuilun kuromine umpee o välttämätönt.

**Ensin mie toimitin Illustrator-tieostoi** ja yritin opettaa kehittäjät toteuttamaa niitte pohjalt tissainin ensimmäiset kierrokset. Tää ei toiminu ollenkaa. Vaik tissainit ei ollu kovin monimutkasii ja interaktiot oli helppo selittää, kehitystiimi ei vaa tuntent oloosa kotosaks Illustratorin maailmas. **Toiseks** mie lisäsin työnkulkuu korkean tason HTML-prototyypit. Laatu parani vähä, ja interaktiot oli nyt selitetty selkeest prototyypis. Silti toiminnot siirtyi kehitysympäristöö hitaast, eikä niit toteutettu oikei. Se sai miut miettimää: samal ku käyää jatkuvaa keskustelluu siit, [pitäiskö tissainereitte opetella koodaamaa](https://www.google.fi/webhp?sourceid=chrome-instant&ion=1&espv=2&ie=UTF-8#q=designers+should+learn+to+code), vois olla parempi idea parantaa tiimilöin välist viestintää, opettaa kehittäjil tissainperiaatteit tai [tissainereil bisnestä](https://medium.com/@joshuantaylor/designers-shouldn-t-code-they-should-study-business-dc3e7e203d39#.fuvv8mekt), et tiimi suunnittelis heti alus oikeet asiat, jos toteutus o joka tapaukses tuskaine.

Vaik tissaineril ois yksisarvisen ominaisuuksii, se ei tarkota, et tissainin ja kehityksen välinen kuilu ois kurottu umpee ja kaik ongelmat ratkastu. **Se tarkottaa vaa, et tissainer viettää enemmä aikaa koodieditoris eikä juttele asiakkaitte kans.** Tää voi johtaa tilanteesee, mis kehitetää vääri asioi ja aikaa haaskataa. Monipuoline tissainer voi myös luoha upouusii ongelmii, joitte olemassaolost ei ees tietänt.

Sen sijaa tiimilöin välist viestintää pitäis lisätä. Ja joo, kehittäjät voi tehä vähä tissainii, tissainerit vähä koodii ja tuotepäälliköt vähä tissainii. Mut ensisijasest ihmisten pitäis tehä niit juttui, mis ne loistaa.

**Kolmanneks** myö tehtii tiiminä ainoo oikee valinta – lisättii tissainin ja kehityksen välist viestintää, käytii kipupisteet läpi ja ryhyttii töihi. Tää tarkotti, et myö tehtii yhes elävä, modulaarine tyyliopas, sovittii gridist, tehtii tissainereil React-hiekkalaatikko, ettei käyttöliittymää tarvinnu koodata kahtee kertaa, ja istuttii vierekkäi, ku tehtii tissain- ja kehityspäätöksii. Kuka vaa, ken osas tehä homman, teki sen käyntikortin tittelist riippumatta. Tätä parannettii viikko viikolt, ja tiimii just liittynt kokenut scrum master vauhitti menoo entisestää.

Tissain o työtä monel eri tavval.

### Iterointii, iterointii…

Ku ensimmäine kehitysversio oli pystys, alko iterointikierrokset, mitkä teki sovelluksest joka viikko paremma. Verkkosovelluksen mobiiliystävällisyys vaikuttaa paljo koko kehitys- ja tissainprosessii. Vaik mobiilikäyttöö pietää nykyää itsestäänselvyytenä, meiän tapaukses 80 % liikentehest tuli pöytäkoneilt, eikä syyttä.

Tyypilline käyttäjä selas ilmotuksii toimistol työaikaa. **Käyttäjät kuitenki tulloo palveluu eri laitteilt, ku ne lukkee sähköpostihälytyksii, SEO tykkää mobiilist, ja markkinoinnin kannalt o tärkeetä, et sivusto o saavutettavis käyttötilantehest riippumatta.** Myö päätettii, et palvelua pitää voija esitellä, vaik esittelijä ois joku satunnaine kaveri baaris kännykkä käes.

Verkkosovelluksen saamine näyttämää mobiiliystävälliselt ja sen tekemine oikeest mobiiliystävälliseks on kaks ihan eri asiaa. Ensimmäine vaatii vaa gridin käyttöönoton, jälkimmäine perusteellist testausta eri laitteil ja UI-komponenttiloin hienosäätöö. Tää vaatii päättäväisyyttä ja johonmukaisuutta sekä tissainilt et kehityksel. Hyvä puol o, et mobiili auttaa karsimaa ylimääräset ominaisuuet ja keskittymää olennaisee.

Uus teknologiapino (frontendis reactJS) anto meil mahollisuuen tehä ominaisuuksist parempii ja välittömii – teknologia ei ennää rajottant sitä, mitä myö pystyttii tekemää. Vaik alus oli paljo opittavaa, kehityssyklit on lyhentynneet koko ajan oikeen teknologian, paremman tiimityön ja paremman suunnittelun ansiost.

Visuaalisel puolel myö päätettii panostaa maailmanluokan kuvituksii sen sijaa, et ois tyyvytty toimialan tai kilpailijoitte nykytasoo.

## Julkisist hankinnoist seksikkäit

Uuistus julkastii viis kuukautta tissainvaihehen alun jälkee, vaik ohjelmistokehityksen maailmas työ tietyst jatkuu aina. Myö oltii sitouttu nostamaa rimaa alal, mis sitä ei ollu ennen tehty.

![Uus Oppex](https://pekkahartikainen.fi/images/blog/applying-design-in-unexpected-places/new-oppex.webp)

*oppex.comin uus etusivu.*

**Tiiminä myö onnistuttii tuomaa tissain odottamattomaa paikkaa, [minkä sie voit todeta googlaamal aihetta](https://www.google.fi/webhp?sourceid=chrome-instant&ion=1&espv=2&ie=UTF-8#q=find+public+tenders).** Se onnistu, ku rima asetettii tarpeeks korkeel ja bisnes-, tissain- ja kehitystiimit yhistettii. Työ o vast alkant, ja myö jatketaa riman nostamist tääl alal, oli kyse sit bisneksest, käyttäjäkokemuksen parantamisest tai visuaalisest vetovoimast.

https://pekkahartikainen.fi/krl/blog/applying-design-in-unexpected-places