Hjemmesidetrender i 2019

Hjemmesider 16 min read , October 27, 2019

Som webdesigner gjelder det å holde seg oppdatert på hva som skjer på hjemmesidefronten rundt om i markedet, og jeg liker å holde meg oppdatert. Det  e r  mye å følge med på, ikke bare skal man ha oversikt over hva som skjer i markedet nå, men det lønner seg å være oppdatert på det som har vært og det som kommer. Det kan handle om hvordan bedrifter fremstår på nett, hvordan folk opptrer på nettet, og hvordan de søker. Det kan også handle om design trender, og det er nettopp det jeg hadde tenkt jeg skulle ta for meg i denne posten.

Trender innen webdesign er som trender innen andre områder. De skifter raskt. Veldig raskt. Den digitale utvikling stormer fremover, og det er nesten så man kan bli svimmel av alt som skjer. Men er det så viktig å følge med på alle disse trendene? Ja! Uten tvil. Selv om trender innen interiør, interiør design, klær og mote kan ha sine likheter med hva som foregår på nett, så går som sagt utvikling enda rasker på nett. Noen trender er kommet for å bli, og andre forsvinner nesten like fort som de oppstår. Noen trender kan handle mer om hvordan man bygger en hjemmeside, altså som en backend eller front end utvikler, men de fleste trendene handler selvsagt om det visuelle.

Man bør ikke nødvendigvis kaste seg over enhver trend, og nærmest ukritisk designe en firmaside ut i fra gjeldende trend.

Det avhenger selvsagt litt på hvem du velger å samarbeide med når du skal samarbeide med en webdesigner om ditt nye hjemmeside prosjekt, men noen sitter litt fast i gårsdagen, og sverger til å bygge hjemmesider basert på maler. Maler som ofte ligger litt etter i utviklingen. Andre igjen kaster seg over de nyeste trendene, og glemmer kanskje at trender forsvinner like fort som de oppstår. Veldig ofte, i alle fall. Man bær derfor tenke nøye gjennom hva man ønsker med sin nye hjemmeside, være seg om det er din aller første, eller om du ønsker å lage et re-design av en eksisterende hjemmeside.

Jeg er av den formening at man ikke bør kaste seg over enhver trend, og nærmest ukritisk designe en firmaside etter det. Man må huske at en bedrifts hjemmeisde er bedriftens ansikt utad. I svært mange tilfeller er hjemmesiden det aller første møtet med potensielle kunder, og kan dermed være helt avgjørende i forhold til om du får et nytt salg eller ikke. Og dette gjelder ikke bare for de som selger noe på nettet. Dette er noe som gjelder uansett.... har du ønsker om at besøkende skal ta seg tid til å lese bloggen din, bli kjent med tjenestene dine, få interesse for det du har å formidle, eller lære en organisasjon å kjenne, så er det viktig at hjemmesiden forteller historien din på en riktig måte, og at den gjenspeiler bedriftens identiet  best mulig.

Jeg anbefaler ikke nødvendigvis enhver å følge siste trend i markedet.

Selv om jeg liker å holde meg oppdatert på det som skjer i markedet av trender osv, så anbefaler jeg ikke nødvendigvis enhver bedrift å følge de nyeste trendene. Av og til kan det være riktig med noe som har et litt klassisk snitt/layout, men at man tar og børster av litt støv og gjør designet litt mer tilpasset tiden vi er i. Andre ganger kan det være riktig å anbefale en god blanding av klassisk og ny trend i designet. alt avhenger av hvem du er, hva du gjør, hva du står for, hva du vil formidle eller selge. Hjemmesiden din er en stor og i aller høyeste grad en viktig del av din merkevarebygging. Det er derfor ikke å anbefale å lage et design som går ut på dato etter ett år eller to, slik at man må gjennom hele prosessen på nytt.... med nytt design, ny hjemmeside og alt det der.

Trend nr. 1.: Mobil først.

