SlideShare una empresa de Scribd logo
1 de 21
Konseptoinnin rakentaminen – 
2kk 5 minuutissa 
Liferay Roadshow 23.10.2014 
27.10.2014 www.ambientia.net 1
Hauska tavata! 
Mikko Suominen 
Interaction Designer 
27.10.2014 www.ambientia.net 2
UX-tiimi 
Tuuli Aalto- 
Nyyssönen 
Concept designer 
Vappu 
Penttilä 
Concept designer 
Juha 
Pihlaja 
Concept designer 
Jarkko 
Waari 
AD 
Markus 
Holmroos 
Visual designer 
Mikko 
Suominen 
Interaction 
designer 
15.11.2013 www.ambientia.net 3
Konseptisuunnittelun vaiheet 
MIKSI? 
Selvitetään tavoitteet. 
Miksi tehdään? 
KENELLE? 
Tunnistetaan 
loppukäyttäjät ja 
tärkeimmät 
käyttötilanteet 
MITEN? 
Informaatioarkkitehtuuri 
/ suunnitelma tiedon 
löydettävyyteen 
MILLAINEN? 
Paperiprotot / 
Suunnitellaan ja 
mallinnetaan 
käyttöliittymä 
MILLAINEN? 
Visualisoidaan lopputulos 
Loppukäyttäjätestaus 
15.11.2013 www.ambientia.net 4
TAVOITTEET 
27.10.2014 5
#1 
Tavoitteet 
Summataan asiakkaan kanssa yhdessä projektin tavoitteet, 
jotka toimivat yhteisinä suunnan antajina ja raameina 
tekemiselle 
27.10.2014 www.ambientia.net 6
KOHDERYHMÄT JA PERSOONAT 
27.10.2014 7
#2 
Kohderyhmät 
Auttavat hahmottamaan eri kohderyhmien määrän ja 
laajuuden. Luovat pohjaa käyttäjäprofiileille ja 
persoonakuvauksille. 
27.10.2014 www.ambientia.net 8
#3 
Persoonat 
Käyttäjän arkkityyppi joka edustaa suurempaa ryhmää. 
Auttavat suunnittelutiimiä tiedostamaan kohdeyleisönsä ja 
keskittymään heidän tarpeisiinsa. 
27.10.2014 www.ambientia.net 9
Jonna Johtaja 
• Titteli / Ammatti: CEO 
• Ikä: 40v 
• Sijainti: Espoo 
• Vapaa-ajalla: Frisbee-golf, 
sisustaminen, oman firman jutut 
• Motivaatio saapua sivustolle: 
Haluaa olla kartalla siitä, mitä 
organisaatiossa tapahtuu. Valmiina 
kommentoimaan asiantuntijoiden 
kirjoituksia. 
”Vielä 
kerkeän 
hoitamaan 
tän yhden 
pikkujutun.” 
Kohderyhmä: Ylin johto 
Rooli: Tiedon markkinoija 
27.10.2014 www.ambientia.net 10
KÄYTTÄJÄTARINAT 
27.10.2014 11
#4 
Käyttäjätarinat ja 
käyttötilannekuvaukset 
Kuvataan loppukäyttäjän tahtotilaa, jotta sen pohjalta on 
mahdollista tehdä sovelluksen toiminnallisuuksia. 
27.10.2014 www.ambientia.net 12
#5 
Informaatioarkkitehtuuri 
Tiedon hierarkia, löydettävyys. 
Navigaatio, tietotyypit (uutiset, blogit), asiasanoitus, haku. 
27.10.2014 www.ambientia.net 13
#6 
Paperiprotot 
Voidaan hahmotella käyttöliittymiä käyttötilannekuvausten 
pohjalta. Tehdään tärkeimmistä ja eniten suunnittelua 
vaativista näkymistä. 
27.10.2014 www.ambientia.net 14
#7 
Toiminnallinen HTML-malli 
Oikeilla web-tekniikoilla toteutettu responsiivinen demo. 
Voidaan käyttää myös loppukäyttäjätestauksessa. 
27.10.2014 www.ambientia.net 15
28.6.2013 www.ambientia.net 16
#8 
Visuaalinen suunnittelu 
Rautalankamallin pohjalta suunnitellaan verkkopalvelu 
visuaalisesti viimeistellyksi lopputulokseksi. 
27.10.2014 www.ambientia.net 17
Seinäjoen seurakunta 
28.6.2013 www.ambientia.net 18
LOPPUKÄYTTÄJÄTESTAUS 
27.10.2014 19
#9 
Loppukäyttäjätestaus 
Eri kohderyhmien edustajat käyttävät toiminnallista HTML-mallia 
erilaisilla laitteilla valvotuissa ympäristöissä. 
27.10.2014 www.ambientia.net 20
Juha.aaltonen@ambientia.fi

