Bisnes-fundamentti-esittely Markkinointiviestinnän viikolta 2012. Teemana responsiivinen suunnittelu.

1. RESPONSIIVINEN SUUNNITTELU
BISNESHYÖTYÄ VAI LISÄKUSTANNUKSIA?
Tommi Pelkonen
27. syyskuuta, 2012

2. FRANTIC = 15 VUOTTA
DIGITAALISTA
PALVELUSUUNNITTELUA JA
-TUOTANTOA
Olemme verkkomaailman luovia ammattilaisia. 35-henkiseen joukkoomme
kuuluu mm. suunnittelijoita, graafikoita, kehittäjiä ja tuottajia.
Asiakkaitamme ovat mm. Finnair, WWF, Viking Line, QPR Software,
Metsäteollisuus, Nokia, Talentum, Terveystalo, MTV3, Radio Nova,
Sanoma News, Kauppakamari, F-Secure, Sanoma, Pfizer ja Valtra.
Vuosien varrella olemme suunnitelleet ja tuottaneet satoja projekteja.

3. TOMMI PELKONEN, STRATEGI
Erityisosaaminen: projektijohtaminen,
strategia, liiketoimintalaskenta,
bisnesprosessit, organisaation
suunnittelu, asiakassuhteiden
kehittäminen, CRM, kansainvälistyminen
Tärkeimpiä projekteja vuosien varrelta:
LUT, Vaisala, Kauppakamari,
Lemminkäinen, Nokia Consumer
Marketing, Radio Nova, Talentum,
Forum Nokia, PrintEurope, Vodafone
Netherlands, UPC Europe,
Postcodelotterij, Itella Information,
Veikon Kone, ABN Amro Private Bank,
ING Real Estate

4. TOMMI: LINKEDIN
http://fi.linkedin.com/in/tommipelkonen
© Frantic 2012

5. RESPONSIIVINEN SUUNNITTELU:
BISNESHYÖTYÄ VAI LISÄKUSTANNUKSIA?
Missä mennään verkossa 2012?
Responsiivinen suunnittelu - siis mitä?
Bisneslaskelmia ja hyötymalleja
Suosituksia ja hyviä käytäntöjä

6. TAJUNNANLAAJENTAVIA LUKUJA
Hurjimmat 1990-luvun verkkounelmat ovat jo toteutuneet
– ja meno vain jatkuu!

7. KOKO SUOMEN NETTI
65-79-vuotiaista Tärkeimmät verkon
Internetiä käyttää
suomalaisista 60 % käyttötavat: s-posti,
joka viikko jo yli 3,7
on käyttänyt verkkoselailu,
miljoonaa, eli 88 %
internetiä edellisen hakukoneet,
15-79-vuotiaista
kuukauden aikana. verkkopankit
Verkko-ostoksia Odotettavissa tänä
(edes joskus) jouluna:
tehneiden Mobiilipäätelaitteiden
suomalaisten määrä määrä ylittää PC:iden
on nyt 72 % myyntimäärät!
Verkko saavuttaa suomalaiset – se on meille tärkein media ja
sen käyttö vain kasvaa!

8. TRENDI: PIRSTALEINEN VERKKO
Verkko on moninainen, mutta entistä enemmän suljettujen muurien takana
Image courtesy of Brad Frost - http://bradfrostweb.com/

9. TRENDI: SOSIAALINEN VERKKO
Meno jatkuu, kiihtyy ja muuttuu mobiiliksi
© Frantic 2012

10. TRENDI: EKOSYSTEEMISOTA
PC smartphone tablet smart TV
Mac computers iPhone iPad Apple TV
Chrome browser Android Android tablets Google TV
Windows, Office Windows Phone Windows 8 Xbox
Intenetistä on tullut splinternet (Forrester, 2011)

11. TRENDI: MOBIILINETTI ON TÄÄLLÄ JA
KASVAA LUJAA

12. TRENDI – PALVELUIDEN MOBIILI-KÄYTTÖ
KASVAA JA SEN MÄÄRÄ VOI YLLÄTTÄÄ
~20% (8/2012)

