Konseptoinnin esittely
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: tuuli.aalto-nyyssonen@ambientia.fi ! Twitter: @turkutuuli! !
© Copyright 2024