Värit web-sivuston suunnittelussa

May 26th, 2016

Web-sivut ovat muuttuneet paljon sitten 1990-luvun alun, jolloin ensimmäiset tekstipohjaiset HTML-sivut ilmestyivät. HTML-sivut mahdollistivat kuitenkin kuvien liittämisen tekstiaineiston oheismateriaaliksi, mikä oli suuri edistysaskel www:n edeltäjään, Gopheriin verrattuna.

Ensimmäisessä HTML-protokollassa oli kyllä olemassa ratkaisut esimerkiksi taustavärien ja eriväristen fonttien käytölle, mutta rajoituksia aiheuttivat vielä varsin alkeelliset web-selainohjelmat. Esimerkiksi Unix- ja Linux-maailmassa edelleen suosittu Lynx oli täysin tekstipohjainen www-selain. Paljon on kuitenkin tapahtunut sitten 90-luvun alkuvuosien ja nykyään web-sivut ovat ennen kaikkea graafinen ilmaisun muoto. Näin ollen ei olekaan mikään ihme, että visuaalinen ulkoasu ja erilaiset värimaailmat ovat hyvin merkittävässä osassa nykyisissä verkkosivuissa, samoin kuin luonnollisesti myös multimedia ja animaatiot.

färg färghjul_130407788

Psykologinen näkökulma

Oletko koskaan miettinyt, miksi esimerkiksi yritysten logot ovat juuri sen värisiä kuin ne ovat? Esteettisyys on tietysti yksi tärkeä kriteeri värivalintoja tehdessä, mutta eri väreillä on myös oma psykologinen viestinsä. Mainostoimistoille eri värien hyödyntäminen on yksi perustyökaluista. Punainen esimerkiksi symboloi dynaamisuutta ja voimaa. Sininen merkitsee puolestaan rauhallisuutta ja perinteiden arvostamista, keltainen elinvoimaa ja esimerkiksi vihreä symboloi toiveikkuutta. Tässä vaiheessa voikin palautella mieleensä eri brändien logoja mietiskellä miksi esimerkiksi Nokian logo on sininen ja McDonald’sin puna-oranssi.

Eri värit web-maailmassa

Kuinka värit sitten toteutetaan www-sivuilla? Nykypäivänä avainasemassa ovat CSS-muotoilut, joiden avulla voidaan luoda yhtenäisiä värimaailmoja, jotka kattavat sivuston kaikki sivut aina kotisivulta alisivuille asti. CSS-tekniikkaa käyttämällä on myös helpompi hallita sivun värejä ja fontteja kokonaisuuksina, ja niitä voidaan myös helposti muuttaa jälkikäteen. Sivuston väriteemat valitaan yleensä aihepiiristä ja tyylistä riippuen.

Tässä listattuna muutamia esimerkkivärejä:

  • Vihreä, Ruskea

grönbrun

 

 

 

 

 

 

 

Vihreä värimaailma kuvastaa luontoa ja luonnonmukaisuutta, mutta myös ekologisuutta ja esimerkiksi kierrätystä. Vihreällä on nykypäivän web-maailmassa hyvin positiivinen ja ekologisuutta korostava merkitys. Voit huomata, että esimerkiksi monet uudenaikaiset energiayhtiöt, jotka tarjoavat ympäristöystävällistä sähköä, ovat valinneet sivustonsa teemaksi vihreän. Koko sivuston ei tarvitse olla vihreä taustaltaan, vaan esimerkiksi Maanystävien tapaan voidaan käyttää vihreää valikkopalkkia.

  • Valkoinen

vit

 

 

 

 

 

 

 

Valkoinen korostaa informaatiota, ja se on tavallaan kaikkein neutraalein värivalinta web-sivuille. Samalla se on myös valitettavasti hieman tylsä. Valkoinen on kuitenkin lähes aina varsin turvallinen valinta, ja Apple on hyödyntänyt sitä tehokkaasti.

  • Harmaan eri sävyt

grå

 

 

 

 

 

 

 