I 2018 startet Google med å indeksere mobilvennlige hjemmesider med en høyere rang på søkemotoren. Responderende hjemmesider startet selvsagt før dette, men ved å tenke mobil først når man lager hjemmesider, slik at disse tilpasser seg alle enheter, vil gi deg et langt bedre grunnlag for å gjøre det bra med den nye hjemmesiden din. Dette krever selvsagt at webdesigneren din legger ekstra vekt på en mobilvennlig side.

For å få gode resultat i søkemotorene, så handler det ikke bare om søkemotoroptimalisering. Statsitikk viser at 50% av global trafikk kommer via mobile enheter, og da spesielt mobiltelefon. Og siden mobilbruken bare øker for hvert år, så er dette en trend som kommer til å fortsette videre utover 2019 og vokse seg sterkere inn i de kommende årene. Derfor blir det enda mer viktig å legge vekt på gode visulle effekter og søke-opplevelser innen webdesign i tiden som kommer. Dette er altså en trend jeg mener alle bør følge. Som nevnt går utviklingen lynraskt, så her kan det lønne seg å følge med i tiden som kommer, slik at man er forberedt og ikke havner for langt etter.

Bilde kilde: Kizen Home av David Kovalev. Et godt eksempel på mobilvennlig hjemmeside.

Trend nr. 2.: Chatbot

Når du har surfet rundt på nettet har du sikkert lagt merke til at en rekke bedrifter har et lite vindu som popper nederst på høyre side av hjemmesiden sin, nesten umiddelbart etter at du har landet der. Denne chatten gir deg muligheten til å 'snakke' med en representant fra firmaet.

Om du legger til en chat som dette på hjemmesiden din, så betyr det at alle som besøker siden din, og som har et spørsmål som de lurer på, har muligheten til å få svar på dette ganske umiddelbart. Men for mange hjemmesider blir det vanskelig å ha noen tilgjengelig til å svare på alle disse spørsmålene i nå-tid, og det blir nesten en uoverkommelig oppgave. Spesielt vanskelig blir det dersom du har en bedrift som tiltrekker seg kunder fra hele verden, med alle de tidsforskjellene det medbringer.

En mulig løsning for dette er å lage en chatbot. Du kan da programmere en chatbot til å be om spesific informasjon fra de besøkende, slik at du kan ta kontakt med dem igjen på et senere tidspunkt (slik jeg har gjort på hjemmesiden min), eller du kan programmere chatboten til å gi svar på de spørsmål som kunden din stiller. På den måten vil alle besøkende få svar på det de lurer på med en gang. For spørsmål som chatboten ikke har svar på, kan du programmere den til å gi detaljert informasjon om hvordan kunden kan få kontakt med en av bedriftens representanter, f.eks via epsot, telefon, klokkeslett osv, slik at de får svar direkte og ikke behøver å vente så lenge på å få svar fra deg.

Eksempel på hvordan chatboten er programmert på hjemmesiden til SE Design

En chatbot er ikke å anbefale for alle typer hjemmesider, men dersom du har en hjemmeside hvor du får sprøsmål med jevne mellomrom fra de besøkende, så kan en chatbot spare deg for mye tid og likevel gi de besøkende svar og en god opplevelse når de besøker siden din. Chatbot er nok en trend som er kommet for å bli, da vi lever i en tid hvor alt skal skje fort, og hvor vi ikke har tid til å vente på svar. Man bør likevel tenke seg godt om før man velger denne løsningen. Kan det være mer hensiktsmessig med en vanlig chat, som man også kan bruke på mobile enheter? Eller kan det være like greit å bare lage en side med spørsmål og svar på de vanligste spørsmålene som bedriften din får?‍

Trend nr. 3: Bildeffekter, forbannelsen av forvrengning og bølgeffekter.

I 2018 skulle man nesten tro at alle nye hjemmesider var pålagt å måtte inneholde en eller annen form for forvregning eller effekt på nesten alt av bilder eller tekst. Akkurat sånn var det. Det siste året har gitt oss utallige eksempler på 'skade-effekter' på bilder, tekst eller videoer. Vi vil fortsatt se noe av denne trenden i noe tid fremover, men på grunn av overforbruk av disse effektene, så er denne trenden i ferd med å bli oppbrukt.