Más contenido relacionado

Similar a Konseptoinnin rakentaminen

Digitaalinen palvelumuotoilu
Digitaalinen palvelumuotoilu Digitaalinen palvelumuotoilu
Digitaalinen palvelumuotoilu Antti Leino
 
Käyttökokemuksesta kilpailuetu
Käyttökokemuksesta kilpailuetuKäyttökokemuksesta kilpailuetu
Käyttökokemuksesta kilpailuetuNordic Morning
 
Tulevaisuusveikkaus - Tulokset - Digitaalinen työympäristö -seminaari 2017 - ...
Tulevaisuusveikkaus - Tulokset - Digitaalinen työympäristö -seminaari 2017 - ...Tulevaisuusveikkaus - Tulokset - Digitaalinen työympäristö -seminaari 2017 - ...
Tulevaisuusveikkaus - Tulokset - Digitaalinen työympäristö -seminaari 2017 - ...Hanna P. Korhonen
 
Internet sivujen tuottaminen
Internet sivujen tuottaminenInternet sivujen tuottaminen
Internet sivujen tuottaminenwebesko
 
Kehmet-digisuunnannäyttayttaja-kiitospuhe.pdf
Kehmet-digisuunnannäyttayttaja-kiitospuhe.pdfKehmet-digisuunnannäyttayttaja-kiitospuhe.pdf
Kehmet-digisuunnannäyttayttaja-kiitospuhe.pdfkauttil1
 
Verkko kukoistamaan: Case Kekkilä, strategiasta lanseeraukseen.
Verkko kukoistamaan: Case Kekkilä, strategiasta lanseeraukseen.Verkko kukoistamaan: Case Kekkilä, strategiasta lanseeraukseen.
Verkko kukoistamaan: Case Kekkilä, strategiasta lanseeraukseen.Nordic Morning
 
K niin kuin ketterä - Kesko ketteränä organisaationa
K niin kuin ketterä - Kesko ketteränä organisaationaK niin kuin ketterä - Kesko ketteränä organisaationa
K niin kuin ketterä - Kesko ketteränä organisaationaJussi-Pekka Erkkola
 
Design donitsi ja muutama vinkki verkkopalvelu uudistuksiin
Design donitsi ja muutama vinkki verkkopalvelu uudistuksiinDesign donitsi ja muutama vinkki verkkopalvelu uudistuksiin
Design donitsi ja muutama vinkki verkkopalvelu uudistuksiinTeemu Mäkitalo
 
Ylläpitoon siirtymisen abc 2201 2014_final
Ylläpitoon siirtymisen abc 2201 2014_finalYlläpitoon siirtymisen abc 2201 2014_final
Ylläpitoon siirtymisen abc 2201 2014_finalPäivi Bergman
 
Names nimekkäimmat it-osaajat
Names   nimekkäimmat it-osaajatNames   nimekkäimmat it-osaajat
Names nimekkäimmat it-osaajatJanne Pohjala
 
Digiä esityksiin 17.9.19
Digiä esityksiin 17.9.19Digiä esityksiin 17.9.19
Digiä esityksiin 17.9.19Matleena Laakso
 
Digitaalinen asiakaskokemus ja palvelumuotoilu
Digitaalinen asiakaskokemus ja palvelumuotoiluDigitaalinen asiakaskokemus ja palvelumuotoilu
Digitaalinen asiakaskokemus ja palvelumuotoiluAmbientia
 
CV_jarno_rekonius_FI_2015_s
CV_jarno_rekonius_FI_2015_sCV_jarno_rekonius_FI_2015_s
CV_jarno_rekonius_FI_2015_sJarno Rekonius
 