Luotettavuutta ja asiakaslähtöisyyttä voidaan korostaa harmaan eri sävyillä. Hyvä esimerkki tästä on maailman suurin pokerisivusto PokerStars. Hillitty ulkoasu antaa asiakkaille viestin vakaasta ja luotettavasta sekä laadukkaasta palvelusta.

  • Punainen

röd

 

 

 

 

 

 

 

Elinvoimaa ja tuoreutta! Tämä on melko rohkea valinta web-sivuston väriksi, mutta onnistuessaan tekee varmasta vaikutuksen vierailijaan. Punaisen ei tarvitse olla välttämä räikeä, sillä esimerkiksi tummanpunainen on hyvin rauhallinen väri.

  • Sininen

blå

 

 

 

 

 

 

 

Yksi yleisimmistä webin värivalinnoista, joka symboloi rauhaa ja luotettavuutta. Sinisessä on jotain hyvin miellyttävää ja rauhoittavaa, ja se toimii myös web-maailmassa tällä tavoin. Kovinkaan persoonallinen ratkaisu ei sininen teema kuitenkaan yleensä ole, mutta oikeanlaisessa yhteydessä hyvä ja varma valinta.

  • Keltainen, Oranssi

gulorange

 

 

 

 

 

 

 

Keltainen lienee punaistakin rohkeampi valinta. Keltainen on verkkosivusoilla kaikkien harvinaisin väriteema, mutta se puolustaa paikkaansa kyllä oikeassa tilanteessa. Kyseessä on varmasti huomiota herättävä valinta. Keltaisen värinkään ei tarvitse olla se kaikkein räikein sitruuna tai appelsiini, vaan myös rauhallinen kullansävyinen keltainen voi toimia web-sivustolla.

  • Violetti, Pinkki

lilarosa

 

 

 

 

 

 

 

Molemmat värit symboloivat eksotiikkaa, kuninkaallisuutta ja kaikkea ”jännittävää”. Violetti on melko harvinainen väri web-maailmassa, ja sitä voisi pitää jonkinlaisena valtavirrasta poikkeavana ”underground” väriteemana. Violetin eri sävyjä, joihin voidaan lukea myös tietyt pinkit sävyt, luovat hieman kielletyn yleistunnelman, ja tätä väriteemaa käytetään lähes yksinomaan viihdesivustoilla.

  • Musta

svart

 

 

 

 

 

 

 

Mustapohjaisen sivun tarkoitus on usein myös hieman hätkähdyttää vierailijaa. Tämä väri on kuitenkin melko yleinen väriteema verkkosivuilla. Musta tausta on usein myös visuaalisesti toimiva, ja se korostaa hyvin sivulla olevia muita värejä esimerkiksi kuva-gallerioissa.

Web-sivustojen suunnittelu pohjautuu pitkälti eri värien käytölle niin taustaväreissä, logoissa, kuvituksessa kuin fonteissakin. Värimaailmojen rakentaminen on kuitenkin tarkkaa puuhaa, liian räikeät ja rohkeat valinnat luovat sivusta amatöörimäisen vaikutelman. Liian turvalliset valinnat puolestaan jättävät sivun turhankin vaisuksi. Web-sivuston suunnittelussa pitääkin löytää sopiva yhteys sisällön ja ulkoasun välillä.

Ilmaiset kuvat netistä

April 6th, 2016

Olet ehkä huomannut, että internetistä löytyy paljon toinen toistaan hienompia kuvia: on erilaisia maisemakuvia, historiallisia kuvia, taidetta, erilaisia symboleja, logoja ja ikoneita. Hyvin suosittuja ovat myös erilaiset taustakuvat eli wallpaperit.

Teknisesti kuvia on hyvin helppo ladata netistä omalle tietokoneelle. Useimmilla sivustoilla tämä onnistuu parilla hiiren klikkauksella – poikkeuksena tosin ne sivut, joissa kuvan tallennus on estetty. Mutta vaikka kuvia onkin helppo kerätä internet-sivuilta, on hyvä pitää mielessä, että niitä koskevat samanlaiset tekijänoikeudet kuin esimerkiksi musiikkia.

