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

5.
TAVOITTEET
27.10.2014 5

6.
#1
Tavoitteet
Summataan asiakkaan kanssa yhdessä projektin tavoitteet,
jotka toimivat yhteisinä suunnan antajina ja raameina
tekemiselle
27.10.2014 www.ambientia.net 6

7.
KOHDERYHMÄT JA PERSOONAT
27.10.2014 7

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

11.
KÄYTTÄJÄTARINAT
27.10.2014 11

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

16.
28.6.2013 www.ambientia.net 16

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

19.
LOPPUKÄYTTÄJÄTESTAUS
27.10.2014 19

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

21.
Juha.aaltonen@ambientia.fi