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 [email protected] twitter.com/ramime27 www.into-digital.fi 30.10.2012