Erityisesti copyright-merkittyjä kuvia saa ladata internetistä korkeintaan omaan henkilökohtaiseen käyttöön, mutta niiden jakaminen eteenpäin esimerkiksi omalla nettisivulla ei ole sallittua. Kuvat ovat yleensä tekijänoikeudella suojattua, vaikka niissä ei olisikaan copyright-merkintää tai muuta tietoa kuvaajasta.

Miten sitten voisi hankkia itselleen laadukkaita kuvia ja grafiikoita? Yksi turvallinen keino on ostaa kuvia erilaisista kuvapankeista. Netistä löytyy paljon tällaisia palveluja, ja Google sekä muut hakukoneet ovat hyvä apu niiden löytämisessä. Mutta jos haluat ehdottomasti käyttää ilmaisia kuvia, on kaikkein paras vaihtoehto kenties ottaa kuvat itse. Digikuvien ottaminen on nykyään helppoa, ja laadukkaita kuvia saa otettua vaikka älypuhelimella. Kuvapankit tarjoavat joskus myös ilmaisia näytekuvia käytettäväksi. Ilmaisia grafiikoita löytyy myös erilaisten kuvankäsittelyohjelmien kuvapankeista, kuten esimerkiksi Wordista, Photoshopista ja niin edelleen.

Perusta blogi

April 1st, 2016

Miltä kuulostaisi oman blogin avaaminen? Blogin pitäminen on tätä päivää, ja jos omaat hieman kirjallisia lahjoja – tai oikeastaan riittää, että nautit kirjoittamisesta! – niin miksi et jakaisi ajatuksiasi myös muiden luettavaksi? Internet mahdollistaa omien tekstien julkaisemisen helposti ja täysin ilmaiseksi. Se, mikä oli aikaisemmin mahdollista vain toimittajille ja jonkin erikoisalan ammattilaisille, on nyt mahdollista kenelle tahansa, joka haluaa jakaa omia ajatuksiaan muiden kanssa.

Blogeja on tietysti monenlaisia: esimerkiksi eri aihealueisiin erikoistuneita harrastus-, ruoka-, käsityö- ja lastenhoitoblogeja. Aivan oma lukunsa ovat myös musiikki- ja urheiluaiheiset blogit. Toiset blogit ovat taas luonteeltaan enemmän yhteiskunnallisia asioita käsitteleviä. Jos siis uskot, että sinulla olisi ideoita ja vinkkejä annettavana muille saman asian harrastajille, tai jos sinulla on vankkoja, hyvin perusteltuja mielipiteitä ja näkemyksiä, voisi blogi olla paras paikka niiden esittämiseen.

Yksi olennainen osa blogikulttuuria on kommentointi ja keskustelu. Kommentointimahdollisuuden voi toki poistaa omasta blogistaan, mutta monien lukijoiden mielestä yksi blogien parhaita puolia on mahdollisuus osallistua keskusteluun ja aiheen käsittelyyn kommenttien kautta. Niiden avulla voi ikään kuin jatkaa kirjoittajan tekstiä. Kommenttien moderointi ja valvominen on kuitenkin tarpeellista, ja tämä tehtävä lankeaa luonnostaan blogin pitäjälle. Monissa blogipalveluissa voi kommentit kuitenkin tarkistaa ennen niiden julkaisemista.

Mikäli kiinnostuit oman blogin perustamisesta, sinun kannattaa tutustua internetin blogipalveluihin, ja valita sieltä itsellesi sopivin. Aloita kirjoittaminen ja muista myös jakaa kirjoitustasi esimerkiksi sosiaalisessa mediassa. Kiinnostavat aiheet löytävät lukijoita nopeastikin, mutta ei kannata masentua, vaikka teksteilläsi olisikin alussa vain muutama seuraaja.

Valokuvien rooli

March 31st, 2016

Sosiaalisen median aikakautena viestinnän monimuotoisuus on laajentunut aivan uusiin mittoihin, sillä valtamedian rinnalla uutisia ja mainontaa tarjotaan miljoonilla nettisivuilla ja applikaatioissa. Nykypäivänä kiireisen kuluttajan ei siis välttämättä tarvitse lukea sanomalehden pitkiä kirjoituksia tai selata lukuisia nettisivuja löytääkseen haluamansa, koska tarvittavan informaation voi saada esimerkiksi twiitillä tai Instagramissa kuvan välityksellä.

