Sisältö MarkkinointiKehittyvä teknologia

Vuoden 2016 verkkosivujen suunnittelussa huomioitavat trendit ennen sivuston luomista

Olemme nähneet monien yritysten siirtyvän kohti puhtaampaa ja yksinkertaisempaa kokemusta verkkosivustojen käyttäjille. Olitpa suunnittelija, kehittäjä tai rakastat vain verkkosivustoja, voit oppia jotain katsomalla, miten he tekevät sen. Valmistaudu innoittumaan!

  1. animaatio

Verkon alkuvaiheiden jättäminen taaksepäin, joka oli täynnä vilkkuvia gifejä, animoituja baareja, painikkeita, kuvakkeita ja tanssihamstereita, animaatio tarkoittaa nykyään vuorovaikutteisten, reagoivien toimintojen luomista, jotka parantavat tarinankerrontaa ja tarjoavat rikkaan käyttökokemuksen.

Esimerkkejä rikkaasta animaatiosta ovat animaatioiden lataaminen, navigointi ja valikot, hiiren animaatiot, galleriat ja diaesitykset, liike-animaatio, vieritys sekä tausta-animaatiot ja videot. Katso tämä sivusto Beagle-ehdotustenhallinta-alustalta:

Beagle-animoitu verkkosivusto
Napsauta läpi nähdäksesi Beaglen hämmästyttävän JavaScript- ja CSS-animaation, kun vierität heidän sivustoaan alaspäin.

Rikas animaatio näkyy myös mikroyhteydessä. Esimerkiksi LinkedInissä käyttäjä voi viedä hiiren kortin päälle saadaksesi hienon vaihtoehtovalikon ja valitsemalla sitten ohittaa tarinan tai ryhtyä muihin toimiin.

GIF-animaatiot ovat (iloisesti?) Nousseet uudelleen, ja niitä voidaan käyttää moniin eri tarkoituksiin, mukaan lukien komedia, mielenosoitukset ja jopa vain koristeluun.

  1. Materiaali Suunnittelu

Materiaali Suunnittelu, Googlen kehittämä suunnittelukieli, perustuu painopohjaisen suunnittelun elementteihin - typografiaan, ruudukkoihin, tilaan, mittakaavaan, väreihin ja kuvien käyttöön - sekä reagoiviin animaatioihin ja siirtymiin, täytteisiin ja syvyysefekteihin, kuten valaistukseen ja varjoihin. tarjota realistisempi, kiinnostavampi ja vuorovaikutteisempi käyttökokemus.

Materiaalisuunnittelu käyttää varjoa, liikettä ja syvyyttä tarjotakseen puhtaan, modernin esteettisyyden keskittyen UX: n optimointiin ilman liikaa kelloja ja pillejä.

Muita esimerkkejä materiaalisuunnittelusta ovat reunasta reunaan -kuvat, laajamittainen typografia ja tarkoituksellinen tyhjä tila.

Youtube Android Material Design Redesign -konsepti

  1. Flat Design

Vaikka materiaalisuunnittelu tarjoaa yhden lähestymistavan minimalismin käsitteeseen, tasainen muotoilu on edelleen klassinen valinta puhtaiden linjojen ystäville. Toisin sanoen litteä muotoilu nähdään usein realistisemmaksi, aidommaksi ja mukavammaksi digitaaliseksi ilmeeksi.

Space Needle

Tasaisen muotoilun periaatteet perustuvat valkoisen tilan, määriteltyjen reunojen, elävien värien ja 2D - tai "tasainen" - kuvituksiin, ja se tarjoaa monipuolisen tyylin, jossa käytetään usein tekniikoita, kuten viivakuvaa ja pitkiä varjoja.

lander

  1. Jaetut näytöt

Jaetut näytöt ovat paras tapa käyttää, kun sinulla on kaksi yhtä tärkeää aluetta mainostettavaksi tai haluat tarjota sisältöä valokuvien tai median rinnalla.

jaetun näytön

Sallimalla käyttäjien valita sisältö ja kokemus voit luoda portaalityyppisen kokemuksen, joka houkuttelee kävijöitä sisään.

jaettu näyttö-valtameri

  1. Chromen pudottaminen

Kromi viittaa klassisten autojen kromipuskureihin ja koristeisiin, mutta se tarkoittaa verkkosivuston kontteja - valikoita, otsikoita, alatunnisteita ja reunoja -, jotka koteloivat ydinsisällön.

kromiaika

Tämä voi häiritä, ja monet yritykset päättävät irtautua säiliöistä ja luoda puhtaita, reunasta reunaan -asetteluja ilman rajoja, otsikoita tai alatunnisteita.

kromi eteenpäin

 

  1. Unohda taitto

”Taitoksen yläpuolella” on sanomalehden ammattikieltä sanomalehden etusivun yläosaa varten. Koska sanomalehdet taitetaan usein ja laitetaan laatikoihin ja esittelyihin, houkuttelevin sisältö menee taiton yläpuolelle, jotta heillä on parhaat mahdollisuudet tarttua potentiaaliseen lukijaan (ja heidän lompakkoonsa).

Verkkosivujen suunnittelu on jo pitkään käyttänyt ajatusta taitosta periaatteella, että vieritys oli raskasta. Mutta viime aikoina koko näytön kuvat ja sisältö tervehtivät käyttäjää ja kannustavat vierittämään paljastamaan lisää, perusteellisempaa sisältöä.

siemenpilkku

  1. Koko näytön video

Video voi olla hyvä tapa herättää kävijöiden huomio, ja se on usein jopa tehokkaampi kuin joko visuaalinen teksti tai teksti. Silmukkaiset videot, kuten Applen Apple Watchille käyttämät videot, ovat ainutlaatuinen tapa asettaa ääni ja houkutella kävijöitä.

Highbridge
Napsauta läpi nähdäksesi Highbridge: n video heidän kotisivullaan

Web-suunnittelun suhteen teollisuutesi, markkinarako, kohdemarkkinat ja sisältö sanelevat paljon erityisiä komponentteja. Asettelusi riippuu siitä, mihin kävijät vastaavat ja mikä on järkevintä viestillesi. Mutta kun nämä trendit ovat käytettävissäsi, sinulla on kaikki mitä tarvitset luoda houkutteleva verkkosivusto, joka tekee mitä tarvitset, ja se osoittaa, että osaat pysyä ajan tasalla.

Pamela Webber

Pamela Webber on markkinointijohtaja 99designs, maailman suurin graafisen suunnittelun online-markkinapaikka. 99designs-palvelussa Pamela johtaa globaalia markkinointitiimiä, joka vastaa asiakkaiden hankinnasta ja asiakkaiden elinikäisen arvon kasvusta. Markkinoijakokemuksen lisäksi Pamela tuo mukanaan ensikäden kokemusta verkkokaupan yrittäjänä ja työskentelemällä nopeasti kasvavien startup-yritysten kanssa.

Mitä mieltä olet?

Tämä sivusto käyttää Akismetiä roskapostin vähentämiseksi. Lue, miten kommenttitietosi käsitellään.

Aiheeseen liittyvät artikkelit