13. MIKSI MOBILITEETTI ON OLEELISTA?
1. Se on henkilökohtaisin media ja laite
2. Se on pysyvästi mukana
3. Se on aina päällä
4. Siinä on sisäänrakennettu maksumekaniikka
5. Se on saatavilla silloin kun syntyy idoita: uutta ja luovaa
6. Siinä on erittäin tarkka mittaus- ja metriikkalaitteisto
7. Vain sen avulla voidaan mallintaa kuluttamisen sosiaalista
ulottuvuutta
8. Vain sen avullla voidaan luoda lisättyä todellisuutta (AR)
MOBILITEETTI MAHDOLLISTAA PAIKKAAN, TILANTEESEEN,
AIKAA JA KÄYTTÖÖN LIITTYVÄN PALVELEMISEN!
Tomi Ahonen, @tomiahonen – http://goo.gl/E2tmI

14. MOBILITEETTI ON KAIKISSA
OSTAMISEN VAIHEISSA
Mitä saan näitä Voinko ostaa
asioita? Saanko nämä tällä
ne heti nyt? laitteella?
MISTÄ
Mitä muut OSTAA? Voinko maksaa
sanovat tästä ne tällä
tuotteesta? laitteella?
MITÄ
OSTO
OSTAA?
Auta minua
Nyt minulla on
löytämäään
tämä – mitä
tarvitsemiani
sitten?
asioita
Mitenköhän tätä
OSTA MITEN käytetään ja
Minulla oli
UUDESTAAN KÄYTTÄÄ? miten saan tästä
tälläinen
joskus? eniten irti?
Pitäisiköhän
ostaa tuo
uudestaan?

15. KYSE ONKIN SIIS KÄYTÖN HELPOTTAMISESTA
JA MIELLYTTÄVYYDESTÄ
https://speakerdeck.com/u/aarron/p/learning-to-love-humans-emotional-interface-design?slide=6

16. VERKKOPALVELU ON OLEELLINEN OSA
YRITYKSEN BISNESTÄ!
Jos kerran Suomi ja Mitä jos luotaisiin
bisnes ovat verkossa ja (mobiili)-palvelulle
kohta kännykässä– eikö bisnesmalli – perusta
olisi aika kytkeä sille, että miksi se on,
yrityksemmekin kunnolla mitä sillä tavoitellaan ja
mobiiliverkkoihin? miten?
Ja jos kerran mobiilinetti
Ja jos kerran yrityksellä
on nyt sitten se uusin
on oma verkkopalvelu –
juttu – ehkä on syytä
miksei laittaisi sen
tehdä kunnolla siihen
mobiliteettia kuntoon?
liittyvät palvelut?

17. RESPONSIIVINEN SUUNNITTELU:
BISNESHYÖTYÄ VAI LISÄKUSTANNUKSIA?
Missä mennään verkossa 2012?
Responsiivinen suunnittelu - siis mitä?
Bisneslaskelmia ja hyötymalleja
Suosituksia ja hyviä käytäntöjä

18. RESPONSIIVISUUS ON UUTUUS = HYPE

19. PERIAATTEET
Joustava suunnittelu, Suunnittele / ajattele
Yksi palvelu kaikille
kuvagalleria ja kaikki ensimmäiseksi
laitteille ja selaimille
suunnittluruudukko mobiilkanaviin
Käytä tyylitiedostoja
Tue vain ja ainoastaan
(CSS) ja Käytän selaimen
uusimpia selaimia
mediakyselyitä tehoja hyödyksesi
(2009->)
maksimaalisesti
Näytä vain Tunnista laite, paikka,
olennainen, rakenna tilanne ja aika sekä
lisät osina ja käyttäjä ja räätälöi
käyttötilanneherkästi palvelu sen mukaisesti

20. JA TÄMÄ KOSKEE SIIS KAIKKIA
JULKAISUJÄRJESTELMIÄ!
JA
ONHAN
SISÄLTÖ
YHÄ
KUNINGAS?

