Responsive Design tarkoittaa sitä, että sivuston ulkoasu skaalautuu päätelaitteen näyttöresoluution / selainikkunan koon mukaan. Sivuston skaalautuminen tapahtuu tyylitiedostojen muutoksilla, jonka johdosta sivupohjat voidaan pitää samoina. Menetelmä toimii hyvin, kun halutaan optimoida sivusto mahdollisimman usealle eri päätelaitteelle kustannustehokkaasti ja nopeasti.

Responsive Design on erinomainen menetelmä kun sivusto suunnitellaan ja rakennetaan uusiksi. Vanhan sivuston ja sivupohjien muokkaaminen voi toisinaan olla haasteellista. Joissakin näistä tapauksista voi olla järkevintä rakentaa mobiili-laitteille optimoitu sivusto erikseen (kts. esim. http://m.nettiauto.com/ ).

Voidaan jo melkein sanoa, että yli 10% sivustojen käyttäjistä surffaa mobiili-laitteilla. Määrä kasvaa jatkuvasti, mutta sivustot pysyvät entisellään. Nyt on hyvä aika erottua kilpailijoista ja laittaa sivustot kuntoon. YLE näyttää tässä hyvää esimerkkiä!

Google Driven asennus sujui vaivattomasti. Työpöytäsovelluksen void ladata täältä. Sovellus luo kansion, jonka sisältö synkkaa selainsovelluksen kanssa. Sovellukseen voi tehdä kansioita ja jakaa sisältöjä muiden käyttäjien kesken.

Etenkin Google Docs:n käyttöön tottuneiden kannattaa tuttustua palveluun. Dropboxiin tottuneille käyttäjille palvelu ei varsinaisesti tarjoa mitään uutta, mutta kannattaa silti tutustua.

Kovin usein hakukoneoptimointi mielletään teknisenä toimena. Jos verkkosivuston perusasiat ovat kunnossa, ei hakukoneoptimointi ole teknistä toteuttamista, vaan puhtaasti sisällön suunnittelua ja -tuotantoa eri kanavissa. Mikäli sivuston tekninen alusta ei ole siinä kunnossa, että hakukoneet indeksoivat sivua hyvin, on syytä pikaisesti ryhtyä toimiin, tai asiakasvirta valuu kilpailijalle jolla perusasiat ovat kunnossa. Hakukoneoptimoinnin asemesta voidaankin oikeastaan puhua verkkonäkyvyydestä, mikä käsittää näkymisen kaikissa yleisimmissä hakukoneissa ja läsnäolon sosiaalisen median kanavissa.

Kun tavoitteena on saada mahdollisimman paljon kävijöitä sivustolle ilman maksettua mainontaa, on näistä perusasioista hyvä aloittaa:

• sivuston tekninen alusta hakukoneystävälliseksi
• säännöllinen ja suunnitelmallinen sisällöntuotanto
• artikkelien ja uutisten jakaminen yleisimpiin sosiaalisen median kanaviin;
  Twitter, LinkedIn, Facebook
• yritykselle Google Plus -profiili ja artikkelien ja uutisten jakaminen profiilissa
• mahdollisimman paljon linkkejä sivustollesi (kiinnostavat artikkelit generoivat liikennettä ja linkkejä muille sivustoille)
• verkostoidu (Twitter, LinkedIn)

Päivitä sivustoasi mahdollisimman usein ja pyri kirjoittamaan kohderyhmääsi kiinnostavista ja ajankohtaisista aiheista. Sisällöntuotanto ei ole aina helppoa, mutta se palkitaan sivuston kävijämäärilla.

Yksi suurimmista negatiivisista muutoksista Timelineen siirryttäessä on se, että ns. Landing-sivut poistuu. Enää ei voida määrittää mille välilehdelle käyttäjä laskeutuu kun tulee ensimmäistä kertaa sivustolle. Tämän on sääli, koska landingsivut ovat olleet hyvin tehokkaita Facebook-sivun ja erilaisten aktiviteettien sekä kilpailuiden esittelyssä.

Applikaatiot ovat Timelinessa hieman piilossa. Tässä voi tulla aluksi hieman haasteita ennen kuin käyttäjät oppivat löytämään asioita totutuista paikoista. Cover photo, eli suuri kuva sivun ylälaidassa antaa mahdollisuuden brändätä sivustoa oman brändin näköiseksi paljon enemmän kuin se aikaisemmin oli mahdollista. Myös applikaatioiden freimaus sivulle hoituu paremmin, koska sivua on pelkistetty ja framen leveys on kasvanut.

Mikäli haluat tietää lisää Timelinesta tai siirtää yritys- / brändisivustosi timelinen käyttöön, niin ota meihin yhteyttä ja laitetaan homma pikaisesti kuntoon.

Mitä me teimme

Suunnittelimme ja toteutimme Finpremium Oy:lle uuden verkkosivuston. Sivusto esittelee yrityksen palvelutarjontaa helppokäyttöisellä ja selkeällä käyttöliittymällä. Sivuston alustana toimii WordPress.

Kun suurempia verkkoprojekteja ei käynnistetä on hyvä kiinnittää huomiota jo olemassa oleviin palveluihin ja sivustoihin sekä keskittää voimavaroja pienempiin projekteihin. Vanhojen palveluiden muokkauksilla saadaan uutta virkistävää ilmettä, parempaa hakokonenäkyvyyttä ja tyytyväisempiä asiakkaita. Kaikkea ei aina tarvitse rakentaa uusiksi. Toisinaan pienet muokkaukset tuovat erinomaisia tuloksia.

Facebook, Sosiaalinen media, Mobiili-applikaatiot ja html5 puhuttavat paljon. Facebook, LinkedIn ja Twitter ovat jo luonnollinen osa organisaatioiden viestintää ja ne tunnetaan hyvin. Näiden palveluiden integraatiot uusiin verkkopalveluihin voi kasvattaa käyttäjämääriä ja palvelun suosiota huikeasti, joten sen mahdollisuutta kannattaa aina tutkia.

Hypetys html5:n ja mobiili-applikaatioiden ympärillä alkaa saavuttamaan jo naurettavia mittasuhteita. Tuntuu siltä, että html5:stä puhuttaessa ei edes oiken tiedetä mistä on kyse. Html5 halutaan nähdä jotenkin alaa mullistavana tekniikkana, vaikka se on yksi kehitysaskel muiden juokossa. Mobiili-applikaatioita rakennetaan usein vain sen vuoksi, että sellainen pitää olla. Kovin usein applikaation olisi voinut rakentaa webbi-pohjaisena, jolloin palvelu olisi tarjolla jokaiselle puhelimen selaimella surffaavalle henkilölle.

Mielenkiintoinen vuosi siis edessä. Mikäli haluat kuulla kuinka me voisimme ketterästi kehittää jotakin osa-aluetta yrityksesi verkkoviestinnässä, niin ota meihin yhteyttä.

Näytön zoomaaminen sormilla on tuskallista ja siitä on päästävä eroon.

Ratkaisuna tähän haasteeseen on kehitetty ns. Responsive Design -menetelmä. Menetelmän avulla skaalataan / sommitellaan verkkosivuston layout näytön resoluution mukaan. Kaikki tämä hoituu ainoastaan muokkaamalla sivuston tyylitiedostoja. Käytännössä tämä tarkoittaa sitä, että menetelmän käyttö ei tuo merkittäviä lisäkustannuksia sivuston tuotantoprosessiin sen sijaan, että jokaiselle päätelaitteelle suunniteltaisiin sivustot erikseen.

Sivuston ulkoasun suunnittelijoilta tämä vaatii erinomaista html-tietämystä. Sivun skaalautuvuus pitää huomioida jo siinä vaiheessa kun piirretään ensimmäinen pikseli ulkoasusta. Verkon visualisteilta vaaditaankin viimeistään tässä vaiheessa sitä, että omat suunnitelmat taitetaan myös html-muotoon. Työhön käytetty aika moninkertaistuu ja laatu kärsii jos tätä vaihetta aletaan jakamaan eri tekijöille.

Kaikissa iasy Oy:n nykyisissä ja tulevissa verkkopalveluprojekteissa hyödynnetään Responsive Design -menetelmää. Esimerkkinä Resposive Design -menetelmästä voit vaikka katsella verkkosivustoamme matkapuhelimella tai tabletilla.

Demo on myös hyvä esimerkki siitä, mitä selainpohjaisten HTML5 -sovellusten avulla on mahdollista toteuttaa.

Kokeile Windows Phone demoa osoitteessa: http://aka.ms/wpdemo

Mitä me teimme

Konseptoimme ja toteutimme Itu Biodyn Oy:lle sähköisen “Tässä on Itua” -asiakaslehden. Suunnittelumme perustana on ollut se, että kohderyhmät tavoitetaan parhaiten kun lehti tarjotaan luettavaksi päätelaitteesta riippumatta ja silloin kun sen lukemiseen on sopiva hetki. Lehden luettavuuteen on panostettu selkeällä typografialla ja käyttöliittymällä. Taitto skaalaa sujuvasti jokaisen päätelaitteen selainikkunaan.

Uuden numeron ilmestymisestä ilmoitetaan uutiskirjeellä. Uutiskirjeessä on artikkelien ingressit, jotka johdattavat kokonaisiin artikkeleihin. Sivuston alustaksi olemme modifioineet WordPressin.

Sähköisestä vuosikertomuksesta puhuttaessa on kuitenkin syytä painaa merkille se, että painetun lehden pdf-versio verkkosivustolla tai pdf:n lukusovellukseen ladattu lehti ei ole kovinkaan moderni ja käyttäjäystavällinen esitysmuoto. Pdf-tiedostot eivät näy hakukoneissa, ne ovat raskaita lataa, videosisältö ja linkittäminen on haasteellista ja jopa mahdotonta.

Ylivertainen esitysmuoto vuosikertomukselle on selainpohjainen html-versio julkaisujärjestelmän päällä. Selainpohjaisena toimivan vuosikertomuksen käytettävyys, muokkattavuus sekä skaalautuvuus mobiili- ja tabletti-laitteille on erinomainen. Jos ennen vuosikertomukset olivat paperi- ja painoteollisuuden portfolion täytettä, niin miksei ne voisivat nykyään olla suuntaa näyttäviä sähköisiä julkaisuja?

Kysy meiltä lisää sähköisistä vuosikertomuksista!

Tässä kaikessa applikaatio-hypessä herää kuitenkin kysmys –voisiko asioita tehdä sujuvammin? Applikaatioiden kehitystyö lukuisille eri alustoille ei ole kovinkaan kustannustehokasta. Se, että on olemassa ainoastaan Applen iOS-alustaa tukeva palvelu, ei palvele kovinkaan laajasti koko asiakaskuntaa. Sulkemalla pois Android-, Symbian- ja Windows Phone -käyttäjät, saa helposti tyytymättömiä asiakkaita ja tahran yrityskuvaan.

Miksi ei siis pyrkisi tekemään mobiileista verkkopalveluista selainpohjaisia? Näin vältytään jatkuvasta päivitysrumbasta eri alustoille sekä saadaan säästöjä jo kehitysvaiheessa. Kovinkaan monen palvelun tai verkkosivuston ei tarvitse päästä käsiksi puhelimen toiminnallisuuksiin, jolloin sen toteuttaminen selainpohjaisesti onnistuu varsin hyvin. Selainpohjaista palvelua ei tarvitse jatkokehittää jokaiselle alustalle erikseen ja käyttäjät säästyvät sen jatkuvalta päivittämiseltä puhelimessa. Harmillisen usein huonosti toteutettu applikaatio tahmaa puhelimen ja jää taustalle kuluttamaan akkua.

Omasta verkkosivustosta on hyvä lähteä liikenteeseen. Onko yrityksesi verkkosivusto siinä kunnossa, että sen käyttäminen on sujuvaa erilaisilla mobiili- ja tabletti-laitteilla? Onko sisältö optimoitu riittävän kevyeksi, jotta latausajat pysyvät maltillisina ja skaalaako taitto nätisti luettavaksi puhelimen näytölle? Nämä ovat asioita, joita kannattaa miettiä yrityksen mobiili-läsnäoloa suunniteltaessa. Edellä mainitut ovat varsin helppoja seikkoja ottaa huomioon suunnittelussa ja toteutettavissa kustannustehokkaasti –eikä vaadi erilaisten sovellusten kehitystyötä.

Kokeile, miltä yrityksesi verkkosivusto näyttää puhelimellasi. Oletko tyytyväinen?

Nykyaikainen verkkosivusto toimii kiistatta osana yrityksen liiketoimintaa. Liiketoiminnalle on elintärkeää, että sivusto toimii ja on näkyvissä jokaiselle potentiaaliselle asiakkaalle vuoden jokaisena päivänä. Verkkosivustoille tullaan hyvin usein hakukoneiden kautta ja niitä selataan yhä enemmän matkapuhelimilla. Tämän vuoksi on syytä varmistua siitä, että sivustot näkyvät hakukoneissa ja toimivat matkapuhelimen näytöllä.

Flash-sivustojen kulta-aikaa elettiin 2000-luvun alku- ja keskivaiheilla. Verkkosivustot miellettiin tuona aikakautena yrityksen käyntikortiksi eikä sivustolta haettu juurikaan muuta lisäarvoa liiketoiminnalle. Flashin avulla pyrittiin tuomaan kaikki aistit osaksi käyttökokemusta. Sivustojen latauduttua alkoi musiikki soimaan ja tavarat lentämään. Kaiken tuon ärsyttävyyden lisäksi saivat käyttäjät tuskastella pitkien latausaikojen ja tietokoneen prosessorin hyytymisen kanssa.

Suuri osa verkkosivustojen liikenteestä tulee hakukoneiden kautta. Hakukoneet palkitsevat hyvin suunnitellut ja rakennetut sivustot kävijöillä. Flashin yksi ongelma on näkyminen hakukoneissa. Vaikka Flash-sivustot saadaan näkymään hakukoneissa, niin sivuston tuotannossa nähdään melko paljon vaivaa sitä varten. Vaivannäkö taas peilaantuu sivuston tuotantokustannuksissa. Tänään lähes jokainen kampanja- ja verkkosivusto rakennetaan sisällönhallintajärjestelmän päälle, jolloin sivuston sisällön muokkaaminen on vaivatonta ja sivuston hallinnoija voi sitä helposti tehdä. Sisällönhallintajärjestelmä Flash-sivustoille on suunniteltava ja rakennettava erikseen, joka taas tuo projektille tarpeettomia kuluja.

Applen menestystuotteet iPhone ja iPad ovat synkentäneet Flashin tulevaisuutta entisestään. Apple ei tue Flash-teknologiaa, minkä johdosta yksikään Flashilla tehty verkkosivusto tai navigaatio ei näy Applen laitteissa. Applen tuotteiden menestys on ollut niin massiivista, että tätä ongelmaa ei voi kovinkaan helposti ohittaa. Vaikkakin Flashit näkyy esimerkiksi Nokia- ja Android-puhelimissa, syö se niin paljon puhelimen prosessoritehoa, että käyttökokemus ei ole kovinkaan kummoinen.

Flash on toki oikein käytettynä erinomainen työkalu animaatioihin, graafeihin, innovatiivisten ja käyttäjäystävällisten käyttöliittymien tekoon sekä kuvien ja videoiden pakkaamiseen. JavaScriptin, Css:n ja HTML:n avulla on kuitenkin mahdollista tehdä käyttöliittymistä aivan yhtä hyviä kuin Flashilla, mikä vähentää Flashin tarvetta entisestään. Voi vaan toivoa, että tulevaisuudessa HTML5 -teknologian yleistyminen ei tuo Flashin haittapuolia takaisin verkkosivustoille lentävien joghurttitölkkien ja pomppivien navigaatioiden muodossa.

Varmasti Flashin käytölle verkkosivustoilla löytyy monia hyviä syitä ja perusteita. On kuitenkin tarkkaan harkittava mitä etuja suhteessa haittoihin sen käytöllä saavutetaan. Meillä iasyssa ei Flash nauti kovinkaan suurta suosiota, vaan pyrimme pyrimme toteuttamaan projektimme muilla teknologioilla.

Aivan lopuksi nostan vielä Nokian Flow Festival-sivuston esille. Kovin hankalaa on löytää Flashin käytöllä saavutettuja etuja suhteessa siihen, että sivusto ei näy iPhone- ja iPad-käyttäjille, vaikkakin sivuston kohderyhmä suorastaan kuhisee niitä (http://flow.nokia.fi/).

- Jukka Kuisma

Mitä me teimme

Olemme suunnitelleet edealer™ myyntiviestintäsovelluksen käyttöliittymän ja visuaalisen ilmeen sekä vastanneet front end -tuotannosta. Palvelu on rakennettu Drupal-julkaisujärjestelmän päälle ja teknisestä tuotannosta on vastannut sovelluksen omistava Pälikkö Oy.

edealer™ on kätevä työkalu verkkokampanjoiden liidien hallintaan sekä myyntiorganisaation asiakashankinnan tarpeisiin. Palvelun perus luonne on peräisin CRM-järjestelmistä, mutta helppokäyttöisyydellä, pelinomaisuudella ja selkeydellä se erottuu muista järjestelmistä edukseen.

Facebookin ongelmana on ollut se, että yksityisyys- ja jakoasetusten muokkaaminen on erittäin hankalaa, jolloin sisältö on yleensä jaettu koko kaveripiirille tai jätetty kokonaan jakamatta. Google+:n graafinen käyttöliittymä omien piirien luomiseen toimii todella kivasti ja innostaa käyttäjää perustamaan piirejä joille on helppo jakaa kohdennettua sisältöä.

Facebookin toiminta-ajatuksena on se, että ihmiset jakavat mahdollisimman paljon sisältöä keskenään, jolloin sisällöntuotanto on jatkuvaa ja koukuttaa käyttäjiä palveluun. Tämä toimi kivasti aluksi. Nyt voi huomata, että esim. valokuvien jakaminen on kääntynyt laskuun ja statuspäivitykset hiipuneet. Tämä johtuu varmasti siitä, että Facebookin kaveripiirit on jo laajentuneet liikaa. Kavereina on puolituttuja, työkavereita, pomo, opettajia, vanhemmat jne. Kaikille ei välttämättä halua jakaa samaa sisältöä kuin lähimmille ystäville. Google+:n piirien avulla voi helposti lajitella mihin ryhmiin omat kontaktit kuuluu. Tästä johtuen Google+:n sisältö tulee todennäköisesti olemaan käyttäjiä kiinnostavaa ja sitouttavaa, koska se voi olla paljon henkilökohtaisempaa kuin Facebookin koko laajalle kaveripiirille suunnattu viesti.

Yrityksille Google+ tarjonnee hyviä mahdollisuuksia käyttäjien sitouttamiseen. Nykyinen kilpailu Facebook-tykkääjien määrästä ei Google+:ssa toimi. Käyttäjän on helppo jaotella seuraamansa yritykset omaan ryhmään ja blokata viestit pois, jos siltä tuntuu. Tämä asettaa yrityksien viestien sisällön avainasemaan. Jos et onnistu viestimään ja sitouttamaan mielenkiintoisella tavalla, niin viestejäsi ei lueta.

Tulevaisuuden kilpailu yhteisöpalvelun kuninkuudesta tullaan käymään Googlen ja Facebookin välillä. Facebookin kaula on valtava, mutta Google tulee hyvää vauhtia perässä. Täytyy muistaa, että jokainen jo entuudestaan google-tilin omaava henkilö on potentiaalinen Google+:n käyttäjä. Mielenkiinnolla jään odottamaan minkälaisia mahdollisuuksia Google+ tulee tarjoamaan yrityksille sekä kuinka hyvät työkalut tarjotaan palvelun ulkopuolisille kehittäjille. Loppupeleissä käyttäjät ja heidän tuottama sisältö tulee tämän kilpailun ratkaisemaan.

-Jukka Kuisma