Mobiilin vallankumous Älä mieti, vaan toimi !

Teemu MalinenSofokus OySeminaari 12.5.2013

2

Teemu Malinenteemu.malinen@sofokus.com 040-531 8012twitter.com/teemumalinenfi.linkedin.com/in/teemumalinen

Sofokus Oysofokus.com/blogi facebook.com/sofokustwitter.com/sofokus

Linkkaa vapaasti

3

Sofokus Oy sähköistää liiketoimintasi

4

shipsu.com

Growth in Sight 2012 -palkinto

5

kauppahalli24.fi

Kuningaskuluttajan voittaja

6

Hankinta-asiamies.fi

EU-yrittäjyyden edistämispalkinto

7

Mitä mobiili on?

8

Monestako laitteesta olet luopunut?

9

Mobiili internet > työpöytä internet

10

Source:

Mihin ruutuun oma yrityksesi sijoittuu?

Fashionistat- Innostus uuteen- Visio puuttuu- Investoinnit pistemäisiä

Digital leaders- Visio ja pitkäjänteisyys- Osa strategiaa- Investoinnit

Aloittelijat- Ei tietoa

mahdollisuuksista- Digi ei osana

liiketoimintaa

Konservatiivit- Perinteinen liiketoiminta

kunnossa- Hitaita liikkumaan- Investoinnit pieniä

(suhteessa kykyyn)

11

”Digital Leader” -yritykset:- 26% kannattavampia- 9% isompi liikevaihto- 12% parempi valuaatio

Source:

12

Mobiilin kasvuvauhti on kova

13

Suomi:

Source: Tietokone.fi 8.5.2013 / TNS Gallup Mobile Life 2013

Vuosi sitten Tänään

6 % 16 %

44 % 61 %

14

”Mielenkiintoinen havainto tutkimuksessa on mobiililaitteiden merkitys ostotapahtumien yhteydessä.

Niillä tehdään hintavertailuja, luetaan tuotearvioita ja myös tehdään kaupat.”

Source: Tietokone.fi 8.5.2013 / TNS Gallup Mobile Life 2013

15

Jos mobiili ei ole osa

liiketoimintaa, seuraa

helposti MOBIILIAHDISTUS.

16

MITÄ MOBIILI MUUTTAA?

17

(täppää, raahaa, purista, huido…)

Toimintamallit

18

Tänään:

Huomenna:

(mobile first)

Suunnitteluperiaatteet

19

(kyse ei siis ole vain mobiilisovelluksista!)

Nykyiset verkkopalvelut

20

21

3 POLKUA MOBIILIIN

22

Strategia 1: mobiili verkkosivusto

www.finnkino.fi m.finnkino.fi

23

Strategia 1: mobiili verkkosivusto

Mahdollisuus hyvään käyttäjäkokemukseen

Testattu, laajasti käytetty

Kallis, 2 sivustoa ylläpidettävänä

Ei kovin joustava, mobiili on sabluuna (toimii esim. tabletilla kömpelösti)

Hakukonenäkyvyys hajoaa kahdelle

sivulle

24

Strategia 2: Mobiilisovellus

amazon.com Amazon App

25

Erinomainen käyttäjäkokemus

Nopea käyttää

Kallis, jokainen ekosysteemi

vaatii oman sovelluksen

AppStoret ottavat siivun myynnistä

Strategia 2: Mobiilisovellus

Hyvät offline ominaisuudet Sovellukset pitää löytää, jakaa ja installoida.

26

Strategia 3: Responsiivinen sivusto

Currys.com

27

Vain 1 ylläpidettävä sivusto

Sisältö yhdestä pisteestä

kaikkiin laitteisiin

Voi olla hintavaa tehdä olemassa

oleville sivustoille

Vaatii uudenlaisen ajatusmallin omaamista koko suunnittelu/tuotantoketjulta

Strategia 3: Responsiivinen sivusto

Käyttö ei vaadi asenteluita tai mobiiliosoitteiden muistamista

28

Yhdistele fiksusti = Resp. sivusto + mobiilisovellus

29

Mitä on

RESPONSIIVISUUS?

30

Global Giants = Digital LeadersMicrosoft.com

Starbucks.com

Time.com

Worldwildlife.orgHieno sivusto!

Sony.com

31

Ei

Ei

Ei

Ei

Ei

Ei

Responsiivisuus & Suomen suurimmat verkkokaupat?

32Source: Twitter

Valitettavasti.

33

Mitä ”responsiivinen suunnittelu” tarkoittaa?

Mashable: ”2013 is the year of Responsive Design.”Source: mashable.com/2012/12/11/responsive-web-design

”It is a web design approach that aims to provide optimal viewing (using) experience regardless of used device.”

34

Miksi responsiivinen?

+65%iPhone conversion

+112%iPhone transactions

+65%iPhone revenue

+42%Revenue all devices

+377%Revenue iPhones

+13%Conversion rate

+10%Mobile/tablet traffic

+23%Mobile PPV

+15%Unique visits

Source: econsultancy.com/fi/blog/62260-five-brands-that-reaped-rewards-after-adopting-responsive-design

35

”Responsiivinen suunnittelu on pelkkä

CSS-kikka.”

(täyttä puppua)

36

Mieti uudelleen:• Visuaalinen suunnittelu• Käyttöliittymätoteutus• Alustateknologiat / sivupohjateknologiat• Omaksu Mobile first ideologia• Analytiikan käyttö• KäyttömekanismitJne.

Mutta erityisesti: SISÄLTÖ

37

Visuaalinen suunnittelu

(AD:n pitää mukautua)

38

Pieni ruudun koko

(vaatii todella kompromisseja mitä & miten näytetään)

39

Navigaatiotavat

(täppäilyn JA klikkailun pitää luonnistua)

40

Tunne käyttäjäsi

(web analytiikka kertoo)

41

Tavallisimmat käyttöympäristöt?

(”break points” tarpeisiisi)

42

Kiitos!

Lataa ilmainen opas: slideshare.com/tetama