ICTexpo 2014 Suomen Markkinointiliitto MARKin lavalla pidetty esitys mobiilisivustojen tärkeydestä. Mukana vinkkejä mobiilisivuston toteutukseen sekä esimerkkejä omista, subjektiivisista käyttökokemuksista.

1. HKI Perämiehenkatu 11, 00150 Helsinki JKL Yliopistonkatu 28, 40100 Jyväskylä
Miksi ja miten nettisisällön pitää toimia
myös mobiilisti?
Mobiilisivustojen hyvät, pahat ja rumat.
ICT Expo 8.5.2014
Into-Digital Oy / Rami Meling
Into-Digital Oy, toimitusjohtaja
Suomen Markkinointiliiton MARK ry:n hallituksen jäsen

2. HKI Perämiehenkatu 11, 00150 Helsinki JKL Yliopistonkatu 28, 40100 Jyväskylä
Suomen suosituimpia keskustelufoorumeita
400 000 viikkokävijää verkossa, 100 000 mobiilissa
Kommentit omalla verkkosivulla…

3. HKI Perämiehenkatu 11, 00150 Helsinki JKL Yliopistonkatu 28, 40100 Jyväskylä

4. HKI Perämiehenkatu 11, 00150 Helsinki JKL Yliopistonkatu 28, 40100 Jyväskylä
Ja tämä palvelu oli sentään tehnyt erillisen
mobiilisivuston…

5. HKI Perämiehenkatu 11, 00150 Helsinki JKL Yliopistonkatu 28, 40100 Jyväskylä

6. HKI Perämiehenkatu 11, 00150 Helsinki JKL Yliopistonkatu 28, 40100 Jyväskylä
2002
• Into-Mobile
perustetaan
2005
• Yrityksen nimeksi
Into-Digital
2009
• Into-Digitalin
strategiaksi:
Mainos-
toimistojen
digitoimisto
2014
• 20 ammattilaisen
digituotantotalo
• 1000 projektia/vuosi

7. HKI Perämiehenkatu 11, 00150 Helsinki JKL Yliopistonkatu 28, 40100 Jyväskylä
2002
• Into-Mobile
perustetaan
2005
• Yrityksen nimeksi
Into-Digital
2009
• Into-Digitalin
strategiaksi:
Mainos-
toimistojen
digitoimisto
2014
• 20 ammattilaisen
digituotantotalo
• 1000 projektia/vuosi
BACK IN TO MOBILE…

8. HKI Perämiehenkatu 11, 00150 Helsinki JKL Yliopistonkatu 28, 40100 Jyväskylä
Näkemykset ovat heitelleet vuosien varrella…
15.10.2004
2.2.2007

9. HKI Perämiehenkatu 11, 00150 Helsinki JKL Yliopistonkatu 28, 40100 Jyväskylä
Internetin käyttö EU:ssa
Comscore
Nyt on tullut aika!

10. HKI Perämiehenkatu 11, 00150 Helsinki JKL Yliopistonkatu 28, 40100 Jyväskylä
• 2 mrd älypuhelimen käyttäjää 2015 mennessä (Bloomberg)
• Lähes puolet amerikkalaisista käyttäneet ostamisen applikaatioita
(MarketingPilgrim)
• 45 % 18-29-vuotiaista tekee mobiilihakuja päivittäin (Icebreaker Consulting)
• Toimialasta riippumatta mobiililiikenne kasvaa 3.5 % /kk (Televox)
• 35 % älypuhelimen omistajista arvioi käyttävänsä internetiä enemmän
kännykällään tulevaisuudessa (Televox)
• Mobiilihausta lähes puolet ovat paikallishakuja (Search Engine Land)
• Tabletin käyttäjät hakevat 73.9 % laitteen käyttöajasta (eMarketer)
• Ja lisää löytyy…
Kansainväliset tutkimukset puhuu puolestaan

11. HKI Perämiehenkatu 11, 00150 Helsinki JKL Yliopistonkatu 28, 40100 Jyväskylä
Kauppalehti 28.1.2013

12. HKI Perämiehenkatu 11, 00150 Helsinki JKL Yliopistonkatu 28, 40100 Jyväskylä
MOBIILISIVUSTOT

13. HKI Perämiehenkatu 11, 00150 Helsinki JKL Yliopistonkatu 28, 40100 Jyväskylä
• Saman sisällön tarjoaminen mielekkäällä tavalla niin uusiin
päätelaitteisiin kuin perinteiselle verkkosivustolle
• Sivuston löytyminen mobiilihauissa – Google painottaa
hakutuloksissaan sivustoja, jotka toimivat myös mobiilisti
• Laajan sisällön selkeyttäminen pienelle näytölle
Mobiilisivuston merkitys

14. HKI Perämiehenkatu 11, 00150 Helsinki JKL Yliopistonkatu 28, 40100 Jyväskylä
• Yli 50 % kaikesta internetin käytöstä tapahtuu hakukoneiden
kautta, ja nämä käyttäjät kärsivät erillisistä mobiilisivustoista.
• Oikea ratkaisu on toteuttaa verkkosivustot alusta asti
päätelaiteriippumattomasti eli responsiivisena suunnitteluna.
Erillisiä mobiilisivustoja ei kannata tehdä

15. HKI Perämiehenkatu 11, 00150 Helsinki JKL Yliopistonkatu 28, 40100 Jyväskylä
iPad
iPhone
Tietokone
Esimerkki responsiivisesta designista
helsinki.fi

16. HKI Perämiehenkatu 11, 00150 Helsinki JKL Yliopistonkatu 28, 40100 Jyväskylä
Esimerkki responsiivisesta designista
www.corona.asia

