Webtrender 2017

Publisert: 06.03.2017

I 2017 vil vi se ny teknologi på enkelte nettsteder. Virtual Reality via nettleseren, partikkelgrafikk ved bruk av WebGL, 360-graders opplevelser med integrert navigering, animert historiefortelling i fullskjerm og andre spennende løsninger.

Nyskapning og forutsigbarhet

Å forsøke å innovere og skape noe nytt, kan gi merverdi, men brukervennlighet er fortsatt viktigst i de aller fleste webprosjekter. Mindre webprosjekter vil derfor fortsatt bære preg av at unikt design er nedprioritert til fordel for funksjonalitet og brukervennlighet.

Forutsigbarhet er kanskje ikke det designere drømmer om, men for brukere kan det være fint. Vi vil likevel se en del unike designløsninger i 2017. Å gjøre det med egenprodusert grafikk og illustrasjoner kan være en løsning som ikke går for mye utover brukervennligheten. Er du en dyktig illustratør, vil det kunne ligge til rette for et godt år. I de aller fleste prosjekter vil derimot egnart vike for innhold og brukervennligheten.

Hamburgermenyen ☰

Sombolet som kan vise og skjule menypunkter, fungerer greit når brukere kjenner igjen symbolet og vet hva de søker. Hamburger-menyen avskaffes likevel på de større nettstedene – fordi andre typer navigering skaper mer engasjement og i større grad åpner for å oppdage innhold og valg på nettstedet. Flere vil benytte prioriterte menypunkt på små skjermer. Det blir spennende å se hvilke nye alternativer til hamburgermenyen som dukker opp dette året.

One-page-design og «skrollorama»

One-page-design vil fortsatt være populært og søkemotoren Google takler det stadig bedre. Mot slutten av 2017 vil vi kanskje se denne trenden avta, da skrolling på startsiden antagelig ikke har noe for seg.

Enkelte design-løsninger er nok også fortsatt populære fordi design som hyllevare i form av ferdige malsett (themes) ikke henger med i utviklingen. Store og små tilbydere av «design på boks» er rett og slett ikke villige til å skrote utdaterte designløsninger.

Skolling som en «lineær navigasjon» kan likevel ha noe for seg når man har en historie og fortelle, ved fremstilling av en tidslinje eller lignende konsepter. En god histore vil absolutt kunne lede brukeren videre i skrollingen. «Uendelig skrolling» som navigering, regnes for å fungere bra i sosiale medier – hvor du skal bla igjennom mange poster i kronologisk rekkefølge. Forsiden på en nettavis er et annet eksempel hvor brukeren antagelig er motivert til å skrolle.

«UX writing»

I 2017 vil de store aktørene forsøke å ta brukervennligheten til et nytt nivå. Man snakker da ikke bare om brukergrensesnitt (UI – User interface), men brukeropplevelse (UX – User eXperience). I den forbindelse har det dukket opp nye uttrykk som «UX writer» – en type tekstforfattere som er spesialisert innenfor brukeropplevelse og som antagelig vil jobbe tett med design-teamet.

Chat og live dialog

Det passer ikke for alle nettsteder, men vi ser oftere og oftere en chat-med-oss-boks på nettsteder. Det kan være live support eller kundeservise for produkter/tjenester. Det kan også være hjelp med et avansert søk etter informasjon. De store aktørene vil i fremtiden også ta i bruk kunstig inteligens i slike chat-bokser.

Utfordinger for de små og mellomstore

Brukere forventer en god opplevelse med skarpe bilder, ryddig innhold og nyttig funksjonalitet. Webløsningene blir mer avansert og samspillet mellom mobil, sosiale medier og handel forsterkes. Konseptet med CMS og publisering på web er at bedrifter skal kunne produsere og vedlikeholde innhold selv. Det er derfor utfordinger knyttet til å gjøre publisering for web enkelt nok for småbedrifter, men godt nok for brukerne av nettstedet.

Kravene fra brukerne øker antagelig i høyre takt en kompetansen til webansvarlige i små og mellomstore bedrifter.