Tänä päivänä tehokkain tapa erottautua virrasta on hyvälaatuisten kuvien käyttäminen. Laajan tarjonnan takia ammattitaitoiset kuvat ovat muun muassa verkkokauppojen elinehto, sillä harva päätyisi kuvallisen palvelun sijaan ostamaan mitään pelkän kuvauksen perusteella. Sama pätee esimerkiksi lomamatkalla hotellin valintaan tai jo pelkästään treffiseuraa etsiessä – kuvallinen ilmoitus voittaa aina! On myös otettava huomioon, ettei valveutuneelle kuluttajalle kelpaa mikä tahansa rakeinen ja vääristynyt kuva, sillä useimmilla hyvä kamera kulkee päivittäin puhelimen mukana taskussa, eikä taidossa ottaa hyviä kuvia välttämättä nähdä enää mitään ihmeellistä. Siksi viestijän tulee kiinnittää erityistä huomiota viestin ulkonäköön.

Jos kirjoittaja tuntee itsensä ummikoksi kuvien valitsemisen suhteen, voi ratkaisu löytyä erilaisista blogeista tai ammattivalokuvaajan avulla. Kokeneempi kuvaaja pystyy laadun lisäksi ohjeistamaan oikeanlaisen tunnelman ja viestin saavuttamisessa. Inspiroivissa kuvissa kohde kuvataan aidoksi lavastetuissa tilanteissa mahdollisimman luonnollisessa valossa. Kuvien muokkaamista tulee siis harkita tarkkaan, sillä liika viilailu näkyy ja saattaa heikentää kohdeyleisön luottoa. Jos samassa yhteydessä on tarvetta useammille kuville, on yhtenäisen ilmeen säilyttäminen arvokas lisä.

Visuaaliseen ilmeeseen panostaminen on ehdottoman tärkeää ja voi nostaa uuden yrityksen nopeasti kilpailijoidensa rinnalle. Mikään ei myy ilman hyvää kuvaa!

WordPress

March 29th, 2016

WordPress on online-työkalu, jota voidaan kutsua myös sisällönhallintajärjestelmäksi, CMS-palveluksi tai julkaisujärjestelmäksi. Se on maailman suosituin www-sivujen luontiin tarkoitettu palvelu. Alun perin se tehtiin blogien kirjoittamista ja ylläpitoa silmälläpitäen, mutta se yleistyi nopeasti monen muunkinlaiseen käyttöön, ja nyt neljäsosa kaikista maailman www-sivuista on luotu WordPressin avulla. Eräs syy WordPressin tai WP:n suosioon on varmastikin se, että kyseessä on ilmainen, avoimen lähdekoodin ohjelma (ohjelmoitu PHP:llä), joka käyttää tietokantanaan niin ikään ilmaista mySQL-kantaa.

worldpress

WordPress on melko helppokäyttöinen online-työkalu, ja se toimii suurin piirtein samalla tavalla kuin useimmat muutkin vastaavat web-sivun suunnittelupalvelut. Ensimmäisenä valitaan itselle käyttäjätunnus sekä ali-domain -nimi, minkä jälkeen uusi käyttäjä voi rekisteröidä itselleen oman WordPress-tilin. Tämän jälkeen voit valita valmiin sivupohjan ja itseäsi miellyttävän teeman. Näitä asetuksia pystyy helposti myös muuttamaan myöhemmin. Sitten valitset itsellesi sopivan planin: joko ilmaisen tai maksullisen. Ilmainen plan on tarkoitettu aloittelijoille ja siinä on vähemmän ominaisuuksia kuin maksullisessa, mutta senkin avulla pystyy luomaan itselleen täysin toimivan web-sivun.