17. HKI Perämiehenkatu 11, 00150 Helsinki JKL Yliopistonkatu 28, 40100 Jyväskylä
• Sisältö käytön mukaan
• Tärkeimmät ja käytetyimmät toiminnot mobiilisivuston alkuun – jos
et tiedä, tutki!
• Haku sivustolla toimivaksi
• Mobiilia ei jakseta selailla – halutaan päästä itse asiaan
• Call-to-action – pistä asiakas toimimaan
§ Osta, Soita, Kysy, Jätä viesti
Responsiivisuus ei tarkoita skaalautuvuutta

18. HKI Perämiehenkatu 11, 00150 Helsinki JKL Yliopistonkatu 28, 40100 Jyväskylä
Tyylikäs, toimiva verkkosivusto

19. HKI Perämiehenkatu 11, 00150 Helsinki JKL Yliopistonkatu 28, 40100 Jyväskylä
Visuaalinen, brändinnäköinen, ostamaan houkuttava

20. HKI Perämiehenkatu 11, 00150 Helsinki JKL Yliopistonkatu 28, 40100 Jyväskylä
Selkeä, varaustoiminnot heti esillä, samoin tarjoukset

21. HKI Perämiehenkatu 11, 00150 Helsinki JKL Yliopistonkatu 28, 40100 Jyväskylä
Näkymät mobiiliselaimessa
Toiminnallisuudet pienissä valikoissa, painikkeet olemattomia
Sivusto ei ohjaa tekemään mitään - SKAALAUS EI RIITÄ!

22. HKI Perämiehenkatu 11, 00150 Helsinki JKL Yliopistonkatu 28, 40100 Jyväskylä
• Erillisellä mobiilisivustollakin on paikkansa
• Animoitu ja visuaalisesti näyttävä sivusto yksityiskohtineen ei vain
taivu mobiliin järkevästi
• Älä yritä tehdä mobiiliin kaikkea mitä netissä voi tehdä – se on
kuitenkin pieni käyttöliittymä
• Se mitä teet, tee kunnolla ja toimivasti – mobiilikäyttäjän pinna on
lyhyt
Poikkeus vahvistaa säännön

23. HKI Perämiehenkatu 11, 00150 Helsinki JKL Yliopistonkatu 28, 40100 Jyväskylä
Verkkosivusto tuo suoraan brändin maailmaan
Hauska ja leikittelevä
Alkaa tehdä mieli jäätelöä

24. HKI Perämiehenkatu 11, 00150 Helsinki JKL Yliopistonkatu 28, 40100 Jyväskylä
Mobiiliinkin suunniteltu oma näkymä, yes!
Etsinpä lähimmän kioskin ja painan Irtojäätelökioskit- valintaa

25. HKI Perämiehenkatu 11, 00150 Helsinki JKL Yliopistonkatu 28, 40100 Jyväskylä
Tässä tulos!

26. HKI Perämiehenkatu 11, 00150 Helsinki JKL Yliopistonkatu 28, 40100 Jyväskylä
No jos ei löydy kioskia, niin tsekataanpa videoita.

27. HKI Perämiehenkatu 11, 00150 Helsinki JKL Yliopistonkatu 28, 40100 Jyväskylä
ja 35 sekunnin odottamisen jälkeen..

28. HKI Perämiehenkatu 11, 00150 Helsinki JKL Yliopistonkatu 28, 40100 Jyväskylä
Tässä tulos!

29. HKI Perämiehenkatu 11, 00150 Helsinki JKL Yliopistonkatu 28, 40100 Jyväskylä
Ostan Pingviini-jäätelön!

30. HKI Perämiehenkatu 11, 00150 Helsinki JKL Yliopistonkatu 28, 40100 Jyväskylä
• Älä aliarvioi käyttäjää - mobiililaite on käyttäjälleen hyvin
henkilökohtainen
• Älä pidä myöskään liian viisaana –kerro selkeästi mitä sivustolta
löytyy ja vastaa käyttäjän odotuksiin
• Jos käyttö vaatii ohjeistusta, sivusto ei toimi
• 0k ei riitä – tee hyvä
Dos and don’ts

31. HKI Perämiehenkatu 11, 00150 Helsinki JKL Yliopistonkatu 28, 40100 Jyväskylä
Ihanko totta? Tunnistit minut mobiilikäyttäjäksi..
Eihän metron liukuportaiden päässäkään kysytä:
“Olet ilmeisesti menossa metroon, haluatko nousta vaunuun?”

32. HKI Perämiehenkatu 11, 00150 Helsinki JKL Yliopistonkatu 28, 40100 Jyväskylä
Onneksi löytyy hyviäkin esimerkkejä.
Selkeät valikot ja toiminnallisuudet
Haku-toiminto helposti tarjolla

33. HKI Perämiehenkatu 11, 00150 Helsinki JKL Yliopistonkatu 28, 40100 Jyväskylä
Suomen 10 arvostetuinta brändiä
10 joukosta 6:lla hyvin toimivat mobiilisivustot
Fazerin sinisellä iso fontti tosin tehnyt tepposet, katkeaa pidemmissä
sanoissa

34. HKI Perämiehenkatu 11, 00150 Helsinki JKL Yliopistonkatu 28, 40100 Jyväskylä
• Tärkeimmät toiminnot alkuun
• Selkeät valikot, selkeät toiminnot
• Haku sivustolle
• Pienennä kuvat
• Suurenna painikkeet
• Hyödynnä nettisisältö, mutta järkevässä määrin
• Käyttäisitkö itse omaa mobiilisivustoa?
Nyrkkisäännöt

35. HKI Perämiehenkatu 11, 00150 Helsinki JKL Yliopistonkatu 28, 40100 Jyväskylä
KIITOS
Rami Meling, CEO
040 838 4380
rami.meling@into-digital.fi
twitter.com/ramime27
www.into-digital.fi