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!
- 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:
Napsauta läpi nähdäksesi Beaglen hämmästyttävän JavaScript- ja CSS-animaation, kun vierität heidän sivustoaan alas.
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.
- 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.
- 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.
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.
- 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.
Sallimalla käyttäjien valita sisältö ja kokemus voit luoda portaalityyppisen kokemuksen, joka houkuttelee kävijöitä sisään.
- Chromen pudottaminen
Kromi viittaa klassisten autojen kromipuskureihin ja koristeisiin, mutta se tarkoittaa verkkosivuston kontteja - valikoita, otsikoita, alatunnisteita ja reunoja -, jotka koteloivat ydinsisällön.
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.
- 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öä.
- 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ä.
Napsauta läpi nähdäksesi DK New Media: 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.