WordPressiä voi käyttää hyvin monenlaisten sivustojen luomiseen. Usein sillä tehdään esimerkiksi portfolioita, yritysten kotisivuja, verkkokauppoja, artistien tai muusikoiden kotisivuja, digitaalisia julkaisuja – ja tietysti blogeja. WordPressin suurimmat kilpailijat ovat Joomla, Wix ja Weebly, sekä uudempi ja paljon yksinkertaisempi työkalu nimeltään Simple Site.
Wordpressin suosio on kuitenkaan tuskin hiipumassa, sillä se on onnistunut uudistumaan varsin hyvin vuosien varrella. Yksi huono puoli WordPressissä kuitenkin on: palvelu on niin suosittu, että joskus voi olla vaikeaa löytää sopivaa vapaana olevaa alidomainia – sen on todennäköisesti jo joku toinen napannut.

Markkinoi nettisivuasi

February 6th, 2016

Oman nettisivun perustaminen on nykyään varsin helppoa, eikä se edellytä enää samalla tavalla HTML-osaamista ja ohjelmointitaitoja kuin vielä 10 – 20 vuotta sitten. Nykyään on nimittäin tarjolla paljon valmiita niin sanottuja CMS- eli sisällönhallintapalveluja, joiden avulla uuden www-sivun saa pystyyn vaikka parissa minuutissa ilman IT-alan erikoisosaamista. Ja mikä parasta, monet palvelut tarjoavat nettisivuja myös ilmaiseksi – tosin tietyin rajoituksin.

Uuden nettisivun avaaminen on siis helppoa. Maailma on kuitenkin täynnä nettisivuja eikä pelkkä uuden sivun avaaminen tuo sinne vielä välttämättä ensimmäistäkään vierailijaa. Tämän vuoksi on erittäin tärkeää osata markkinoida sivua oikein ja hankkia sille näkyvyyttä netissä. Nettisivun markkinoinnissa kannattaa toimia suunnitelmallisesti, ja ensin on järkevää hyödyntää kaikki maksuttomat keinot sivun näkyvyyden parantamiseen.

Tärkeintä on huolehtia siitä, että uusi sivu tulee mukaan hakukoneiden – käytännössä Googlen – indeksiin, ja löytyy hakupalvelusta sopivilla hakusanoilla. Tästä käytetään nimitystä SEO (Search Engine Optimization), joka tarkoittaa sivun optimointia hakukoneita varten. Tähän löytyy paljon ohjeita internetistä. Hakukoneoptimoinnin lisäksi kannattaa varmistaa, että oma sivu löytyy tärkeimmistä aihepiirin linkkilistoista ja mikäli mahdollista, niin myös muut sivustot lisäävät sivuilleen linkin sinun sivullesi.

Ilmaisten markkinointikeinojen jälkeen voi ottaa käyttöön varsinaisen markkinointibudjetin ja perinteisen maksullisen mainonnan. Tämänkin voi aloittaa Googlesta, joka tarjoaa Adwords – mainosohjelmaa hakukonepalvelunsa yhteyteen. Myös muut hakukoneet sekä esimerkiksi Facebook tarjoavat vastaavia mainosohjelmia webmastereille. Jos budjetissa on varaa, niin hyviä kanavia nettisivun markkinointiin ovat myös TV ja radio.

PC-pelien visuaalisuus

July 19th, 2015

Sanokaa mitä sanotte pelattavuudesta, mutta parhaista ja viimeisimmistä grafiikoista pelien parissa nautitaan aina pöytäkoneympäristössä. Koska nykyaikana pelijätit Sony ja Microsoft päivittävät konsoleitaan vain harvakseltaan, ei PlayStationin tai Xboxin mallit pysy suorituskyvyn kehityksen kärryillä kuin maksimissaan puolet käyttöiästään. Toisin on PC-maailmassa, missä jokainen peluri voi päivittää itse rautaansa niin halutessaan uusien prosessoreiden ja näytönohjainten ilmestyessä markkinoille.

Tämän seurauksena voidaan siis melko huoletta todeta, että erityistä visuaalista otetta kaipaavien pelaajien tulisi sijoittaa rahansa tietokoneeseen, tarkemmin PC-ympäristöön. Macit kun eivät tunnetusti ole suunniteltu pelikäyttöön. Katsotaan siis seuraavaksi, millaiselta pelaaminen eri genreissä nykypäivänä näyttää.

