Esittelyssä konseptoinnin menetelmät, lopputuotteet ja tiimi Tuuli Aalto-Nyyssönen! 28.6.2013 www.ambientia.net 2
Konseptointi osana toteutusprojektia 28.6.2013 www.ambientia.net 3
Konseptoinnin tarkoitus on Löytää, vaalia, jatkojalostaa ja KONKRETISOIDA ideoita. Tunnistaa sovelluksen loppukäyttäjät. Hahmottaa toteutettavan sovelluksen toiminnallisuus ja visualisoida lopputulos. Toiminnallinen mallinnus. Mahdollistaa loppukäyttäjätestaus sekä sovelluksen esittely aikaisessa vaiheessa Alfa- versio. Luoda suunnitelma tiedon löydettävyyteen informaatioarkkitehtuuri- suunnitelma. Tunnistaa ja dokumentoida loppukäyttäjävaatimukset ja kirjata ne käyttäjätarina muotoon. 28.6.2013 www.ambientia.net 4
Minä luulen, että tämä toiminto voisi olla loistava! 8/30/13 5
Minä luulen, että tämä toiminto voisi olla loistava! 8/30/13 6
Tiedämmekö, onko tämä toiminto loistava? Miksi? 8/30/13 7
Yhteinen elementti kaikelle - loppukäyttäjä 8/30/13 8
Seurakunnan työntekijät! Seurakuntalaiset! Verkkohankkeen toteuttajat! 8/30/13 www.ambientia.net 9
Kysy!! Kompetenssi, kokemus, tavoitteet! Tarve, tavoitteet! Kuuntele!! Seurakunnan työntekijät! Verkkohankkeen toteuttajat! Seurakuntalaiset! 8/30/13 www.ambientia.net 10
An end user of a computer system or software is someone who uses it.! http://en.wikipedia.org/wiki/end-user! Joku + laite = Käyttäjä(t)? 8/30/13 11
Motivaatiot + Tavoitteet + Odotukset = Käyttäjä 8/30/13 12
Loppukäyttäjälähtöinen suunnittelu Millä kielellä ja mistä kulttuurista? Mitä muita vastaavia sovelluksia käyttää? Käyttötaidot? Mitä ei halua... Rajoitteet? Miksi käyttää? Mistä tulee? Kuka käyttäjä on? Missä tilanteessa käyttää? Millä laitteilla? Millaisia odotuksia sovelluksen käyttöön liittyy? Jos sovellusta ei olisi käyttäjä... Miten hyödyntää sovellusta? Kuinka usein käyttää? 28.6.2013 www.ambientia.net 13
<USER> Markup Language 8/30/13 14
Mitä on loppukäyttäjälähtöinen suunnittelu? 28.6.2013 www.ambientia.net 15
Olemme aidosti kiinnostuneita loppukäyttäjien motivaatioista, tavoitteista ja odotuksista 28.6.2013 www.ambientia.net 16
Käytämme osaamistamme saadaksemme ne synkronisoitua kirkon motivaatioiden, tavoitteiden ja odotusten kanssa 28.6.2013 www.ambientia.net 17
Kysymme monta kertaa: Miksi? 28.6.2013 www.ambientia.net 18
Tehtävä 1. Toteutetaan storyboard aiheesta: kuopan kaivaminen 28.6.2013 www.ambientia.net 19
Ambientialla on konseptointiin hyvät työkalut ja innostuneet suunnittelijat! 28.6.2013 www.ambientia.net 20
Palvelumuotoilutiimi seurakuntien verkkohankkeessa TKU JNS TKU Jarkko Laura Tuuli 28.6.2013 www.ambientia.net 21
PALVELU- MUOTOILU millainen? Keskustele, kyseenalaista ja arvioi Taustoita VISIO miksi? Konkretisoi ja uskalla Observoi ja ymmärrä KEINOT miten? Suhteuta KOHDENNUS kenelle? 28.6.2013 www.ambientia.net 22
Näin etenemme kohti valmista konseptisuunnitelmaa Mitä ja miksi: Suunnittelutyön taustalla tavoitteet ja visio. Taustaa ja analytiikkaa: organisaatio ja loppukäyttäjät tutuksi. Mittarit menestykselle. Kohti konkretiaa: Paperiprotoilla ja prosessikaavioilla hahmotelma toteutuksesta. Mallinnus: toiminnallisen prototyypin toteutus. Millainen? Informaatioarkkitehtuuri. Käyttöliittymän ja toiminnalli- suuksien vaiheittainen Implementointi sovellukseen Käytettävyystestaus: prototyypin testaus loppukäyttäjällä 28.6.2013 www.ambientia.net 23
Miten konseptointi etenee? 28.6.2013 www.ambientia.net 24
28.6.2013 www.ambientia.net 25
28.6.2013 www.ambientia.net 26
Hahmotelmat ja paperiprotot Paperiprotoilla toteutetaan käyttöliittymän mallinnus! Tärkeiden käyttäjäpolkujen havainnollistaminen! Käyttötapaukset! 28.6.2013 www.ambientia.net 27
Jarkko @JHL 26.06.2012 Paperiprotot työvälineenä workshopeissa 28.6.2013 www.ambientia.net 28
Sovelluksen prototyypin mallinnus Ideointivaiheen paperiprotojen jatkojalostus! Toteutetaan interaktiivinen prototyyppi sovelluksesta! Informaatioarkkitehtuurisuu nnitelma osana prototyyppiä! Merkittävimmät käyttäjäpolut mallinnettuna! Hakukoneoptimointinäkökul ma (SEO)! 28.6.2013 www.ambientia.net 29
Informaatioarkkitehtuuri- suunnitelma Sivuston tai sovelluksen haku! Sisällön asiasanoitus! Sisällön ristiinlinkitys! Navigaatio- ja menuelementit! Standardit (HTML)! SEO! Liikenteenohjaus myös palvelun ulkopuolelta (some, hakukoneet, QRkoodit )! Sisällön rikastaminen (erityisesti upotukset erilaisista jakopalveluista)! Virhesivut (404, 500 ) ja virheviestit! Näkymätön osa käyttöliittymää (paikannus, gesturet, siirtymät )! 28.6.2013 www.ambientia.net 30
Prosessikuvaukset Tunnistetaan tärkeimmät prosessit ja kuvataan käyttäjän ja järjestelmän sekä ylläpitäjän välisiä toiminteita! Kuvantamistekniikkana UML-kaaviot! 28.6.2013 www.ambientia.net 31
JNS Sovellusarkkitehtuuri Konseptointiin kuuluu oleellisena osana myös arkkitehtuurin suunnittelu sovellukselle! Jouko Business logiikka! Monistettavuus! 28.6.2013 www.ambientia.net 32
Priorisointi apuna pilotoinnissa MUST HAVE - Tämä tulee sisällyttää.!! SHOULD HAVE - Näistä voidaan neuvotella.!! NICE TO HAVE - Päätetään toteutusvaiheessa, ei kuvata konseptoinnissa tarkemmin.!! NOT IN THIS PROJECT SCOPE - Huomioita, jotka kirjattu ylös konseptoinnin yhteydessä.! 28.6.2013 www.ambientia.net 33
Mittaristo seuraamiseen Ollaanko onnistuttu?! Meidän tulee kokoaikaisesti pitää mielessä miten mittaamme onnistumistamme!! 28.6.2013 www.ambientia.net 34
Mitä tarkoittaa Mobile First? 28.6.2013 www.ambientia.net 35
28.6.2013 www.ambientia.net 36
Laiteriippumaton suunnittelu Mobile first, eli pienimmän mahdollisen käyttöympäristön suunnittelu ensin pakottaa priorisoimaan toimintoja! Ymmärrys loppukäyttäjien käyttämistä laitteista! Ymmärrys eri laitteiden luonnollisesta käyttöympäristöstä! Käyttö helppoa liikkeessä! Näkymättömien käyttöliittymäelementtien huomiointi (paikannus, gesturet )! 28.6.2013 www.ambientia.net 37
Responsiivinen SEFE Mobiili! Tabletti! Desktop! Banaani! 28.6.2013 www.ambientia.net 38
Kuvaustilanne Banaani! 28.6.2013 www.ambientia.net 39
Dataa taustalla 28.6.2013 www.ambientia.net 40
Käyttäjäkyselyt ja - haastattelut Taustoitamme loppukäyttäjälähtöistä suunnittelua! Loppukäyttäjähaastattelut! Käyttäjäkyselyt! Loppukäyttäjätapaamiset! Aikaisempien käyttäjäkyselyjen analysointi! Sosiaalisen median hyödyntäminen quick response! 28.6.2013 www.ambientia.net 41
Testaus loppukäyttäjällä Toteutetaan mahdollisimman realistisella protolla! Suunnittelija mukana tekemässä havaintoja aidossa käyttötilanteessa! Valmiita tehtäviä, joiden avulla varmistetaan käyttöliittymän toiminta! Tehdään tarvittavat muutokset malliin ja testataan uudestaan.! 28.6.2013 www.ambientia.net 42
Tilastot ja trendit Trendien seuraamisella saavutetaan tietous siitä, missä käyttäjät nyt menevät ja mikä on tuleva suunta! Mobiilikäyttöaste, kohderyhmän käyttäytymismallit! Konseptointivaiheessa trendien ja tilastojen kautta saadaan faktatietoa suunnittelutyön tueksi! 28.6.2013 www.ambientia.net 43
Analytiikka apuna valinnoissa Verkkosivuston tai sovelluksen käyttäjäanalytiikka kertoo paljon nykytilasta ja sen suunnasta! Analytiikkakatsaus sekä raportti katsauksesta tehdään osana suunnittelutyötä! Google Analytics! 28.6.2013 www.ambientia.net 44
Seurakuntien verkkohanke 28.6.2013 www.ambientia.net 45
Vaiheistettu konseptointi Tavoitteet konkretiaksi Käyttäjäproiiilit ja kohderyhmätarkennukset 2. Komponentit Toiminnallisuuksien mallinnus Tapahtumakalenterin mallinnus Sivustomallit Pienisivusto ja Teemasivusto Sivustomallit Kirkko suuressa kaupungissa Sivustomallit Kirkko paikkakunnalla 4. Integraatiot Integraatiot ja tekninen arkkitehtuuri, sekä integraatioiden priorisointi Wizardin mallinnus 1. Tavoitteet 3. Mallitemplatet 5. Wizard Elo- syyskuu Loka- marraskuu www.ambientia.net Loka- marraskuu 46
Konseptointi on kokoaikaista groomausta Konseptointi groomauksena pysyy jatkuvasti edellä kehittämistä ja reagoi sprinttien ja katselmointien aikana tehtyihin havaintoihin ja tarpeisiin. Tavoitteet Sprint Jatkuva rakentaminen (sprintit) Sprint Pohjalle tarvittava tieto tavoitteista ja oleellisimmi sta ne täyttävistä komponente ista Jatkuva konseptointi Backlog 12.8.2013 www.ambientia.net 47
Tavoitteet konkreettisiksi Aiemmin asetetuista tavoitteista tehdään kokonaisuuskuvaa hahmoittava kartta Jokainen tavoite konkretisoidaan toiminteen tasolle sisältöstrategian kautta toteutuvat tavoitteet linkitetään sisältöstrategiaan. Toiminnallisuudet kuvataan käyttäjätarinan muotoon Pohjamateriaalina toimii aiemmin toteutettu konseptointityö ja siihen kirjatut tavoitteet 12.8.2013 www.ambientia.net 48
Käyttäjätarina koostuu seuraavankaltaisesta datasta Kirjautuneena seurakunnan sisältöpäivittäjänä haluan, että jotta voin Linkittyy proiiileihin: Seurakunnan lapsi- ja perhetyöntekijä 12.8.2013 www.ambientia.net 49
Käyttäjäproiiili koostuu seuraavankaltaisesta datasta Seurakunnan lapsi- ja perhetyöntekijä: Käyttäjäryhmällä on selkeä muista eroava tarve käyttää verkkopalvelua. Käytöllä on tavoite. Käytöllä on merkitystä. Käyttäjäproiiilia varten meidän tulee luoda erikseen toiminnallisuuksia / sisältökokonaisuuksia. Linkittyy persoonaan: Kirsi, seurakunnan perhekerhon ohjaaja 12.8.2013 www.ambientia.net 50
Persoona koostuu mm. seuraavankaltaisesta datasta Minä olen Kirsi, perhekerhon ohjaaja Minä haluan päivittää oman seurakuntani www- sivujen lapsi- ja perhetyön sisältöjä, uutisia ja tapahtumatietoa. Minä en halua arpoa mitä nappia painaa enkä halua vahingossa rikkoa toiminnallisuuksia, lähettää viestejä tai poistaa sisältöä. Rooli ja käyttäjäproiiili: Kirjautunut seurakunnan sisältöpäivittäjä, Seurakunnan lapsi- ja perhetyöntekijä En ole erityisen taitava tietokoneen kanssa, mutta ohjeistuksen avulla ja rutiinin oppimisella opin nopeasti. Olisi loistavaa jos voisin päivittää sivuja seurakunnan verkon ulkopuolelta ja tekemään pikapäivityksiä puhelimellani. 12.8.2013 www.ambientia.net 51
Tuuli Aalto- Nyyssönen Konseptisuunnittelija ja projektipäällikkö! Puhelin: 044 3314648! Sähköposti: tuuli.aalto-nyyssonen@ambientia.fi! Twitter: @turkutuuli!!