Webbtrender 2023

Vi utger oss inte för att vara några orakel, men vi har surfat runt på webben och samlat ihop några gemensamma punkter för det som sägs vara trenderna för webben 2023.

Vi brukar lite skämtsamt säga att vi kan kol14-datera en webbsajt bara genom att titta på hur den ser ut och hur den presenterar sitt innehåll. Det är delvis sant, för visst finns det trender inom design och därmed också webbdesign. Vilka är då trenderna för 2023?

AI

Trendernas trend är förstås AI. AI funktionalitet som en del av en webbsajt till exempel en chatfunktion, AI genererat innehåll i form av text och bild. Möjligheterna är oändliga. 

Testa ChatGPT, be om inlägg till dina SoMe kanaler (det har vi gjort), ställ faktafrågor, be om en text inom ett visst område, fråga om tips på födelsedagspresenter - det kan bli din nya bästa vän. Testa förresten att fråga om webbtrender 2023, vi fick några gemensamma punkter men långt ifrån alla.

Midjourney är en av de största och bästa för AI genererade bilder. Här behöver du dock ett Discordkonto och det kostar en liten slant.

Pantone utsåg redan till årsskiftet årets färg, en levande röd färg som kallas "Viva Magenta". Om man nu inte vill köra på Viva Magenta finns olika AI-baserade lösningar för färgval, exempelvis Adobes Color Wheel helt i enlighet med årets största punkt.

Rörligt, rörligt, rörligt

Med "rörligt" menas egentlig allt från bakgrundsfilmer till effekter, soft scroll-animering, parallaxeffekter mellan sektioner, mikroanimationer och cinemagraphs.  Idag rör det sig ofta på många ställen samtidigt och man måste ta ut svängarna för att sticka ut och få användarnas uppmärksamhet -  det kan handla om integrerade videos, zoomeffekter, storlekar som ändras, saker som flyttar runt etc. 

Vi är helt för en bra interaktionsdesign - men det kan bli för mycket av det goda om flera olika element rör sig på en sida när du för pekaren över den eller scrollar genom den. 

Videos

Jo, de finns kvar. Allt från bakgrundsfilmer som loopas, presentationsvidoes, intervjuer, inspelade föreläsningar och tutorials. Både på webben och diverse sociala kanaler.

Mikroanimationer

Små animationer i interaktionsdesignen är väl förstås inte NYTT, men kommer att leva kvar och utvecklas - dvs feedback till användaren ges i form av mikroanimationer som exempelvis vid mouseover, klick, handlingar som att göra ett val, spara något, lägga något i en varukorg etc.

Cinemagraphs

Cinemagraphs är en blandning av stillbilder med små, repetitiva rörelser. Tänk bilderna i foton och tidningar i Harry Potters värld. Ett enkelt och snabbt sätt att få rörelse utan att använda video och som inte drar ner prestandan lika mycket.

Stor och disruptiv typografi

Vad vi förstår är trenden att ha STORA rubriker fortfarande kvar och frodas dessutom. Det kommer också mer och mer "uppbrutna layouter" med text både horisontellt och vertikalt, text som överlappar andra element och kanske tom varandra.

Vi gillar stora och tydliga rubriker, och vi gillar tillgänglighet och användarvänlighet så här tycker vi nog inte att man ska gå för långt i de flesta fall. (Såklart beror det på vilken målgrupp man har och vad man vill förmedla).

Prestanda och användarupplevelse

Prestandan för webbsajter spelar en allt större roll - både för användarnas upplevelse - med allt från UX och UX copy till hastighet och bättre ranking hos sökmotorerna.

Vi propagerar verkligen för prestanda av webbsajter, läs gärna mer om prestandaoptimering här.

Minimalism och tillgänglighet

Nästan som en motsatt rörelse till de första punkterna ovan har vi minimalism, snabba sajter, minsta möjliga designelement (vilket förstås inte behöver betyda att designarbetet är enklare) och en utveckling mot en större tillgänglighetsanpassning. Det går också ofta hand i hand med prestanda och delvis användarupplevelsen.