Første gang man ser disse effektene, så kan man bli positivt overrasket, men etterhvert som det blir brukt mer og mer, ikke bare på en og samme side, men nesten over alt på nettet, så føles dette mer og mer som en forbannelse enn en god trend. Personlig tror jeg ikke at dette er en trend som kommer til å bli en klassiker. Noe som står seg over lenger tid. Uansett er dette noe man bør bruke med måte.

Kilde: Jeff Angell Make up.

Trend nr.4: Animasjon

Det strides litt om hvorvidt vieoer som starter automatisk er helt ute, eller om dette fortsatt er gjeldende. Noen steder kan man lese om at at trenden med videoer nærmest er lagt død, mens andre steder blir man fortalt at video fortsatt er inn. Ja, faktisk at man skal bruke mer video enn noen gang. Det som det likevel er enighet om, er at en helt statisk side er ut. Det er faktisk gjort forskning på det at bevegelse på hjemmesiden vekker interessen hos besøkende på en slik måte at de ønsker å se mer av hjemmesiden de besøker.... de ønsker å lære mer, lese mer, handle mer..... og dette gjør også at de besøkende bruker lenger tid på siden din, som igjen genererer bedre ranking på søkemotorene.

Ønsker du ikke å bruke video, eller kanskje du ikke har video til å bruke, så trenger du ikke å være bekymret for det. Det finnes løsninger. Du kan legge inn enkle og fine bevegelser på siden din som gjør samme nytte som en video. Enkle animasjoner er i dag en voksende trend som fler og fler bruker, og man ser at slike animasjoner ofte også blir brukt i stede for fotografier for å vise, og forklare for besøkende hva de kan forvente å se/få nå de besøker en slik hjemmeside. Slike animasjoner blir også ofte brukt i godt samsvar med interaksjonsdesign, som også er bevegelser laget på siden, med den hensikt å få de besøkende til å klikke seg inn på bestemte produkt eller sider. Et så kallt 'Call to action' knapp eller animasjon.

Å lage enkle og gode animasjoner er en webdesign trend som gjør hjemmesiden din litt mer engasjerende, og som kan legge til litt ekstra personlighet.

Å lage animasjon til hjemmesider er noe som er tidkrevende, så om du vurderer å bruke animasjon på siden din, så bør du også være klar over at dette er noe som vil øke kostnadene. På den annen side, så kan det være verdt hver krone du legge i det, da animasjon og interaksjon, brukt riktig, vil kunne være med på å skille siden din ut fra alle andre, og dermed også engasjere flere besøkende.‍

Trend nr. 5.: Personlig illustrasjondesign.

I følge statistikker (jeg kan ikke gå god for at disse statistikkene er korrekte) er den visuelle effekten av illustrasjoner på brukeren 7 ganger bedre enn vanlig fotografier. Illustrasjoner er ofte best egnet til å å søke på nettsiden, gi nye/forklarende breukerveiledninger,man bruker det gjerne når man venter på at en side skal lastes opp, eller lage forklaringer på hvordan noe kan brukes, eller hvordan det fungerer etc.

I andre halvdel av 2017 begynte bedrifter som Slack og Dropbox å benytte seg av illustrasjondesign til å formidle merkevarens egenskaper. Dette gjorde at illustrasjoner ble populært, og økningen av bruken av illustrasjoner økte og ble til en ny trend i 2018. Det er forventet at denne trenden skal nå nye høyder i 2019.

Som en del av visuell kommunikasjon på moderne hjemmesider, er Personlig illustrasjondesign mer interessant enn abstrakt tekst (med personlig illustrasjondesign menes illustrasjoner som er spesialtilpasset firmaet/bedriften som eier hjemmesiden). Illustrasjondesign har en større innflytelse og flere muligheter for merkevarebygging. Med unike illustrasjoner og sterke farger, blir det enklere å gi et sterkt og godt inntrykk til brukeren/den besøkende av hjemmesiden.

