responsiivinen suunnittelu: bisneshyötyä vai lisäkustannuksia

RESPONSIIVINEN SUUNNITTELU

BISNESHYÖTYÄ VAI LISÄKUSTANNUKSIA?

Tommi Pelkonen

27. syyskuuta, 2012

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.

FRANTIC = 15 VUOTTA DIGITAALISTA PALVELUSUUNNITTELUA JA -TUOTANTOA

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

TOMMI PELKONEN, STRATEGI

© Frantic 2012

TOMMI: LINKEDIN

http://fi.linkedin.com/in/tommipelkonen

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ä

TAJUNNANLAAJENTAVIA LUKUJA

Hurjimmat 1990-luvun verkkounelmat ovat jo toteutuneet – ja meno vain jatkuu!

KOKO SUOMEN NETTI

Internetiä käyttää joka viikko jo yli 3,7 miljoonaa, eli 88 %

15-79-vuotiaista

65-79-vuotiaista suomalaisista 60 %

on käyttänyt internetiä edellisen kuukauden aikana.

Tärkeimmät verkon käyttötavat: s-posti,

verkkoselailu, hakukoneet, verkkopankit

Verkko-ostoksia (edes joskus)

tehneiden suomalaisten määrä

on nyt 72 %

Odotettavissa tänä jouluna:

Mobiilipäätelaitteiden määrä ylittää PC:iden

myyntimäärät!

Verkko saavuttaa suomalaiset – se on meille tärkein media ja sen käyttö vain kasvaa!

Image courtesy of Brad Frost - http://bradfrostweb.com/

TRENDI: PIRSTALEINEN VERKKO

Verkko on moninainen, mutta entistä enemmän suljettujen muurien takana

© Frantic 2012

TRENDI: SOSIAALINEN VERKKO

9

Meno jatkuu, kiihtyy ja muuttuu mobiiliksi

TRENDI: EKOSYSTEEMISOTA

Mac computers iPhone iPad Apple TV

Chrome browser Android Android tablets Google TV

Windows, Office Windows 8 Windows Phone Xbox

PC smartphone tablet smart TV

Intenetistä on tullut splinternet (Forrester, 2011)

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

TRENDI – PALVELUIDEN MOBIILI-KÄYTTÖ KASVAA JA SEN MÄÄRÄ VOI YLLÄTTÄÄ

~20% (8/2012)

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)

Tomi Ahonen, @tomiahonen – http://goo.gl/E2tmI

MIKSI MOBILITEETTI ON OLEELISTA?

MOBILITEETTI MAHDOLLISTAA PAIKKAAN, TILANTEESEEN, AIKAA JA KÄYTTÖÖN LIITTYVÄN PALVELEMISEN!

MOBILITEETTI ON KAIKISSA OSTAMISEN VAIHEISSA

MISTÄ OSTAA?

OSTO

MITEN KÄYTTÄÄ?

OSTA UUDESTAAN

MITÄ OSTAA?

Auta minua löytämäään

tarvitsemiani asioita

Mitä saan näitä asioita? Saanko

ne heti nyt?

Voinko ostaa nämä tällä laitteella?

Nyt minulla on tämä – mitä

sitten?

Voinko maksaa ne tällä

laitteella?

Mitä muut sanovat tästä tuotteesta?

Mitenköhän tätä käytetään ja

miten saan tästä eniten irti?

Minulla oli tälläinen joskus?

Pitäisiköhän ostaa tuo

uudestaan?

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

VERKKOPALVELU ON OLEELLINEN OSA YRITYKSEN BISNESTÄ!

Jos kerran Suomi ja bisnes ovat verkossa ja

kohta kännykässä– eikö olisi aika kytkeä

yrityksemmekin kunnolla mobiiliverkkoihin?

Mitä jos luotaisiin (mobiili)-palvelulle

bisnesmalli – perusta sille, että miksi se on,

mitä sillä tavoitellaan ja miten?

Ja jos kerran yrityksellä on oma verkkopalvelu –

miksei laittaisi sen mobiliteettia kuntoon?

Ja jos kerran mobiilinetti on nyt sitten se uusin juttu – ehkä on syytä tehdä kunnolla siihen