21. SIIS MITÄ TÄMÄ ON KÄYTÄNNÖSSÄ?
Luodaan samaan sivustoon
ja julkaisujärjestelmään Mietitään sisältöstrategioita
mekaniikkoja ja tarkoin kuhunkin
ohjelmakoodia, jolla sivusto kokoluokkaan ja
“taipuu” kuhunkin joustavuusasteeseen
kokoluokkaan
Pohditaan tiiviisti
mobiliteetin uusien
Luodaan sivupohjia, joiden
ulottuvuuksien
avulla tuo ns. temppu
mahdollisuuksia
onnistuu ja toimii
liiketoiminnan
kehittämisessä

26. TAUSTALLA ON OLTAVA
SELKEÄ MOBIILI-
STRATEGIA
MUKAUTUVA MOBIILISIVUSTO
PÄÄTELAITE-
(RESPONSIIVINEN) <
SOVELLUKSET
VERKKOSIVUSTO
ERI ALUSTOILLE

27. RESPONSIIVINEN SUUNNITTELU:
BISNESHYÖTYÄ VAI LISÄKUSTANNUKSIA?
Missä mennään verkossa 2012?
Responsiivinen suunnittelu - siis mitä?
Bisneslaskelmia ja hyötymalleja
Suosituksia ja hyviä käytäntöjä

28. JUU – HYPETYSTÄ JA KUSTANNUKSIA
MISSÄS NE HYÖDYT ON?

29. LIIKETOIMINTAMALLI PELKISTETTYNÄ
MITEN MITÄ KENELLE
INFRASTRUKTUURI TARJOAMA ASIAKAS
KUMPPANI- ASIAKAS-
VERKOSTO SUHTEET
YDIN- ARVO- ASIAKAS-
OSAAMINEN LUPAUS SEGMENTIT
OMAT TOIMINNOT JAKELU-
JA OPERAATIOT KANAVAT
RAHOITUS
KUSTANNUKSET TULOVIRRAT
PALJONKO VOITTOA?
Hyvää bisnestä syntyy vain jos mallin muuttujat ovat kohdallaan ja
niiden muodostamasta kokoonpanosta syntyy kilpailuetua.
Miksi verkko/mpbiili tms olisi perusmallia kummallisempi eliö?
[Osterwalder (2004) The Business Model Ontology]

30. BISNESTULOKSIA VERKOSTA/MOBIILISTA?
• Uusille
tai
nykyasiakkaille
LISÄÄ MYYNTIÄ • Parantuneen
markkinoinnin
ja
kanta-­‐asiakashallinnan
avulla
=
lisää
€
• MitaGavien
suureiden
kohentamisen
avulla
LISÄÄ • Omien
rekistereiden
hyödyntäminen
• Ohjaus
omaan
palveluun
ja
palveluprosessin
tehostaminen
PROSPEKTEJA • Parempi
Nedon
jäsentely
helpoGaa
olennaisen
löytämistä
ja
madaltaa
kontakNkynnystä
=
lisää
€
KUSTANNUS- • Asiakaspalveluun
liiGyviä
säästöjä
(esim.
itsepalvelu)
SÄÄSTÖJÄ • MyynNkustannusten
alentaminen
(myynNtehokkuus
ja
yhteydenotot)
=
vähemmän
-­‐€
• Myyjien
työkalut
ja
prosessit
Digipalveluiden uudelleensuunnittelussa unohdetaan aivan liian usein
bisnesrealiteetit ja –hyödyt!

31. RESPONSIIVISUUDEN HYÖDYT
Vain yksi päivitettävä Hakukoneystävällisyys -
järjestelmä lisäliikenne
• Vähemmän työtä ja huolia eri • Hakurobotit ja liikenne keskittyy
järjestelmien sisältöjen vain yhteen sivustoon ja
ajantasaisuudesta ja verkkonimeen (domain). Siten
samankaltaisuudesta ja vähemmän indeksoitavaa ja
päätelaiteyhteensopivuudesta luontaisemmat ja paremmat
mobiilihaut
Vähemmän järjestelmiä – Uusi ajattelu
vähemmän kustannuksia • Mobiliteetin läpimurto mahdollistaa
• Yksi järjestelmä, yksi (jälleen kerran) nykyisen
sisältötuotantomalli, vähemmän digitoimintamallin haastamisen ja
sovelluksia, vähemmän testettavaa, kehittämisen
vähemmän integroitavaa • Tuo luontaisesti
• Teoriassa (ainakin) tämän pitäisi käyttötilanneherkkyyden osaksi
pudottaa kuluja liiketoimintakeskustelua