Bilde klide: CrowedRise - Signup av Eddie Lobanovsky
Bilde Kilde: BrioRom

Trend nr. 6.: Inkludering av kundevurderinger.

Å inludere kundevurderinger er ingen ny trend, men absolutt en trend som er kommet for å bli. Dette er også et veldig godt alternativ for dem som ikke har budsjett til å benyttes seg av tjenester som tilbyr spesialtilpasset video eller illustrasjon. Kundevurderinger er en måte å overtale nye knder til å stole på deg og ditt produkt eller tjeneste, og at de du gjør, det du tilbyr er noe kunden din absolutt må ha.

Du kan, og bør, inkludere kundevurderinger på hjemmesiden din. Fornøyde kunder som forteller hvor fantastisk du er i jobben din er nesten helt uvurderlig.

Trend nr. 7.: Minimalistisk og runde kanter

En klassisk webdesign trend er minimalisme, hvor minimalisme er synonymt med enkelhet. Dette er en trend som har holdt seg over tid, og som vi også kommer til å se mye mer av i tiden fremover. Minimalisme er ofte førstevalget til en webdesigner, og omfavner "less is more" prinsippet. Jo færre elementer som vises på hjemmesiden, jo bedre er det.

I dagens moderne samfunn har vi liten tid til å ta innover oss informasjon. Informasjon som vi blir bombardert med hver eneste dag. Over alt. Dette gjør at hjemmesider med for mye informasjon, bilder, tekst og alt det der, til et 'Nei-prosjekt'. Et godt design gjør at besøkende kan fordøye informasjonen på så kort tid som mulig, og dette oppnås ved å bruke færre elementer.

Enten du bruker hvit design, kontraster eller typografi, en godt designet hjemmeisde vil være enkel å navigere i, samtidig som den gir nøyaktig informasjon. Dette utgjør en god brukeropplevelse. Jeg skal ikke gå i detaljer på hvordan man kan bygge opp en god minimalistisk side her (det får komme i et annet blogg innlegg), men ett eksempel er å bruke et bilde for å forklare teksten på siden, så som her:

Bruk bilde til å forklare teksten på hjemmesiden din.

Runde kanter er kanskje noe som burde vært satt inn i et eget punkt på denne listen over trender i 2019, men jeg legger det likevel inn under minimalisme. Runde kanter eller hjørner er noe som har kommet de siste par årene, og har vokst seg enda sterkere som trend sammen med minimalisme. Ved å bruke runde kanter på knapper og bilder, så myker man opp hele designet, og på den måten så passer det også ofte bedre inn med et minimalistisk design. Når man runder av hjørner på bilder eller informasjonsbokser, så legger man gjerne også inn bakgrunn skygge, slik at disse står mer frem. Dette er også en trend som vi vil se mer av i tiden fremover. Runde knapper og skygger er noe jeg blant annet har brukt på siden til Lysefjorden Adventure og Aktiv Events.

Bilde kilde: Hosting & Domains - Webdesign av Angel Villanueva

Trend nr. 8.: Interaksjonsdesign . miksing og scrolling.

‍Den mest vanlige trenden vi ser i 2019 er bruken av layouts med lang scrolling. Tidligere så vi en trend hvor man brukte kun en side, som var veldig lang, og man scrollet seg fra topp til bunn, en så kalt "en-side-layout". Nå er disse lange sidene delt inn i seksjoner, hvor deler av innholdet er separert ut. På disse sidene har de også valgt å beholde effekter som prallax, så klart, og en hel mengde med animasjon som utløses etterhvert som man scroller nedover siden. I badass.shoes-up.com kann vi se et illustrert eksempel av scroll -- animasjone, hvor navigasjonen kombinerer vertikal og horisontal i en en-side layout.

Trend nr. 9.: Fargepalett med personlighet.

I de siste årene har flere og flere designere tatt opp fargegradering i designet sitt. I 2018 var det ganske populært med flytende fargegraderinger. Selv om man bare bruker én farge, så kan det skape en fin struktur som egner seg godt sammen med forskjellige bilder. Dette kan resultere i estetiske tiltalende opplevelser. Bruken av lyse fargegraderinger og dristige illustrasjoner vil være en av de vanligste fargekombinasjonene i 2019.