Mobiilia ohjausta ammatillisella
Mobiilia ohjausta ammatillisellaMobiilia ohjausta ammatillisella
Mobiilia ohjausta ammatillisellaHanna Frilander
 
OBF Akatemia - OBF ja OBP kehitysstrategia ja uudet ominaisuudet
OBF Akatemia - OBF ja OBP kehitysstrategia ja uudet ominaisuudetOBF Akatemia - OBF ja OBP kehitysstrategia ja uudet ominaisuudet
OBF Akatemia - OBF ja OBP kehitysstrategia ja uudet ominaisuudetOpen Badge Factory Ltd.
 
Intranetin jalkauttaminen
Intranetin jalkauttaminenIntranetin jalkauttaminen
Intranetin jalkauttaminenAmbientia
 
Intranetin jalkauttaminen - Sosiaalinen intranet 2014 -seminaari 8.5.2014
Intranetin jalkauttaminen - Sosiaalinen intranet 2014 -seminaari 8.5.2014Intranetin jalkauttaminen - Sosiaalinen intranet 2014 -seminaari 8.5.2014
Intranetin jalkauttaminen - Sosiaalinen intranet 2014 -seminaari 8.5.2014Hanna P. Korhonen
 
Pilvet ja Office 365 8.12.14
Pilvet ja Office 365 8.12.14Pilvet ja Office 365 8.12.14
Pilvet ja Office 365 8.12.14Matleena Laakso
 
Mitä Future Dialog tekee?
Mitä Future Dialog tekee?Mitä Future Dialog tekee?
Mitä Future Dialog tekee?Janne Nyyssönen
 

Similar a Konseptoinnin rakentaminen (20)

Digitaalinen palvelumuotoilu
Digitaalinen palvelumuotoilu Digitaalinen palvelumuotoilu
Digitaalinen palvelumuotoilu
 
Käyttökokemuksesta kilpailuetu
Käyttökokemuksesta kilpailuetuKäyttökokemuksesta kilpailuetu
Käyttökokemuksesta kilpailuetu
 
Tulevaisuusveikkaus - Tulokset - Digitaalinen työympäristö -seminaari 2017 - ...
Tulevaisuusveikkaus - Tulokset - Digitaalinen työympäristö -seminaari 2017 - ...Tulevaisuusveikkaus - Tulokset - Digitaalinen työympäristö -seminaari 2017 - ...
Tulevaisuusveikkaus - Tulokset - Digitaalinen työympäristö -seminaari 2017 - ...
 
Internet sivujen tuottaminen
Internet sivujen tuottaminenInternet sivujen tuottaminen
Internet sivujen tuottaminen
 
Kehmet-digisuunnannäyttayttaja-kiitospuhe.pdf
Kehmet-digisuunnannäyttayttaja-kiitospuhe.pdfKehmet-digisuunnannäyttayttaja-kiitospuhe.pdf
Kehmet-digisuunnannäyttayttaja-kiitospuhe.pdf
 
Verkko kukoistamaan: Case Kekkilä, strategiasta lanseeraukseen.
Verkko kukoistamaan: Case Kekkilä, strategiasta lanseeraukseen.Verkko kukoistamaan: Case Kekkilä, strategiasta lanseeraukseen.
Verkko kukoistamaan: Case Kekkilä, strategiasta lanseeraukseen.
 
K niin kuin ketterä - Kesko ketteränä organisaationa
K niin kuin ketterä - Kesko ketteränä organisaationaK niin kuin ketterä - Kesko ketteränä organisaationa
K niin kuin ketterä - Kesko ketteränä organisaationa
 
Design donitsi ja muutama vinkki verkkopalvelu uudistuksiin
Design donitsi ja muutama vinkki verkkopalvelu uudistuksiinDesign donitsi ja muutama vinkki verkkopalvelu uudistuksiin
Design donitsi ja muutama vinkki verkkopalvelu uudistuksiin
 
Ylläpitoon siirtymisen abc 2201 2014_final
Ylläpitoon siirtymisen abc 2201 2014_finalYlläpitoon siirtymisen abc 2201 2014_final
Ylläpitoon siirtymisen abc 2201 2014_final
 
