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

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 30.10.2012