liittyvät palvelut?

RESPONSIIVISUUS ON UUTUUS = HYPE

PERIAATTEET

Yksi palvelu kaikille laitteille ja selaimille

Joustava suunnittelu, kuvagalleria ja

suunnittluruudukko

Suunnittele / ajattele kaikki ensimmäiseksi

mobiilkanaviin

Käytä tyylitiedostoja (CSS) ja

mediakyselyitä maksimaalisesti

Tue vain ja ainoastaan uusimpia selaimia

(2009->)

Käytän selaimen tehoja hyödyksesi

Näytä vain olennainen, rakenna

lisät osina ja käyttötilanneherkästi

Tunnista laite, paikka, tilanne ja aika sekä käyttäjä ja räätälöi

palvelu sen mukaisesti

JA TÄMÄ KOSKEE SIIS KAIKKIA JULKAISUJÄRJESTELMIÄ!

JA ONHAN SISÄLTÖ YHÄ

KUNINGAS?

SIIS MITÄ TÄMÄ ON KÄYTÄNNÖSSÄ?

Luodaan samaan sivustoon ja julkaisujärjestelmään

mekaniikkoja ja ohjelmakoodia, jolla sivusto

“taipuu” kuhunkin kokoluokkaan

Mietitään sisältöstrategioita tarkoin kuhunkin kokoluokkaan ja

joustavuusasteeseen

Luodaan sivupohjia, joiden avulla tuo ns. temppu

onnistuu ja toimii

Pohditaan tiiviisti mobiliteetin uusien

ulottuvuuksien mahdollisuuksia liiketoiminnan kehittämisessä

<

TAUSTALLA ON OLTAVA SELKEÄ MOBIILI-

STRATEGIA

MUKAUTUVA (RESPONSIIVINEN) VERKKOSIVUSTO

MOBIILISIVUSTO PÄÄTELAITE-SOVELLUKSET

ERI ALUSTOILLE

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

INFRASTRUKTUURI ASIAKAS

TULOVIRRAT KUSTANNUKSET

OMAT TOIMINNOT JA OPERAATIOT

YDIN- OSAAMINEN

KUMPPANI- VERKOSTO

MITEN

ARVO- LUPAUS

TARJOAMA

MITÄ

ASIAKAS- SUHTEET

ASIAKAS- SEGMENTIT

JAKELU- KANAVAT

KENELLE

RAHOITUS

PALJONKO VOITTOA? Hyvää bisnestä syntyy vain jos mallin muuttujat ovat kohdallaan ja

niiden muodostamasta kokoonpanosta syntyy kilpailuetua.

LIIKETOIMINTAMALLI PELKISTETTYNÄ

[Osterwalder (2004) The Business Model Ontology]

Miksi verkko/mpbiili tms olisi perusmallia kummallisempi eliö?

BISNESTULOKSIA VERKOSTA/MOBIILISTA?

• Uusille tai nykyasiakkaille • Parantuneen markkinoinnin ja kanta-‐asiakashallinnan avulla

• MitaGavien suureiden kohentamisen avulla

LISÄÄ MYYNTIÄ = lisää €

• Omien rekistereiden hyödyntäminen • Ohjaus omaan palveluun ja palveluprosessin tehostaminen • Parempi Nedon jäsentely helpoGaa olennaisen löytämistä ja madaltaa kontakNkynnystä

LISÄÄ PROSPEKTEJA

= lisää €

• Asiakaspalveluun liiGyviä säästöjä (esim. itsepalvelu) • MyynNkustannusten alentaminen (myynNtehokkuus ja yhteydenotot)

• Myyjien työkalut ja prosessit

KUSTANNUS-SÄÄSTÖJÄ

= vähemmän -‐€

Digipalveluiden uudelleensuunnittelussa unohdetaan aivan liian usein bisnesrealiteetit ja –hyödyt!

RESPONSIIVISUUDEN HYÖDYT

Vain yksi päivitettävä järjestelmä •  Vähemmän työtä ja huolia eri

järjestelmien sisältöjen ajantasaisuudesta ja samankaltaisuudesta ja päätelaiteyhteensopivuudesta

Hakukoneystävällisyys - lisäliikenne •  Hakurobotit ja liikenne keskittyy