Names nimekkäimmat it-osaajat
Names   nimekkäimmat it-osaajatNames   nimekkäimmat it-osaajat
Names nimekkäimmat it-osaajat
 
Digiä esityksiin 17.9.19
Digiä esityksiin 17.9.19Digiä esityksiin 17.9.19
Digiä esityksiin 17.9.19
 
Visuaalinen esittäminen ja tarinallisuus
Visuaalinen esittäminen ja tarinallisuusVisuaalinen esittäminen ja tarinallisuus
Visuaalinen esittäminen ja tarinallisuus
 
Digitaalinen asiakaskokemus ja palvelumuotoilu
Digitaalinen asiakaskokemus ja palvelumuotoiluDigitaalinen asiakaskokemus ja palvelumuotoilu
Digitaalinen asiakaskokemus ja palvelumuotoilu
 
CV_jarno_rekonius_FI_2015_s
CV_jarno_rekonius_FI_2015_sCV_jarno_rekonius_FI_2015_s
CV_jarno_rekonius_FI_2015_s
 
Mobiilia ohjausta ammatillisella
Mobiilia ohjausta ammatillisellaMobiilia ohjausta ammatillisella
Mobiilia ohjausta ammatillisella
 
OBF Akatemia - OBF ja OBP kehitysstrategia ja uudet ominaisuudet
OBF Akatemia - OBF ja OBP kehitysstrategia ja uudet ominaisuudetOBF Akatemia - OBF ja OBP kehitysstrategia ja uudet ominaisuudet
OBF Akatemia - OBF ja OBP kehitysstrategia ja uudet ominaisuudet
 
Intranetin jalkauttaminen
Intranetin jalkauttaminenIntranetin jalkauttaminen
Intranetin jalkauttaminen
 
Intranetin jalkauttaminen - Sosiaalinen intranet 2014 -seminaari 8.5.2014
Intranetin jalkauttaminen - Sosiaalinen intranet 2014 -seminaari 8.5.2014Intranetin jalkauttaminen - Sosiaalinen intranet 2014 -seminaari 8.5.2014
Intranetin jalkauttaminen - Sosiaalinen intranet 2014 -seminaari 8.5.2014
 
Pilvet ja Office 365 8.12.14
Pilvet ja Office 365 8.12.14Pilvet ja Office 365 8.12.14
Pilvet ja Office 365 8.12.14
 
Mitä Future Dialog tekee?
Mitä Future Dialog tekee?Mitä Future Dialog tekee?
Mitä Future Dialog tekee?
 

Más de Ambientia

Itms atlassian way-final-2017-10
Itms atlassian way-final-2017-10Itms atlassian way-final-2017-10
Itms atlassian way-final-2017-10Ambientia
 
Dev ops atlassianway-final-2017-10
Dev ops atlassianway-final-2017-10Dev ops atlassianway-final-2017-10
Dev ops atlassianway-final-2017-10Ambientia
 
Insight Asset Management for JIRA Service Desk
Insight Asset Management for JIRA Service DeskInsight Asset Management for JIRA Service Desk
Insight Asset Management for JIRA Service DeskAmbientia
 
APIen hallinnalla uutta liiketoimintaa
APIen hallinnalla uutta liiketoimintaaAPIen hallinnalla uutta liiketoimintaa
APIen hallinnalla uutta liiketoimintaaAmbientia
 
Miten API management toimii
Miten API management toimiiMiten API management toimii
Miten API management toimiiAmbientia
 
Tunnistamalla asiakaspolut tehostat asiakaspalvelusi toimintaa
Tunnistamalla asiakaspolut tehostat asiakaspalvelusi toimintaaTunnistamalla asiakaspolut tehostat asiakaspalvelusi toimintaa
Tunnistamalla asiakaspolut tehostat asiakaspalvelusi toimintaaAmbientia
 
OpenShift-webinaari 31.1. / Ambientian esitykset
OpenShift-webinaari 31.1. / Ambientian esityksetOpenShift-webinaari 31.1. / Ambientian esitykset
OpenShift-webinaari 31.1. / Ambientian esityksetAmbientia
 
