Websuunnittelun trendit 2015

Kävin läpi muutaman tusinaa designsivustoa (lista artikkelin lopussa), joissa käsiteltiin alan ihmisten odotuksia vuodelle 2015. Kaikkien tulosten yhteisenä nimittäjänä leijuu sisällön merkityksen jatkuva kasvu. Käyttöliittymä sinällään jatkaa painumistaan taka-alalle, ja suunnittelussa pitäisi jatkossa olla kyse siitä, että saamme

julkaistua laadukasta sisältöä
julkaistua laadukkaan sisältömme häiritsemättä käyttäjää epäolennaisuuksilla
edesautettua sisällön leviämistä oikeille lukijoille

Litteys (flat design)

Eniten mainintoja tuli tälle skeuomorfismin vastaliikkeelle. Nahka, puu, kangas ja muu tekstuurien käyttö käyttöliittymien pinnoissa ei ole tänä vuonna kovinkaan suuressa huudossa. Arkipäivän keskusteluissa ja asiakaskommenteissa taas on tullut jo esille, että moni pitää litteää suuntausta tylsähkönä. Aaltoliike lienee tänä vuonna ääripisteessään ennen vastaliikkeen vastaliikettä – vaikka jo nyt on näkyvissä pieniä merkkejä skeomorfismin kasvavasta roolista älytuotteissa, joissa kaivataan käyttöä helpottavia analogioita tosielämään.

Googlen Material Design -manifestissä otetaan hieman apua tosielämästä – vaikka perusajatus on minimalistinen, visuaalisuutta rikastutetaan harkitusti viitteellisillä varjoilla ja heijastuksilla. | 50 mainintaa

Typografia

On mielestäni yllättävää, että vieläkin törmää uskomuksiin, ettei verkossa voisi käyttää kekseliästä typografiaa. Teknisiä esteitä ei ole, persoonallinen verkko-ilme on julkaisijalle tärkeää ja laadukkaiden fonttien käyttö on edullista ja usein jopa ilmaista, joten… Vähentynyt visuaalinen kikkailu käyttöliittymägrafiikoissa sinänsä antaa designeissa tilaa omaleimaiselle typografialle. Ja tänä vuonna käytetään isoja fontteja! – 35 mainintaa

Isot kuvat ja videot

Ihmiskunnan lisääntynyt visuaalisuuden vaatimus heijastuu tietysti myös verkkoon. Suuret kuvat jatkavat ajatusta käyttöliittymän painumisesta taustalle ja itse asian tulemisesta suurempaan rooliin.

Itse toistaiseksi vielä kiroilen, mikäli on tehty video asiasta joka selviäisi 5 kohdan tekstilistalla, mutta tämä on tärkeä kehitysvaihe kohti informatiivisempaa ja tarkoituksenmukaisempaa videoiden käyttöä. – 33 mainintaa

Responsiivisuus

On uskomatonta, että vielä tätä kirjoitettaessakin v.2015 julkaistaan sivustoja, jotka eivät mukaudu päätelaitteeseen. Sisältö pitäisi aina julkaista niin, että käyttäjä pääsee siihen mukavasti käsiksi laitteesta riippumatta. Onneksi responsiivisuusaate leviää ja tilanne paranee koko ajan. – 30 mainintaa

Scrollaus

Kaikki sisältö ei useinkaan mahdu ruudulle yhteen näkymään. Monet osaavat scrollata, joten tätä WWW:n aamuhämäristä saakka mukana ollutta selainominaisuutta voi huoletta käyttää. Mobiiliselailu on totuttanut ihmisiä siihen, että on mukavampi lukea yksi pitkä sivu kuin näkymä kerrallaan -paloiteltuja artikkeleita.

Scrollausta voi elävöittää vaikkapa parallax-efektillä tai pienillä transitioilla, joilla tuodaan esiin scrollautuvia elementtejä kiinnostavasti esiin. – scrollaus, parallax-scrollaus yht. 28 mainintaa, animaatiot 13 mainintaa

Mikro-interaktiot

Jokaista toimintoa ei tarvitse suorittaa omalla sivullaan ja pakottaa käyttäjää hyppimään keskittymiskykyä raastavasti kokonaisuudesta toiseen. – 21 mainintaa

Tarinankerronta

Kun kerran osaamme scrollata, voidaan tätä taitoa hyödyntää pitkistä, taitavasti toimitetuista sisältökokonaisuuksista nauttimiseen. Esim. RAY:n verkkolehti Raymond on tällä saralla jo hienosti kunnostautunutkin. Sisällössä todellakin kannattaa panostaa muuhun kuin pelkkään tuotteet – palvelut – yhteystiedot -rakenteeseen. – 15 mainintaa

Latausnopeus

Sivujen sisällön ja ulkoasun lisäksi myös tekniikan on oltava kunnossa. Hitaasti latautuvaa sivua ei lue kukaan, ja sivuston huono suorituskyky antaa koko firman toiminnasta kyseenalaisen kuvan. Suuret kuvat ja videot vaativat kovaa osaamista ja kehittyneitä ratkaisuja latautuakseen ilman kohtuuttomia odotusaikoja. – 8 mainintaa

Kiinnostavia hajamainintoja

Sivustogeneraattorit tekevät tuloaan ja ovat kehittyneet huimasti. Aina oikea ratkaisu verkkoläsnäoloon ei välttämättä ole tuhansien eurojen räätälöity sivustoprojekti, vaan kannattaa hyödyntää kustannustehokkaita valmiiksi mietittyjä ratkaisuja. Ks. esim. Squarespace, The Grid tai Kotisivukone. Suunnittelijat pääsevät eteenpäin käyttämällä frameworkejä (Bootstrap, Foundation) tai graafisia koostotyökaluja (Webflow, Froont, Macaw).

Litteän designin maailma on monesti vähän kylmä ja kliininen. Muutamissa kommenteissa olikin kiinnostava nähdä haikailua inhimillisen kosketuksen, käsintehdyn, rustiikin ja vastaavien asioiden perään.

WWW-palvelun mukautuvuus asiakkaan tarpeisiin on myös selkeä tulevaisuuden kehityssuunta. Onhan asiakaspalvelu muutenkin persoonallista, miksei verkkopalvelu olisi?

Katsastamani artikkelit

Lähes kaikissa oli mielenkiintoisia pointteja, mutta jos aiot lukea vain yhden, suosittelen JustCreativen artikkelia.