responsiivinen suunnittelu: bisneshyötyä vai lisäkustannuksia
DESCRIPTION
This presentation was held by Frantic's strategist Tommi Pelkonen in Markkinointiviestinnän viikko 20...TRANSCRIPT
![Page 1: Responsiivinen suunnittelu: bisneshyötyä vai lisäkustannuksia](https://reader034.vdocuments.pub/reader034/viewer/2022042714/549c96bdb479599b318b47a5/html5/thumbnails/1.jpg)
RESPONSIIVINEN SUUNNITTELU
BISNESHYÖTYÄ VAI LISÄKUSTANNUKSIA?
Tommi Pelkonen
27. syyskuuta, 2012
![Page 2: Responsiivinen suunnittelu: bisneshyötyä vai lisäkustannuksia](https://reader034.vdocuments.pub/reader034/viewer/2022042714/549c96bdb479599b318b47a5/html5/thumbnails/2.jpg)
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
![Page 3: Responsiivinen suunnittelu: bisneshyötyä vai lisäkustannuksia](https://reader034.vdocuments.pub/reader034/viewer/2022042714/549c96bdb479599b318b47a5/html5/thumbnails/3.jpg)
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
![Page 4: Responsiivinen suunnittelu: bisneshyötyä vai lisäkustannuksia](https://reader034.vdocuments.pub/reader034/viewer/2022042714/549c96bdb479599b318b47a5/html5/thumbnails/4.jpg)
© Frantic 2012
TOMMI: LINKEDIN
http://fi.linkedin.com/in/tommipelkonen
![Page 5: Responsiivinen suunnittelu: bisneshyötyä vai lisäkustannuksia](https://reader034.vdocuments.pub/reader034/viewer/2022042714/549c96bdb479599b318b47a5/html5/thumbnails/5.jpg)
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ä
![Page 6: Responsiivinen suunnittelu: bisneshyötyä vai lisäkustannuksia](https://reader034.vdocuments.pub/reader034/viewer/2022042714/549c96bdb479599b318b47a5/html5/thumbnails/6.jpg)
TAJUNNANLAAJENTAVIA LUKUJA
Hurjimmat 1990-luvun verkkounelmat ovat jo toteutuneet – ja meno vain jatkuu!
![Page 7: Responsiivinen suunnittelu: bisneshyötyä vai lisäkustannuksia](https://reader034.vdocuments.pub/reader034/viewer/2022042714/549c96bdb479599b318b47a5/html5/thumbnails/7.jpg)
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!
![Page 8: Responsiivinen suunnittelu: bisneshyötyä vai lisäkustannuksia](https://reader034.vdocuments.pub/reader034/viewer/2022042714/549c96bdb479599b318b47a5/html5/thumbnails/8.jpg)
Image courtesy of Brad Frost - http://bradfrostweb.com/
TRENDI: PIRSTALEINEN VERKKO
Verkko on moninainen, mutta entistä enemmän suljettujen muurien takana
![Page 9: Responsiivinen suunnittelu: bisneshyötyä vai lisäkustannuksia](https://reader034.vdocuments.pub/reader034/viewer/2022042714/549c96bdb479599b318b47a5/html5/thumbnails/9.jpg)
© Frantic 2012
TRENDI: SOSIAALINEN VERKKO
9
Meno jatkuu, kiihtyy ja muuttuu mobiiliksi
![Page 10: Responsiivinen suunnittelu: bisneshyötyä vai lisäkustannuksia](https://reader034.vdocuments.pub/reader034/viewer/2022042714/549c96bdb479599b318b47a5/html5/thumbnails/10.jpg)
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)
![Page 11: Responsiivinen suunnittelu: bisneshyötyä vai lisäkustannuksia](https://reader034.vdocuments.pub/reader034/viewer/2022042714/549c96bdb479599b318b47a5/html5/thumbnails/11.jpg)
TRENDI: MOBIILINETTI ON TÄÄLLÄ JA KASVAA LUJAA
![Page 12: Responsiivinen suunnittelu: bisneshyötyä vai lisäkustannuksia](https://reader034.vdocuments.pub/reader034/viewer/2022042714/549c96bdb479599b318b47a5/html5/thumbnails/12.jpg)
TRENDI – PALVELUIDEN MOBIILI-KÄYTTÖ KASVAA JA SEN MÄÄRÄ VOI YLLÄTTÄÄ
~20% (8/2012)
![Page 13: Responsiivinen suunnittelu: bisneshyötyä vai lisäkustannuksia](https://reader034.vdocuments.pub/reader034/viewer/2022042714/549c96bdb479599b318b47a5/html5/thumbnails/13.jpg)
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!
![Page 14: Responsiivinen suunnittelu: bisneshyötyä vai lisäkustannuksia](https://reader034.vdocuments.pub/reader034/viewer/2022042714/549c96bdb479599b318b47a5/html5/thumbnails/14.jpg)
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?
![Page 15: Responsiivinen suunnittelu: bisneshyötyä vai lisäkustannuksia](https://reader034.vdocuments.pub/reader034/viewer/2022042714/549c96bdb479599b318b47a5/html5/thumbnails/15.jpg)
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
![Page 16: Responsiivinen suunnittelu: bisneshyötyä vai lisäkustannuksia](https://reader034.vdocuments.pub/reader034/viewer/2022042714/549c96bdb479599b318b47a5/html5/thumbnails/16.jpg)
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?
![Page 17: Responsiivinen suunnittelu: bisneshyötyä vai lisäkustannuksia](https://reader034.vdocuments.pub/reader034/viewer/2022042714/549c96bdb479599b318b47a5/html5/thumbnails/17.jpg)
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ä
![Page 18: Responsiivinen suunnittelu: bisneshyötyä vai lisäkustannuksia](https://reader034.vdocuments.pub/reader034/viewer/2022042714/549c96bdb479599b318b47a5/html5/thumbnails/18.jpg)
RESPONSIIVISUUS ON UUTUUS = HYPE
![Page 19: Responsiivinen suunnittelu: bisneshyötyä vai lisäkustannuksia](https://reader034.vdocuments.pub/reader034/viewer/2022042714/549c96bdb479599b318b47a5/html5/thumbnails/19.jpg)
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
![Page 20: Responsiivinen suunnittelu: bisneshyötyä vai lisäkustannuksia](https://reader034.vdocuments.pub/reader034/viewer/2022042714/549c96bdb479599b318b47a5/html5/thumbnails/20.jpg)
JA TÄMÄ KOSKEE SIIS KAIKKIA JULKAISUJÄRJESTELMIÄ!
JA ONHAN SISÄLTÖ YHÄ
KUNINGAS?
![Page 21: Responsiivinen suunnittelu: bisneshyötyä vai lisäkustannuksia](https://reader034.vdocuments.pub/reader034/viewer/2022042714/549c96bdb479599b318b47a5/html5/thumbnails/21.jpg)
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ä
![Page 22: Responsiivinen suunnittelu: bisneshyötyä vai lisäkustannuksia](https://reader034.vdocuments.pub/reader034/viewer/2022042714/549c96bdb479599b318b47a5/html5/thumbnails/22.jpg)
![Page 23: Responsiivinen suunnittelu: bisneshyötyä vai lisäkustannuksia](https://reader034.vdocuments.pub/reader034/viewer/2022042714/549c96bdb479599b318b47a5/html5/thumbnails/23.jpg)
![Page 24: Responsiivinen suunnittelu: bisneshyötyä vai lisäkustannuksia](https://reader034.vdocuments.pub/reader034/viewer/2022042714/549c96bdb479599b318b47a5/html5/thumbnails/24.jpg)
![Page 25: Responsiivinen suunnittelu: bisneshyötyä vai lisäkustannuksia](https://reader034.vdocuments.pub/reader034/viewer/2022042714/549c96bdb479599b318b47a5/html5/thumbnails/25.jpg)
![Page 26: Responsiivinen suunnittelu: bisneshyötyä vai lisäkustannuksia](https://reader034.vdocuments.pub/reader034/viewer/2022042714/549c96bdb479599b318b47a5/html5/thumbnails/26.jpg)
<
TAUSTALLA ON OLTAVA SELKEÄ MOBIILI-
STRATEGIA
MUKAUTUVA (RESPONSIIVINEN) VERKKOSIVUSTO
MOBIILISIVUSTO PÄÄTELAITE-SOVELLUKSET
ERI ALUSTOILLE
![Page 27: Responsiivinen suunnittelu: bisneshyötyä vai lisäkustannuksia](https://reader034.vdocuments.pub/reader034/viewer/2022042714/549c96bdb479599b318b47a5/html5/thumbnails/27.jpg)
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ä
![Page 28: Responsiivinen suunnittelu: bisneshyötyä vai lisäkustannuksia](https://reader034.vdocuments.pub/reader034/viewer/2022042714/549c96bdb479599b318b47a5/html5/thumbnails/28.jpg)
JUU – HYPETYSTÄ JA KUSTANNUKSIA MISSÄS NE HYÖDYT ON?
![Page 29: Responsiivinen suunnittelu: bisneshyötyä vai lisäkustannuksia](https://reader034.vdocuments.pub/reader034/viewer/2022042714/549c96bdb479599b318b47a5/html5/thumbnails/29.jpg)
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ö?
![Page 30: Responsiivinen suunnittelu: bisneshyötyä vai lisäkustannuksia](https://reader034.vdocuments.pub/reader034/viewer/2022042714/549c96bdb479599b318b47a5/html5/thumbnails/30.jpg)
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!
![Page 31: Responsiivinen suunnittelu: bisneshyötyä vai lisäkustannuksia](https://reader034.vdocuments.pub/reader034/viewer/2022042714/549c96bdb479599b318b47a5/html5/thumbnails/31.jpg)
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
![Page 32: Responsiivinen suunnittelu: bisneshyötyä vai lisäkustannuksia](https://reader034.vdocuments.pub/reader034/viewer/2022042714/549c96bdb479599b318b47a5/html5/thumbnails/32.jpg)
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ä
![Page 33: Responsiivinen suunnittelu: bisneshyötyä vai lisäkustannuksia](https://reader034.vdocuments.pub/reader034/viewer/2022042714/549c96bdb479599b318b47a5/html5/thumbnails/33.jpg)
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
€
![Page 34: Responsiivinen suunnittelu: bisneshyötyä vai lisäkustannuksia](https://reader034.vdocuments.pub/reader034/viewer/2022042714/549c96bdb479599b318b47a5/html5/thumbnails/34.jpg)
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ä
![Page 35: Responsiivinen suunnittelu: bisneshyötyä vai lisäkustannuksia](https://reader034.vdocuments.pub/reader034/viewer/2022042714/549c96bdb479599b318b47a5/html5/thumbnails/35.jpg)
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
![Page 36: Responsiivinen suunnittelu: bisneshyötyä vai lisäkustannuksia](https://reader034.vdocuments.pub/reader034/viewer/2022042714/549c96bdb479599b318b47a5/html5/thumbnails/36.jpg)
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
![Page 37: Responsiivinen suunnittelu: bisneshyötyä vai lisäkustannuksia](https://reader034.vdocuments.pub/reader034/viewer/2022042714/549c96bdb479599b318b47a5/html5/thumbnails/37.jpg)
JOULUNA SIVUSTOLLASI KOLISEE MOBIILISTI – OLETKO VALMIS?
Kokeile itse: maGkersley.com/responsive/www.ipadpeek.com
![Page 38: Responsiivinen suunnittelu: bisneshyötyä vai lisäkustannuksia](https://reader034.vdocuments.pub/reader034/viewer/2022042714/549c96bdb479599b318b47a5/html5/thumbnails/38.jpg)
LISÄTIETOJA [email protected] +358-40-5050821 Skype: tommipelkonen http://www.slideshare.net/tommip http://fi.linkedin.com/in/tommipelkonen
KIITOS!