Alle bruker internett. Et vellykket nettsted bygges ikke bare for den idéelle bruker, men må også designes for den mindre idélle brukeren. Det samme gjelder administrator-delen av løsningen – spesielt for små og mellomstore bedrifter. Å klaske opp en Wordpressløsning i full fart vil dermed fungere dårlig på flere plan.

I 2017 vil noen webdesignere levere det kunden spør etter eller det de alltid har levert. Gode webdesignere vil levere det som kunden trenger – det som fungerer for både administratorer og besøkende på nettstedet.

«Progressive Web apps»

Statistikk viser at mobiltilpassede websider øker i større grad enn apper. Spesielt gjelder det områder hvor brukerne ikke er aktive daglig. Hvis man ønsker å vite om en vare er på lager, er man som regel ikke særlig lysten på å laste ned en egen app. Det er heller ikke plass til ubegrenset med apper på en mobil enhet.

Progressive Web-applikasjoner (PWA) er kort sagt et mobiltilpasset nettsted som oppfører seg mer som en app.

Den kan laste "skallet" først, og deretter innhold. Den kan også lagre innhold i nettleserens minne, slik at lastingen går raskere. Innhold og funksjonalitet, kan fungere med treg eller ingen internettforbindelse. Eventuelle oppdateringer av webappen kan foregå i bakgrunnen uten at man må be brukeren om å oppdatere. Til og med pushvarsler, installering og bruk uten nettleser-navigering, kan løses. Apples iOS-produkter støtter i utgangspunktet ikke alle disse funksjonene enda, men vi tror det kommer. Her er noen sentrale begreper innen WPA (og du kan se hvilke nettlesere som støtter dem): Service Workers Push API Web App Manifest

2017 og forbi...

Det er også spennende å spekulere i hva som vil skje innen digital design i årene som kommer. Hvor inteligent kan design av nettsteder og apper bli? Kanskje grensesnittet vil kunne tilpasse seg brukerens alder og handlingsmønster. Hvis en bruker kløner, vil appen kanskje kunne fjerne valg, gjøre knapper og tekst større, fargene tydeligere. Noen mener AI (Artificial intelligence) vil kunne ta over designernes jobb. Hvorfor kan ikke designere heller bruke AI til sin fordel? Noen brukere ville sikkert like å kunne klikke på en mikrofonknapp og spørre nettbutikken: "Hvilke tøfler har dere i størrelse 42?".

Se også webtrender for 2016

https://...

I 2017 vil Google Chrome varsle når en sidevisning inneholder innlogging eller skjemaer uten å benytte sikker forbindelse (https://...). Det kan godt være at andre nettlesere vil gjøre det samme.
Les mer om https her

Flexbox

Er du en designer eller webutvikler selv, er det kanskje på tide å ta en titt på Flexbox. Flexbox gjør det enkelt å justere ting langs en horisontal/vertikal akse og fylle områder i høyden og bredden. Explorer 11 har en del bugs i sin tolkning av flexbox. Ellers er Fexbox støttet av alle moderne nettlesere.

Enheten Viewport

Viewport Width (vw) og Viewport Height (vh) er måleenheter som brukes oftere og oftere i stedet for px, em og % når man skal definere høyde/bredde/størrelse på elementer. Måleenheten kan forstås som prosent av vinduets tilgjengelig bredde og høyde. Explorer og Edge støtter det også med unntak vmax-enheten.

CSS Grid Layout

CSS Grid layout er en innebygget funksjon i nettleseren for å benytte kolonner og rader i et layout-system. Denne teknologien er ikke støttet av alle de viktigste nettleserene enda, men vil muligens være hot mot slutten av året eller i 2018. Du kan følge med på hvilke nettlesere som støtter CSS Grid Layout her.

Web

Vi lager websider og publiseringsløsninger for web.

Grafisk Profil

Vi utvikler logo og andre elementer i bedriftens grafiske profil.

Produksjon

Vi produserer annonser, brosjyrer, kundeaviser og alt innen trykksaker.

Prosjekt

Vi setter sammen et team av ulik spisskompetanse for håndtere store og små prosjekter