ITSM & JIRA Service Desk
ITSM & JIRA Service DeskITSM & JIRA Service Desk
ITSM & JIRA Service DeskAmbientia
 
Ambientia Service Design -työpaja SYTYKE
Ambientia Service Design -työpaja SYTYKEAmbientia Service Design -työpaja SYTYKE
Ambientia Service Design -työpaja SYTYKEAmbientia
 
Liferayn rooli Valtorin palveluvalikoimassa
Liferayn rooli Valtorin palveluvalikoimassaLiferayn rooli Valtorin palveluvalikoimassa
Liferayn rooli Valtorin palveluvalikoimassaAmbientia
 
Liferay Audience Targeting
Liferay Audience TargetingLiferay Audience Targeting
Liferay Audience TargetingAmbientia
 
Case Procountor: Zephyr test tool deployment
Case Procountor: Zephyr test tool deploymentCase Procountor: Zephyr test tool deployment
Case Procountor: Zephyr test tool deploymentAmbientia
 
JIRA Portfolio
JIRA PortfolioJIRA Portfolio
JIRA PortfolioAmbientia
 
Case Containerships JIRA Service Desk
Case Containerships JIRA Service DeskCase Containerships JIRA Service Desk
Case Containerships JIRA Service DeskAmbientia
 
Liferay Road Show Sosiaali- ja terveysministeriö
Liferay Road Show Sosiaali- ja terveysministeriöLiferay Road Show Sosiaali- ja terveysministeriö
Liferay Road Show Sosiaali- ja terveysministeriöAmbientia
 
Liferay Road Show Responsiivinen suunnittelu
Liferay Road Show Responsiivinen suunnitteluLiferay Road Show Responsiivinen suunnittelu
Liferay Road Show Responsiivinen suunnitteluAmbientia
 
Liferay Road Show Linnunmaa LEX
 Liferay Road Show Linnunmaa LEX Liferay Road Show Linnunmaa LEX
Liferay Road Show Linnunmaa LEXAmbientia
 
Liferay Road Show Rolf van der Steen
Liferay Road Show Rolf van der SteenLiferay Road Show Rolf van der Steen
Liferay Road Show Rolf van der SteenAmbientia
 
MehilLisää surinaa intraan case mehiläinen, tuomo vanhanen @ intranetwork 2...
MehilLisää surinaa intraan   case mehiläinen, tuomo vanhanen @ intranetwork 2...MehilLisää surinaa intraan   case mehiläinen, tuomo vanhanen @ intranetwork 2...
MehilLisää surinaa intraan case mehiläinen, tuomo vanhanen @ intranetwork 2...Ambientia
 

Más de Ambientia (20)

Itms atlassian way-final-2017-10
Itms atlassian way-final-2017-10Itms atlassian way-final-2017-10
Itms atlassian way-final-2017-10
 
Dev ops atlassianway-final-2017-10
Dev ops atlassianway-final-2017-10Dev ops atlassianway-final-2017-10
Dev ops atlassianway-final-2017-10
 
Insight Asset Management for JIRA Service Desk
Insight Asset Management for JIRA Service DeskInsight Asset Management for JIRA Service Desk
Insight Asset Management for JIRA Service Desk
 
APIen hallinnalla uutta liiketoimintaa
APIen hallinnalla uutta liiketoimintaaAPIen hallinnalla uutta liiketoimintaa
APIen hallinnalla uutta liiketoimintaa
 
Miten API management toimii
Miten API management toimiiMiten API management toimii
Miten API management toimii
 
Tunnistamalla asiakaspolut tehostat asiakaspalvelusi toimintaa
Tunnistamalla asiakaspolut tehostat asiakaspalvelusi toimintaaTunnistamalla asiakaspolut tehostat asiakaspalvelusi toimintaa
Tunnistamalla asiakaspolut tehostat asiakaspalvelusi toimintaa
 
OpenShift-webinaari 31.1. / Ambientian esitykset
OpenShift-webinaari 31.1. / Ambientian esityksetOpenShift-webinaari 31.1. / Ambientian esitykset
OpenShift-webinaari 31.1. / Ambientian esitykset
 
