JOT Auto­ma­tion

Design läpi pro­jek­tin

Pro­jek­ti sujui sula­vas­ti, kos­ka suun­nit­te­lu oli aktii­vis­ta dia­lo­gia asiak­kaan kans­sa. Toim­me työn yhtei­seen pöy­tään.

Kun olim­me saa­neet briif­fauk­sen, teim­me läpi­ko­tai­sen sisäl­tö­kar­toi­tuk­sen. Sen avul­la muo­dos­tim­me koko­nais­ra­ken­teen pre­sen­taa­tiol­le ja hah­mo­tim­me, mis­sä mikä­kin tie­to on oikeal­la pai­kal­laan. Suu­ri osa sisäl­lös­tä saa­tiin JOT:n ole­mas­sa ole­vas­ta mate­ri­aa­lis­ta kuten Power­Poin­teis­ta ja videoar­kis­tos­ta.

Käyt­tö­liit­ty­män suun­nit­te­lus­sa kes­ki­tyim­me koko pre­sen­taa­tion sau­mat­to­maan ete­ne­mi­seen. Siir­ty­mis­tä täy­tyi saa­da sula­via ja navi­gaa­tion oli olta­va intui­tii­vis­ta ja sel­ke­ää. Tavoit­tee­na oli saa­da esi­tyk­seen sama auto­maat­ti­sen ete­ne­mi­sen tun­tu, joka on JOT:n koko brän­din yti­mes­sä.

Wire­fra­me-mal­lit oli­vat tär­keä osa käyt­tö­ko­ke­muk­sen suun­nit­te­lua. Mal­lien avul­la pys­tyim­me kokei­le­maan eri­lai­sia aset­te­lu­ja ja visua­li­saa­tioi­ta. Myös asiak­kaal­le mal­lit tar­jo­si­vat sel­keän koko­nais­ku­van pre­sen­taa­tion ete­ne­mi­ses­tä. Kun asiak­kaal­la oli sel­keät mal­lit kom­men­toi­ta­va­na, kom­men­tit oli help­po huo­mioi­da UI:n vii­meis­te­lys­sä.

Visu­aa­li­sen suun­nit­te­lun lop­pu­vai­hees­sa hioim­me ja vii­la­sim­me pre­sen­taa­tion ulkoa­sun par­haim­paan­sa. Halusim­me pre­sen­taa­tion toi­mi­van HTML5:n poh­jal­la, mut­ta pitää käyt­tö­liit­ty­män vuo­ro­vai­ku­tuk­sen yksin­ker­tai­se­na.

UX yti­mes­sä

Tär­kein pre­sen­taa­tion käyt­tä­jä­ryh­mä on JOT:n myyn­ti­hen­ki­löt. Suun­nit­te­lim­me heil­le vali­koi­man yksin­ker­tai­sia, mut­ta erit­täin käy­tän­nöl­li­siä omi­nai­suuk­sia.

Navi­gaa­tio näp­päi­mis­töl­lä

Sisäl­tö­si­vut on ase­tel­tu hori­son­taa­li­ses­ti ja vain otsik­ko­si­vut ovat pääl­lek­käin. Esit­te­li­jä tai onli­ne-käyt­tä­jä voi navi­goi­da sivul­ta toi­sel­le luon­te­vas­ti nuo­li­näp­päi­mil­lä.

Näp­päi­noi­ko­tiet

Teim­me näp­päi­noi­ko­tei­tä hel­pot­ta­maan esi­tys­tä. Tie­tyis­sä näky­mis­sä avain­lu­vut ja lisä­tie­dot ovat otsi­koi­den­sa taka­na. Sisäl­tö saa­daan hel­pos­ti näky­viin nume­ro­näp­päi­mil­lä.

Navi­gaa­tio hii­rel­lä

Hii­ri­na­vi­goin­ti suun­ni­tel­tiin onli­ne-käyt­tö mie­les­sä. Otsi­kot näky­vät aloi­tus­si­vul­la, mut­ta sisäl­tö voi­daan ava­ta navi­gaa­tio­pal­kis­ta mil­loin tahan­sa. Näin siir­ty­mi­nen halu­tul­le sivul­le on help­poa ja nope­aa.

Näy­tön­sääs­tä­jä

Kun pre­sen­taa­tion aloi­tus­si­vu tai avain­lu­vut-sivu on auki ja pre­sen­taa­tio­ta ei käy­te­tä het­keen, sisäl­tö alkaa pyö­riä auto­maat­ti­ses­ti. Tämä omi­nai­suus on pai­kal­laan, kun pre­sen­taa­tio on taus­ta­ku­va­na esi­mer­kik­si mes­suo­sas­toil­la tai kokous­ten tauoil­la.

Skaa­lau­tu­vuus

Pre­sen­taa­tio skaa­lau­tuu table­tin näy­tös­tä HDTV:n suu­reen näyt­töön. Se toi­mii yhtä sula­vas­ti tilan­tees­ta toi­seen niin iPa­dil­la kuin kokouk­ses­sa suu­rel­la näy­töl­lä.