FIFA

4090564-happy-man-on-the-couchJalkapallopelejä tuottava FIFA on putkauttanut markkinoille uuden version vuosi toisensa jälkeen vuodesta 1993 lähtien: täten onkin hauskaa ja opettavaista tutkia grafiikan vuosittaista kehitystä aina viime vuoteen saakka: Alkuvuosien versiot ovat monien mielestä huvittavia räpellyksiä, toisten mielestä legendaarisia nostalgiapläjäyksiä. FIFA 96 pyöri jo kolmiulotteisessa ympäristössä mm. PlayStationilla. FIFA 98 otti sittemmin huikeita graafisia harppauksia aiempiin malleihin verrattuna, ja pelaajat alkoivat jo näyttää hieman esikuviltaan.

Selkeää kehitystä voi nähdä myös 2006-versiossa, jossa pelaajien liikkeet ja ulkoasu ovat jo huomattavasti kehittyneemmällä tasolla. Monin tavoin uudet FIFA:tkin pohjaavat käyttöliittymänsä ja toimintansa juuri tämän version innovaatioille. Nykypäivän pelikoneiden graafinen suorituskyky mahdollistaa jo hulppeat grafiikat ja yleisen visuaalisuuden, ja on mielenkiintoista nähdä, milloin pelinäkymä ei enää poikkea merkittävästi tavallisesta jalkapallo-ottelun seuraamisesta television välityksellä.

Psycho

Televisiosta puheen ollen, olet varmasti kuullut joskus Alfred Hitchcockin kauhuklassikosta 60-luvun alusta, jossa selkäpii karmii jopa traumaattisen vakavasti. Nyt tämän elokuvan pohjalta on luotu myös videokolikkopeli, johon pelintekijä NYX Gaming on pyrkinyt sisällyttämään kaikki esikuvansa kauhuelementit. On jännittävää havaita, kuinka suurklassikosta tuttu tunnelma voidaan siirtää onnistuneesti näinkin yksinkertaiseen peli-ideaan. Peliesittelyn löydät esimerkiksi Suomicasino.comin sivustolta.

Jo pelin alkuvideo todistaa, ettei tässä videoslotissa jaeta nyhveröille latin latia. Elokuvasta tutut teemat, kuten veri ja puukot ovat hyvin esillä rullilla esiintyvillä symboleilla, mikä tekee tästä pelistä huikean vaihtoehdon niille, jotka kaipaavat pimeään syysiltaansa hieman jännitystä monessa muodossa.

Valokuvien rooli viestinnässä

August 26th, 2014

“Maailma muuttuu, Eskoseni”, kirjoitti Aleksis Kivi aikoinaan. Tämä lause voisi koskea vaikkapa sitä, miten visuaaliseksi kulttuurimme on muodostunut. Viime vuosina ihmiskunta on näpsinyt yli kymmen prosenttia kaikista ottamistaan valokuvista, eikä ihme, sillä lähes jokainen kantaa nykyään kameraa jossain muodossa mukanaan lähes koko ajan. Tämä on vaikuttanut myös siihen että sosiaalisen median kautta valokuvista (ja videoista) on tullut uusi, universaali kieli.

Valokuvista on itseasiassa tullut jossain suhteessa paljon tärkeämpi viestintäkeino kuin itse tekstistä. Sivusto, jossa on yksivärisen taustan päällä komeileva, isolla Ariel-fontilla kirjoitettu väriteksti ja jota koristaa ehkä yksi pikselinlaadultaan huono valokuva, ei saa enää osakseen muuta kuin korkeintaan sympatiaa, etenkään jos perimmäinen tarkoitus oli yrittää myydä jotain.

Tänä aikana menestyäkseen sivuston valokuvien täytyy olla hyvälaatuisia ja ihan erityisen hyvälaatuisia silloin jos kysymys on verkkokaupasta, koska sivuilla vierailevat helposti yhdistävät valokuvien laadun tuotteiden laatuun. Samoin yrityksen, joka hyödyntää sosiaalista mediaa markkinoinnissaan, on tärkeää lisätä päivitykseensä kuvia.