ITSM & JIRA Service Desk
ITSM & JIRA Service DeskITSM & JIRA Service Desk
ITSM & JIRA Service Desk
 
Ambientia Service Design -työpaja SYTYKE
Ambientia Service Design -työpaja SYTYKEAmbientia Service Design -työpaja SYTYKE
Ambientia Service Design -työpaja SYTYKE
 
Liferayn rooli Valtorin palveluvalikoimassa
Liferayn rooli Valtorin palveluvalikoimassaLiferayn rooli Valtorin palveluvalikoimassa
Liferayn rooli Valtorin palveluvalikoimassa
 
Liferay Audience Targeting
Liferay Audience TargetingLiferay Audience Targeting
Liferay Audience Targeting
 
Case Procountor: Zephyr test tool deployment
Case Procountor: Zephyr test tool deploymentCase Procountor: Zephyr test tool deployment
Case Procountor: Zephyr test tool deployment
 
JIRA Portfolio
JIRA PortfolioJIRA Portfolio
JIRA Portfolio
 
Case Containerships JIRA Service Desk
Case Containerships JIRA Service DeskCase Containerships JIRA Service Desk
Case Containerships JIRA Service Desk
 
Jira 7
Jira 7Jira 7
Jira 7
 
Liferay Road Show Sosiaali- ja terveysministeriö
Liferay Road Show Sosiaali- ja terveysministeriöLiferay Road Show Sosiaali- ja terveysministeriö
Liferay Road Show Sosiaali- ja terveysministeriö
 
Liferay Road Show Responsiivinen suunnittelu
Liferay Road Show Responsiivinen suunnitteluLiferay Road Show Responsiivinen suunnittelu
Liferay Road Show Responsiivinen suunnittelu
 
Liferay Road Show Linnunmaa LEX
 Liferay Road Show Linnunmaa LEX Liferay Road Show Linnunmaa LEX
Liferay Road Show Linnunmaa LEX
 
Liferay Road Show Rolf van der Steen
Liferay Road Show Rolf van der SteenLiferay Road Show Rolf van der Steen
Liferay Road Show Rolf van der Steen
 
MehilLisää surinaa intraan case mehiläinen, tuomo vanhanen @ intranetwork 2...
MehilLisää surinaa intraan   case mehiläinen, tuomo vanhanen @ intranetwork 2...MehilLisää surinaa intraan   case mehiläinen, tuomo vanhanen @ intranetwork 2...
MehilLisää surinaa intraan case mehiläinen, tuomo vanhanen @ intranetwork 2...
 

