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!
Verkkohankkeen
toteuttajat!
Seurakuntalaiset!
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?
Miksi käyttää?
Mistä tulee?
Mitä muita
vastaavia
sovelluksia
käyttää?
Käyttötaidot?
Mitä ei halua...
Rajoitteet?
Jos sovellusta ei
olisi käyttäjä...
Kuka käyttäjä
on?
Missä
tilanteessa
käyttää?
Millä laitteilla?
28.6.2013 Millaisia
odotuksia
sovelluksen
käyttöön liittyy?
www.ambientia.net Miten
hyödyntää
sovellusta?
Kuinka usein
käyttää?
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
Jarkko
28.6.2013 JNS
Laura
www.ambientia.net TKU
Tuuli
21 PALVELU-‐ MUOTOILU ”millainen?” VISIO ”miksi?” Keskustele, kyseenalaista ja arvioi Taustoita Konkretisoi ja uskalla Observoi ja ymmärrä Suhteuta KEINOT ”miten?” 28.6.2013 KOHDENNUS ”kenelle?” 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 Sovellusarkkitehtuuri JNS
•  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!
Banaani!
Desktop!
28.6.2013 www.ambientia.net 38 Kuvaustilanne… 28.6.2013 www.ambientia.net Banaani!
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 2. Komponentit • Tavoitteet konkretiaksi • Käyttäjäproiiilit ja kohderyhmätarkennukset • Toiminnallisuuksien mallinnus • Tapahtumakalenterin mallinnus 1. Tavoitteet • Sivustomallit Pienisivusto ja Teemasivusto • Sivustomallit Kirkko suuressa kaupungissa • Sivustomallit Kirkko paikkakunnalla 4. Integraatiot • Integraatiot ja tekninen arkkitehtuuri, sekä integraatioiden priorisointi 3. Mallitemplatet Elo-‐syyskuu • Wizardin mallinnus 5. Wizard 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 Pohjalle tarvittava tieto tavoitteista ja oleellisimmi
sta ne täyttävistä komponente
ista 12.8.2013 Sprint Sprint Jatkuva rakentaminen (sprintit) Jatkuva konseptointi Backlog 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ä 12.8.2013 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. www.ambientia.net 51 Tuuli Aalto-‐Nyyssönen Konseptisuunnittelija ja projektipäällikkö!
Puhelin: 044 3314648!
Sähköposti: [email protected] !
Twitter: @turkutuuli!
!