Oman sivustonsa linjaa miettiessään on hyvä vierailla muilla sivuilla ja miettiä mikä niissä on hyvää tai huonoa. On yrityksiä jotka onnistuvat saamaan tuotteestaan äärimmäisen houkuttelevia jo ihan pelkästään tarjoamalla sivustoillaan valokuvaelämyksiä, kuten tekee tämä italialainen hotelli. Sen idean ymmärtänee ilman italiankielen tuntemustakin.

Verkkokauppojen kohdalla taas hyvälaatuisten kuvien lisäksi tärkeintä on että tuotteet ovat selkeästi näkyvillä, kuten tässä suomalaisessa verkkokaupassa, joka on viisaasti valinnut valkoisen taustan, sillä silloin huomio kiinnittyy välittömästi itse tuotteisiin. Joskus valokuvilla ei ole muuta tarkoitusta kuin saada vierailija tuntemaan olonsa tervetulleeksi. Usein tätä kikkaa käyttävät modernit yritykset, joiden liiketoiminta tapahtuu suurelta osin internetissä, sillä se poistaa yritykseltä mahdollisen kasvottomuuden ja antaa potentiaalisille asiakkaille inhimillisen ja lämpimän kuvan yrityksestä.

“Minkä kuulet, unohdat. Minkä näet, muistat. Minkä teet, opit”, väittää vanha kiinalainen sananlasku. Teksti on helpommin unohdettavissa ja ohitettavissa kuin kuva. 90 % aivojen käsittelemästä tiedosta on visuaalista tietoa, joten ihan jo markkinointiakin ajatellen yritys voi tehdä itselleen suuren palveluksen satsaamalla sivustonsa visuaaliseen ilmeeseen.

Web-sivu sveitsiläiseen tapaan

July 29th, 2014

Kun halutaan luoda www-sivulla mielikuvia, käytetään usein sellaisia värejä, symboleja ja kuvakieltä, jotka auttavat ihmisiä mieltämään ja hahmottamaan jonkin asian www-sivun kautta. Minkälaisia mielikuvia Sveitsi sitten herättää? Kenties jotakin valkoista ja puhdasta, kuten lumi ja alpit, sveitsiläinen puhdas luonto ja luonnonläheinen teknologia. Sveitsiläiseen luontoon liittyen myös vesistöt, ja vuoret kuuluvat varmasti kuvaan. Jos taas muistelemme, mistä asioista Sveitsi tunnetaan, voisi symboleja olla vaikkapa kellot ja muu hienomekaniikka, sekä teknologia, kuten myös sveitsiläiset juustot, viinit ja suklaat. Yksi vahva sveitsiläisyyden symboli on myös Sveitsin punainen lippu, jossa on valkoinen risti.

Näistä lähtökohdista voidaan alkaa rakentamaan sveitsiläistyyppistä www-sivua. Taustakuvana voisi olla vaikkapa alppimaisema tai valkoinen vuoren lumihuippu. Kuvakieltä käyttäessä ei voi unohtaa monia pieniä sveitsiläisyyden symboleja, kuten vaikkapa juuri huippuarvostettuja sveitsiläisiä kelloja. Sivun teemaväreinä voivat olla vaikka Sveitsin lipun värit, ja kuva-aiheita käytettäessä voisivat sivulla vuorotella esim. alppimaisemat ja sveitsiläisen pienteollisuuden, kuten viinien, juustojen ja suklaan kuva-aiheet. Tämä on tietysti vain yksi idea sveitsiläisestä web designista. Hyvä esimerkki sveitsiläiseen tyyliin tehdystä www-sivusta on itse asiassa kauneuden ja terveydenhoidon erikoissivusto Swiss Clinic, joka esittelee sveitsiläisiä kauneuden ja terveydenhoidon tuotteita ja palveluita. Sivun yleisilme on vaalea ja asiallisen hillitty. Sivua voisi sanoa klassisen kauniiksi ja tasapainoiseksi. Pieni vihjaus Sveitsiin löytyy Swiss Clinicin logosta, jonka fontti on sveitsiläistyylinen ja logossa näkyy myös pieni Sveitsin lippu.