32. RESPONSIIVISUUDEN KUSTANNUKSET
Lisäkulut
sivuston
kehiGämiselle,
Sisällön
opNmoinNkulut
ohjelmointyölle
ja
testaamiselle
• ErityisesN
kuvien
ja
videon
opNmoinN
• Arviolta
hyvä
varata
20-­‐30%
lisäbudjeX
aiheuGaa
lisäkuluja
aloitushankkeelle,
pienenee
serverituen
• Sisällöntuotantomallissa
on
parantuessa
(out-­‐of-­‐the-­‐box)
huomioitava
eri
kokoluokat
ja
niiden
esikatselumahdollisuudet
Tietojärjestelmien
Rajalliset
alkuhyödyt
taipumaGomuus
ja
painolasN
• HuolimaGa
valtavasta
lähitulevaisuuden
• Aikaisemmat
ja
erityisesN
paljon
mobiilikasvusta,
liiketoimintahyötyjen
transakNoita
(ostoja,
tuoGamiseen
menee
aikaa
asioinNitapahtumia
tms.)
käsiGelevät
• Bisneshyödyt
realisoituvat
siten
vasta
järjestelmät
taipuvat
yleensä
aika
keskipitkällä
aikavälillä
hankalasN
eri
ruutukokoihin
• Rajapintojen
rakentelu
voi
olla
kallista

33. KÄYTTÖHIENOUS – JÄÄVUOREN HUIPPU
Responsiivinen verkkopalvelu
Hakukoneystävällisyys Sivustokehityksen
lisäkustannukset
€
Ylläpitokustannusten
säästöt
Sisällön
mukauttamiskulut
Sisällöntuotannon
teholisäys
Taustajärjestelmien
Lisäinnovaatiokyky jäykkyys ja niihin
liittyvä kulut
Keskipitkä ROI vaatii
kestävyyttä

34. RESPONSIIVINEN SUUNNITTELU:
BISNESHYÖTYÄ VAI LISÄKUSTANNUKSIA?
Missä mennään verkossa 2012?
Responsiivinen suunnittelu - siis mitä?
Bisneslaskelmia ja hyötymalleja
Suosituksia ja hyviä käytäntöjä

35. IDEOITA TOTEUTETTAVAKSI
Rajattu pilotti ja oppeja
Kokonaisjärjestelmän Ammattilaisten kanssa
siitä koko sivuston
päivityksessä oleellinen sparraus ja keskustelu
kehittämiseksi
vaatimus ja muutos pikimmiten
keskipitkällä aikavälillä
Hyötykäyttäminen
mobiliteetin Rohkea etukeno – Testailu, kokeilu,
kehittämiseksi maailma muuttuu iteratiivinen
asioinnissa, tietotyössä, jälleen – poteroissa ei kehittäminen;
myynnissä ja ole hyvä olla! mittaus ja reagointi
markkinoinnissa

36. KÄYTTÄJÄ TILANNE
PAIKKA
HETKI
LAITE
HAASTE: MITEN …KAIKISSA
LUODAAN KANAVISSA JA
SYKÄHDYTTÄVÄ KOHTAAMIS-
KANAVAT
KOKEMUS… TILANTEISSA
KOHTAAMISET
KOKEMUS
Tekstisisältö ja -tyyli Visuaalinen sisältö ja -tyyli
BRÄNDI
Tietorakenne ja -malli Vuorovaikutusmalli
Sisältöstrategia ja
PALVELU(T) Palvelustrategia ja -malli
tuotantomalli
YRITYSSTRATEGIA

37. JOULUNA SIVUSTOLLASI KOLISEE
MOBIILISTI – OLETKO VALMIS?
Kokeile itse: maGkersley.com/responsive/www.ipadpeek.com

38. KIITOS!
LISÄTIETOJA
tommi.pelkonen@frantic.com +358-40-5050821
Skype: tommipelkonen
http://www.slideshare.net/tommip
http://fi.linkedin.com/in/tommipelkonen