SlideShare ist ein Scribd-Unternehmen logo
1 von 35
Downloaden Sie, um offline zu lesen
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
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…
HKI Perämiehenkatu 11, 00150 Helsinki JKL Yliopistonkatu 28, 40100 Jyväskylä
HKI Perämiehenkatu 11, 00150 Helsinki JKL Yliopistonkatu 28, 40100 Jyväskylä
Ja tämä palvelu oli sentään tehnyt erillisen
mobiilisivuston…
HKI Perämiehenkatu 11, 00150 Helsinki JKL Yliopistonkatu 28, 40100 Jyväskylä
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
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…
HKI Perämiehenkatu 11, 00150 Helsinki JKL Yliopistonkatu 28, 40100 Jyväskylä
Näkemykset ovat heitelleet vuosien varrella…
15.10.2004
2.2.2007
HKI Perämiehenkatu 11, 00150 Helsinki JKL Yliopistonkatu 28, 40100 Jyväskylä
Internetin käyttö EU:ssa
Comscore
Nyt on tullut aika!
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
HKI Perämiehenkatu 11, 00150 Helsinki JKL Yliopistonkatu 28, 40100 Jyväskylä
Kauppalehti 28.1.2013
HKI Perämiehenkatu 11, 00150 Helsinki JKL Yliopistonkatu 28, 40100 Jyväskylä
MOBIILISIVUSTOT
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
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ä
HKI Perämiehenkatu 11, 00150 Helsinki JKL Yliopistonkatu 28, 40100 Jyväskylä
iPad	
  iPhone	
   Tietokone	
  
Esimerkki responsiivisesta designista
helsinki.fi
HKI Perämiehenkatu 11, 00150 Helsinki JKL Yliopistonkatu 28, 40100 Jyväskylä
Esimerkki responsiivisesta designista
www.corona.asia
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
HKI Perämiehenkatu 11, 00150 Helsinki JKL Yliopistonkatu 28, 40100 Jyväskylä
Tyylikäs, toimiva verkkosivusto
HKI Perämiehenkatu 11, 00150 Helsinki JKL Yliopistonkatu 28, 40100 Jyväskylä
Visuaalinen, brändinnäköinen, ostamaan houkuttava
HKI Perämiehenkatu 11, 00150 Helsinki JKL Yliopistonkatu 28, 40100 Jyväskylä
Selkeä, varaustoiminnot heti esillä, samoin tarjoukset
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Ä!
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
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öä
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
HKI Perämiehenkatu 11, 00150 Helsinki JKL Yliopistonkatu 28, 40100 Jyväskylä
Tässä tulos!
HKI Perämiehenkatu 11, 00150 Helsinki JKL Yliopistonkatu 28, 40100 Jyväskylä
No jos ei löydy kioskia, niin tsekataanpa videoita.
HKI Perämiehenkatu 11, 00150 Helsinki JKL Yliopistonkatu 28, 40100 Jyväskylä
ja 35 sekunnin odottamisen jälkeen..
HKI Perämiehenkatu 11, 00150 Helsinki JKL Yliopistonkatu 28, 40100 Jyväskylä
Tässä tulos!
HKI Perämiehenkatu 11, 00150 Helsinki JKL Yliopistonkatu 28, 40100 Jyväskylä
Ostan Pingviini-jäätelön!
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
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?”
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
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
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
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

Weitere ähnliche Inhalte

Miksi ja miten nettisisällön pitää toimia myös mobiilisti? Mobiilisivustojen hyvät, pahat ja rumat.

  • 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