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
8/30/13 9 www.ambientia.net
Seurakunnan työntekijät!
Seurakuntalaiset!
Verkkohankkeen toteuttajat!
8/30/13 10 www.ambientia.net
Seurakunnan työntekijät!
Seurakuntalaiset!
Verkkohankkeen toteuttajat!
Kompetenssi, kokemus, tavoitteet!
Tarve, tavoitteet!
Kysy!!
Kuuntele!!
8/30/13 11
Joku + laite = Käyttäjä(t)?
http://en.wikipedia.org/wiki/End-user !
”An end user of a computer system or software is someone who uses it.”
!
8/30/13 12
Motivaatiot + Tavoitteet + Odotukset = Käyttäjä
Loppukäyttäjälähtöinen suunnittelu
28.6.2013 www.ambientia.net 13
Millä laitteilla?
Kuka käyttäjä on?
Millaisia odotuksia
sovelluksen käyttöön liittyy?
Mitä muita vastaavia
sovelluksia käyttää?
Miten hyödyntää sovellusta?
Millä kielellä ja mistä
kulttuurista?
Mitä ei halua...Missä
tilanteessa käyttää?
Käyttötaidot?
Rajoitteet?
Miksi käyttää?
Mistä tulee?
Jos sovellusta ei olisi käyttäjä...
Kuinka usein käyttää?
<USER> Markup Language 8/30/13 14
Mitä on loppukäyttäjälähtöinen suunnittelu?
28.6.2013 15 www.ambientia.net
Olemme aidosti kiinnostuneita loppukäyttäjien motivaatioista, tavoitteista ja odotuksista …
28.6.2013 16 www.ambientia.net
Käytämme osaamistamme saadaksemme ne synkronisoitua
kirkon motivaatioiden, tavoitteiden ja odotusten kanssa
…
28.6.2013 17 www.ambientia.net
Kysymme monta kertaa:
28.6.2013 18 www.ambientia.net
Miksi?
Tehtävä 1.
Toteutetaan storyboard aiheesta:
”kuopan kaivaminen”
28.6.2013 19 www.ambientia.net
Ambientialla on konseptointiin hyvät työkalut ja innostuneet
suunnittelijat!
28.6.2013 20 www.ambientia.net
Palvelumuotoilutiimi seurakuntien verkkohankkeessa
28.6.2013 21 www.ambientia.net
Jarkko Laura Tuuli
TKU TKU JNS
VISIO ”miksi?”
KOHDENNUS ”kenelle?”
KEINOT ”miten?”
PALVELU-‐ MUOTOILU ”millainen?”
Taustoita
Observoi ja ymmärrä
Suhteuta
Konkretisoi ja uskalla
Keskustele, kyseenalaista ja arvioi
28.6.2013 22 www.ambientia.net
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äytettävyystestaus: prototyypin testaus loppukäyttäjällä
28.6.2013 23 www.ambientia.net
Käyttöliittymän ja toiminnalli-‐suuksien
vaiheittainen Implementointi sovellukseen
Miten konseptointi etenee?
28.6.2013 24 www.ambientia.net
28.6.2013 www.ambientia.net 25
28.6.2013 26 www.ambientia.net
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
Paperiprotot työvälineenä workshopeissa
28.6.2013 www.ambientia.net 28
Jarkko @JHL 26.06.2012
Sovelluksen prototyypin mallinnus
• Ideointivaiheen paperiprotojen jatkojalostus!
• Toteutetaan interaktiivinen prototyyppi sovelluksesta!
• Informaatioarkkitehtuurisuunnitelma osana prototyyppiä !
• Merkittävimmät käyttäjäpolut mallinnettuna!
• Hakukoneoptimointinäkökulma (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, QR-koodit…)!
• 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
Sovellusarkkitehtuuri
• Konseptointiin kuuluu oleellisena osana myös arkkitehtuurin suunnittelu sovellukselle!
”Business logiikka”!”Monistettavuus”!
28.6.2013 www.ambientia.net 32
Jouko
JNS
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 35 www.ambientia.net
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
28.6.2013 www.ambientia.net 38
Banaani!
Tabletti!Mobiili!
Desktop!
Kuvaustilanne…
28.6.2013 www.ambientia.net 39 Banaani!
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ä!
28.6.2013 www.ambientia.net 44
Google Analytics!
Seurakuntien verkkohanke
28.6.2013 45 www.ambientia.net
Vaiheistettu konseptointi
• Tavoitteet konkretiaksi • Käyttäjäproiiilit ja kohderyhmätarkennukset
1. Tavoitteet
• Toiminnallisuuksien mallinnus • Tapahtumakalenterin mallinnus
2. Komponentit • Sivustomallit Pienisivusto
ja Teemasivusto • Sivustomallit Kirkko suuressa kaupungissa • Sivustomallit Kirkko paikkakunnalla
3. Mallitemplatet
• Integraatiot ja tekninen arkkitehtuuri, sekä integraatioiden priorisointi
4. Integraatiot • Wizardin mallinnus
5. Wizard
46 www.ambientia.net
Elo-‐syyskuu Loka-‐marraskuu Loka-‐marraskuu
Konseptointi on kokoaikaista groomausta
Jatkuva konseptointi Backlog
12.8.2013 47 www.ambientia.net
Tavoitteet Jatkuva rakentaminen (sprintit)
Sprint Sprint Pohjalle tarvittava tieto tavoitteista ja oleellisimmista ne täyttävistä komponenteista
Konseptointi groomauksena pysyy jatkuvasti edellä kehittämistä ja reagoi sprinttien ja katselmointien aikana tehtyihin havaintoihin ja tarpeisiin.
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
12.8.2013 48 www.ambientia.net
Pohjamateriaalina toimii aiemmin toteutettu konseptointityö ja siihen kirjatut tavoitteet
Käyttäjätarina koostuu seuraavankaltaisesta datasta
Kirjautuneena seurakunnan sisältöpäivittäjänä haluan, että … jotta voin …
12.8.2013 49
Linkittyy proiiileihin:
”Seurakunnan lapsi-‐ ja perhetyöntekijä”
…
www.ambientia.net
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.
12.8.2013 50
Linkittyy persoonaan:
”Kirsi, seurakunnan perhekerhon ohjaaja”
…
www.ambientia.net
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öä.
12.8.2013 51
Rooli ja käyttäjäproiiili:
Olisi loistavaa jos voisin päivittää sivuja seurakunnan verkon ulkopuolelta ja tekemään ”pikapäivityksiä”
puhelimellani.
En ole erityisen taitava tietokoneen kanssa, mutta ohjeistuksen avulla ja rutiinin oppimisella opin nopeasti.
Kirjautunut seurakunnan
sisältöpäivittäjä, Seurakunnan lapsi-‐ ja perhetyöntekijä
www.ambientia.net
Konseptisuunnittelija ja projektipäällikkö!Puhelin: 044 3314648!
Sähköposti: [email protected] !Twitter: @turkutuuli!
!
Tuuli Aalto-‐Nyyssönen