vain yhteen sivustoon ja verkkonimeen (domain). Siten vähemmän indeksoitavaa ja luontaisemmat ja paremmat mobiilihaut

Vähemmän järjestelmiä – vähemmän kustannuksia •  Yksi järjestelmä, yksi

sisältötuotantomalli, vähemmän sovelluksia, vähemmän testettavaa, vähemmän integroitavaa

•  Teoriassa (ainakin) tämän pitäisi pudottaa kuluja

Uusi ajattelu •  Mobiliteetin läpimurto mahdollistaa

(jälleen kerran) nykyisen digitoimintamallin haastamisen ja kehittämisen

•  Tuo luontaisesti käyttötilanneherkkyyden osaksi liiketoimintakeskustelua

RESPONSIIVISUUDEN KUSTANNUKSET

Lisäkulut sivuston kehiGämiselle, ohjelmointyölle ja testaamiselle •  Arviolta hyvä varata 20-‐30% lisäbudjeX aloitushankkeelle, pienenee serverituen parantuessa (out-‐of-‐the-‐box)

Sisällön opNmoinNkulut •  ErityisesN kuvien ja videon opNmoinN aiheuGaa lisäkuluja

•  Sisällöntuotantomallissa on huomioitava eri kokoluokat ja niiden esikatselumahdollisuudet

Tietojärjestelmien taipumaGomuus ja painolasN •  Aikaisemmat ja erityisesN paljon transakNoita (ostoja, asioinNitapahtumia tms.) käsiGelevät järjestelmät taipuvat yleensä aika hankalasN eri ruutukokoihin

•  Rajapintojen rakentelu voi olla kallista

Rajalliset alkuhyödyt •  HuolimaGa valtavasta lähitulevaisuuden mobiilikasvusta, liiketoimintahyötyjen tuoGamiseen menee aikaa

•  Bisneshyödyt realisoituvat siten vasta keskipitkällä aikavälillä

KÄYTTÖHIENOUS – JÄÄVUOREN HUIPPU

Ylläpitokustannusten säästöt

Hakukoneystävällisyys

Sisällöntuotannon teholisäys

Lisäinnovaatiokyky

Sivustokehityksen lisäkustannukset

Sisällön mukauttamiskulut

Taustajärjestelmien jäykkyys ja niihin

liittyvä kulut

Keskipitkä ROI vaatii kestävyyttä

Responsiivinen verkkopalvelu

€

IDEOITA TOTEUTETTAVAKSI

Rajattu pilotti ja oppeja siitä koko sivuston

kehittämiseksi keskipitkällä aikavälillä

Kokonaisjärjestelmän päivityksessä oleellinen

vaatimus ja muutos

Ammattilaisten kanssa sparraus ja keskustelu

pikimmiten

Hyötykäyttäminen mobiliteetin

kehittämiseksi asioinnissa, tietotyössä,

myynnissä ja markkinoinnissa

Rohkea etukeno – maailma muuttuu

jälleen – poteroissa ei ole hyvä olla!

Testailu, kokeilu, iteratiivinen

kehittäminen; mittaus ja reagointi

KÄYTTÄJÄ

PALVELU(T)

TILANNE PAIKKA HETKI LAITE

Visuaalinen sisältö ja -tyyli

Vuorovaikutusmalli Tietorakenne ja -malli

Sisältöstrategia ja tuotantomalli

Palvelustrategia ja -malli

Tekstisisältö ja -tyyli

YRITYSSTRATEGIA

KOHTAAMISET

BRÄNDI

KANAVAT

KOKEMUS

HAASTE: MITEN LUODAAN SYKÄHDYTTÄVÄ KOKEMUS…

…KAIKISSA KANAVISSA JA KOHTAAMIS-TILANTEISSA

JOULUNA SIVUSTOLLASI KOLISEE MOBIILISTI – OLETKO VALMIS?

Kokeile itse: maGkersley.com/responsive/www.ipadpeek.com

LISÄTIETOJA [email protected] +358-40-5050821 Skype: tommipelkonen http://www.slideshare.net/tommip http://fi.linkedin.com/in/tommipelkonen

KIITOS!