Konseptoinnin rakentaminen

www.ambientia.net

Konseptoinnin rakentaminen – 2kk 5 minuutissa

Liferay Roadshow 23.10.2014

10.04.2023 1

Hauska tavata!

Mikko Suominen

Interaction Designer

10.04.2023 www.ambientia.net 2

www.ambientia.net 3

UX-tiimi

15.11.2013

Tuuli Aalto-Nyyssönen

Concept designer

Vappu Penttilä

Concept designer

Juha Pihlaja

Concept designer

Jarkko Waari

AD

Markus Holmroos

Visual designer

Mikko SuominenInteraction designer

www.ambientia.net 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

10.04.2023 5

TAVOITTEET

www.ambientia.net

Tavoitteet

Summataan asiakkaan kanssa yhdessä projektin tavoitteet, jotka toimivat yhteisinä suunnan antajina ja raameina

tekemiselle

10.04.2023 6

#1

KOHDERYHMÄT JA PERSOONAT

10.04.2023 7

www.ambientia.net10.04.2023 8

#2

Kohderyhmät

Auttavat hahmottamaan eri kohderyhmien määrän ja laajuuden. Luovat pohjaa käyttäjäprofiileille ja

persoonakuvauksille.


#3

Persoonat

Käyttäjän arkkityyppi joka edustaa suurempaa ryhmää. Auttavat suunnittelutiimiä tiedostamaan kohdeyleisönsä ja

keskittymään heidän tarpeisiinsa.

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.

Rooli: Tiedon markkinoija

”Vielä kerkeän

hoitamaan tän yhden

pikkujutun.”

10.04.2023 www.ambientia.net 10

Kohderyhmä: Ylin johto

KÄYTTÄJÄTARINAT

10.04.2023 11


#4

Käyttäjätarinat ja käyttötilannekuvaukset

Kuvataan loppukäyttäjän tahtotilaa, jotta sen pohjalta on mahdollista tehdä sovelluksen toiminnallisuuksia.


#5

Informaatioarkkitehtuuri

Tiedon hierarkia, löydettävyys.Navigaatio, tietotyypit (uutiset, blogit), asiasanoitus, haku.


#6

Paperiprotot

Voidaan hahmotella käyttöliittymiä käyttötilannekuvausten pohjalta. Tehdään tärkeimmistä ja eniten suunnittelua

vaativista näkymistä.


#7

Toiminnallinen HTML-malli

Oikeilla web-tekniikoilla toteutettu responsiivinen demo. Voidaan käyttää myös loppukäyttäjätestauksessa.

www.ambientia.net 1628.6.2013


#8

Visuaalinen suunnittelu

Rautalankamallin pohjalta suunnitellaan verkkopalvelu visuaalisesti viimeistellyksi lopputulokseksi.

www.ambientia.net 18

Seinäjoen seurakunta

28.6.2013

LOPPUKÄYTTÄJÄTESTAUS

10.04.2023 19


#9

Loppukäyttäjätestaus

Eri kohderyhmien edustajat käyttävät toiminnallista HTML-mallia erilaisilla laitteilla valvotuissa ympäristöissä.

[email protected]

Technology

Konseptoinnin rakentaminen