Bilde kilde: Saving Animals Illustration av Zahidul

Fargepaletter med personlighet er en annen trend vi vil se mye til i 2019. Denne trenden er selve fargeskjemaet og måten det brukes som et hoveddesignelement på - vi snakker om fargeskjemaer med en personlighet som konsekvent brukes over hele produktopplevelsen.

Generelt ser vi ordninger med to eller tre primære farger og forskjellige sekundære farger. Mettede (saturated) farger og pastellfarger er kombinert, noe som gjør det mulig å treffe høye kontrasteffekter. Det er mange eksempler på vanlige dristige farger i bakgrunnen kombinert med fotografi, typografi og illustrasjon.

Bilde kilde: Frans Hals Museum

Trend nr. 10.: Miksing av 2D og 3D elementer

3D animasjon har hatt stor innflytelse på design de siste årene. Programvare som Blender eller Cinema 4D har gjort dette enda mer tilgjengelig, også for designere og andre kreative mennesker.

Den legendariske parallax-effekten bruker en falsk 3D konstruert av 2D-lag i forskjellige Z-akser. Det er veldig vanlig i CSS animasjon å etterligne denne tredimensjonale effekten. Den grunnleggende ideen til denne trenden er søket etter kontrast, 3D-elementer over flate farger eller 2D-lag som skaper et 3D-falskt scenario, noe som gir plass til et nesten etirisk bilde. Ved bruk av 2D, så bygger man altså flere lag oppå hverandre for til slutt å få en 3D effekt. Dette kan gjøres på mange måter. Noen kan bruke illustrasjoner, andre kan lage kuber, eller man kan legge bilder oppå hverandre. Da parallax effekten kom for fullt, noen år før dagens 3d effekter ble en trend, lagde jeg slike effekter for Air Esport. I dag lages slike effekter med mye mer kontraster, og ofte koblet opp mot scroll effekter.

Bilde Kilde: SE Design av Sven-Erik Slåttedalen, for Air Esport.

Trend nr. 11.: Typografi

Hjemmesidens layout er like viktig som innholdet som vises på grensesnittet. Statistikk viser at mer enn 95% av informasjonen på en nettside er tekst. Når det gjelder innflytelse på brukere, kommer typografi rett etter farger og bilder.

Eventyrlysten, dristig typografi imponerer publikum. Nøye utvalgte skrifttyper kan formidle følelsene du trenger og bygger et kraftig visuelt hierarki. Faktisk begynner flere store navn å bruke sine egne eksklusive skrifter for å øke merkets anerkjennelse.

Bilde kilde: Rei.com - Landing page

Unike fonter.

Å velge en unik skrift er en enkel måte å legge til litt personlighet på nettstedet ditt, og få det til å skille seg ut litt mer. Fonter er en del av et nettsted som mange besøkende ikke merker, men du kan bruke skrifttypevalget ditt for å legge til litt ekstra stil på nettstedet ditt og trekke mer oppmerksomhet til viktige ord.

Vær nøye med å velge en font som er lett for besøkende å lese. Stil og kreativitet bær ikke trumfe tydelighet. men så lenge du velger en typografi som er enkel å lese for alle besøkende, kan du bruke hvilken font som helts som en måte å legge til litt ekstra personlighet på hjemmesiden din. Trenden med å bruke typografi har vart en stund, og kommer nok til å vare en god stund til. Man ser at mye grafisk design har kommet inn i årets trender, og siden we får kraftigere og bedre verktøy å jobbe med som designere, så behøver vi ikke å forholde oss til strenge regler om hvordan en layout skal se ut på hjemmesidene. Man kan gjøre hva som helst, og det er bare kreativiteten som stopper en. The sky is the limit.

Trender Hjemmesider Mobil først Chatbot Bildeeffekter Animasjon Illustrasjon Design Interaksjonsdesign Fargepalett