Aina ei tarvitsekaan sijoittaa kaikkia asioita kerrallaan www-sivulle, vaan pieni vihje toimii usein paljon paremmin. Tämä sääntö pätee www-sivujen visuaaliseen toimivuuteen yleisemminkin: jos yrittää sijoittaa liikaa teknisiä ”hienouksia” ja vaikka multimediaa sivulle, voi lopputulos olla varsin amatöörimäinen. Swiss Clinic on sen sijaan hyvä esimerkki ammattitaitoisesta web-suunnittelusta. Koska www-sivujen ulkoasu on tänä päivänä tärkeää, ja ihmiset tekevät monenlaisia arvioita esim. jonkin yrityksen luotettavuudesta juuri www-sivun ulkoasun perusteella, on toimivan www-sivun omistaminen yrityksille hyvin tärkeää.

Hyvän webbisivun luominen

February 24th, 2014

Jokainen nettisivun luoja haluaa varmasti tehdä hyvän ja mieleenpainuvat sivut. Ja varmaan jokainen on jossain vaiheessa vieraillut jollakin nettisivulla, joka ei voi vähempää kiinnostaa mutta silti se on vain kahlattava läpi jotta löytäisi juuri sen kohdan, jota hän tarvitsee. Kuulostaako tutulta? Todellakin. Tällaisissa sivuissa on yleensä muutama seikka, joilla sen saisi paremmaksi, pienin korjauksin.

Yksi asia johon tulisi kiinnittää huomiota sivuja suunnitellessa, on se että sivut ovat selkeät käyttää. Jos asiaa on paljon, eikä sitä ole millään tapaan jaettu aihepiirien mukaisesti, tekee se sivusta hankalan luettavan. Sen voi tehdä joko yläotsikoilla ja sivussa olevalla aihejaolla. Myöskin jos tekstiä on samalle sivulle ahdettu liikaa, tekee se tiedon saamisesta puuduttavaa ja mikäli tietoa ei löydy tarpeeksi nopeasti, on tässä vaiheessa jo lukija mahdollisesti vaihtanut sivustolta pois. Eikä sekään auta jos kuvat ja tekstit ovat sikin sokin, vaikeuttaa sekin myöskin sivujen lukemista. On aina parempi, mitä vähemmän klikkauksia sivulla kävijä joutuu tekemään saadakseen haltuunsa haluamansa tiedon.

Eli selkeät valikot sivustoon, siitä lähdetään. Tämän on myös havainnut pelialan yhtiö Betsson jonka sivut ovat selkeät ja informatiiviset. Yläosasta löytyy jaoteltuna eri peliosiot vedonlyönnistä pokeriin ja arpoihin ja kustakin yläotsikosta pääsee helposti näihin alaosastoihin, jotka myös ovat selkeät ja navigoiminen pelistä toiseen sujuu hyvin. Sivuilla on juuri sopivassa suhteessa grafiikkaa ja tekstiä, joka tekee sivuista kutsuvat.

Jos verkkosivulle halutaan paljon kuvia, on ne hyvä laittaa kaikki yhteen ja samaan kategoriaan, kuten monesti näkee esim. hotellien omilla sivuilla olevan tapana. Sieltä löytyy kuvagalleria, josta löytyy kaikki hotellin kuvat yhdeltä ja samalta sivulta.

Myöskin kuvaavat otsikot ovat hyviä. Jos tarkoitus on esim. esitellä henkilökuntaa, on sen paikka luonnollisesti otsikon esim. henkilökunta-otsakkeen alla. Tällöin sivulla olija tietää jo heti avaamatta otsikkoa, että tästä osiosta löytyy henkilökunnan esittely ja mahdollisesti kunkin yhteystiedot.

Ja on syytä myös katsoa, että jos yhden sivun tekstiosuus alkaa muodostua liian pitkäksi otsakkeidenkin kanssa, että joka aihealueen jälkeen on vierityspalkki takaisin ylös. Välillä ei nimittäin ole mitään niin ärsyttävää kuin skrollailla sivukaupalla tekstiä takaisin ylös kun sen voisi tehdä helpomminkin.