Konseptoinnin rakentaminen

  • 1. Konseptoinnin rakentaminen – 2kk 5 minuutissa Liferay Roadshow 23.10.2014 27.10.2014 www.ambientia.net 1
  • 2. Hauska tavata! Mikko Suominen Interaction Designer 27.10.2014 www.ambientia.net 2
  • 3. UX-tiimi Tuuli Aalto- Nyyssönen Concept designer Vappu Penttilä Concept designer Juha Pihlaja Concept designer Jarkko Waari AD Markus Holmroos Visual designer Mikko Suominen Interaction designer 15.11.2013 www.ambientia.net 3
  • 4. Konseptisuunnittelun vaiheet MIKSI? Selvitetään tavoitteet. Miksi tehdään? KENELLE? Tunnistetaan loppukäyttäjät ja tärkeimmät käyttötilanteet MITEN? Informaatioarkkitehtuuri / suunnitelma tiedon löydettävyyteen MILLAINEN? Paperiprotot / Suunnitellaan ja mallinnetaan käyttöliittymä MILLAINEN? Visualisoidaan lopputulos Loppukäyttäjätestaus 15.11.2013 www.ambientia.net 4
  • 6. #1 Tavoitteet Summataan asiakkaan kanssa yhdessä projektin tavoitteet, jotka toimivat yhteisinä suunnan antajina ja raameina tekemiselle 27.10.2014 www.ambientia.net 6
  • 8. #2 Kohderyhmät Auttavat hahmottamaan eri kohderyhmien määrän ja laajuuden. Luovat pohjaa käyttäjäprofiileille ja persoonakuvauksille. 27.10.2014 www.ambientia.net 8
  • 9. #3 Persoonat Käyttäjän arkkityyppi joka edustaa suurempaa ryhmää. Auttavat suunnittelutiimiä tiedostamaan kohdeyleisönsä ja keskittymään heidän tarpeisiinsa. 27.10.2014 www.ambientia.net 9
  • 10. Jonna Johtaja • Titteli / Ammatti: CEO • Ikä: 40v • Sijainti: Espoo • Vapaa-ajalla: Frisbee-golf, sisustaminen, oman firman jutut • Motivaatio saapua sivustolle: Haluaa olla kartalla siitä, mitä organisaatiossa tapahtuu. Valmiina kommentoimaan asiantuntijoiden kirjoituksia. ”Vielä kerkeän hoitamaan tän yhden pikkujutun.” Kohderyhmä: Ylin johto Rooli: Tiedon markkinoija 27.10.2014 www.ambientia.net 10
  • 12. #4 Käyttäjätarinat ja käyttötilannekuvaukset Kuvataan loppukäyttäjän tahtotilaa, jotta sen pohjalta on mahdollista tehdä sovelluksen toiminnallisuuksia. 27.10.2014 www.ambientia.net 12
  • 13. #5 Informaatioarkkitehtuuri Tiedon hierarkia, löydettävyys. Navigaatio, tietotyypit (uutiset, blogit), asiasanoitus, haku. 27.10.2014 www.ambientia.net 13
  • 14. #6 Paperiprotot Voidaan hahmotella käyttöliittymiä käyttötilannekuvausten pohjalta. Tehdään tärkeimmistä ja eniten suunnittelua vaativista näkymistä. 27.10.2014 www.ambientia.net 14
  • 15. #7 Toiminnallinen HTML-malli Oikeilla web-tekniikoilla toteutettu responsiivinen demo. Voidaan käyttää myös loppukäyttäjätestauksessa. 27.10.2014 www.ambientia.net 15
  • 17. #8 Visuaalinen suunnittelu Rautalankamallin pohjalta suunnitellaan verkkopalvelu visuaalisesti viimeistellyksi lopputulokseksi. 27.10.2014 www.ambientia.net 17
  • 18. Seinäjoen seurakunta 28.6.2013 www.ambientia.net 18
  • 20. #9 Loppukäyttäjätestaus Eri kohderyhmien edustajat käyttävät toiminnallista HTML-mallia erilaisilla laitteilla valvotuissa ympäristöissä. 27.10.2014 www.ambientia.net 20

Notas del editor

  1. User experience-tiimi (Turku – Hämeenlinna) Suunnittelijat: Tuuli Aalto-Nyyssönen, Jarkko Waari, Markus Holmroos ja Mikko Suominen Napin painallus – Juha Pihlaja uratarina sai erikoisen käänteen ja hänestä tuli konseptisuunnittelija. Ja tiimi laajenee Helsinkiin. Eli kesällä alkanut pitkä rekryprosessi on päättynyt onnellisesti sisäiseen rekryyn. - Napin painallus – Tielisen Tero on tiimin esimies ja Komulaisen Kati pitää herkkää settiä kasassa
  2. - Johtajalle pitäisi antaa mahdollisuus kommunikoida luonnollisesti osana työntekijöidensä kanssakäymisessä - Johtajasta persoona
  3. Persoonakuvaus on tiivistetty havainnollinen tarinamuotoinen kuvaus kohderyhmän ominaispiirteistä. Persoonissa kuvaamme millainen käyttäjä on ja miten hän käyttää sovellusta. Mistä pitää ja mistä ei pidä.
  4. - Johtajalle pitäisi antaa mahdollisuus kommunikoida luonnollisesti osana työntekijöidensä kanssakäymisessä - Johtajasta persoona
  5. Loppukäyttäjätestaukseen kannattaa ottaa mukaan muitakin kuin älykkäitä nettinatiiveita. Testiryhmään mukaan myös henkilöitä, joille erilaiset käyttöliittymät ei avaudu samantien. Loppukäyttäjälähtöinen suunnittelu testataan käyttäjätestauksessa Testauksessa suoritetaan erilaisia sisällön löydettävyystehtäviä. Ambientian suunnittelija ja asiakas järjestävät yhdessä.