Webdesign Trends 2020: Dessa konstruktioner är för närvarande inställda på att ange tonen

Sonja Hoffmann Senast uppdaterad den 21 oktober 2020
8 Min.
Senast uppdaterad den 21 oktober 2020

Varje år är det spännande att inspireras av webbdesigntrender och att titta på aktuell och kommande utveckling: Vilken estetik har vi att säga adjö till i framtiden? Och vilka trender kommer att dominera designvärlden under de kommande åren? Webbdesigner Sonja Hoffmann har sin bedömning för 2020 i bagaget.

Olika källor verkar vara överens om att eran av platt design kommer att blekna i bakgrunden 2020. Å ena sidan antas att andra mönster helt enkelt kommer att komma i förhand. Och å andra sidan, att en förändring mot semi-platt design skulle kunna tillkännages här.

Webdesign Trends 2020: Dessa konstruktioner är för närvarande inställda på att ange tonen

Dessutom ökar illustrationerna, mestadels handritade och långt ifrån perfektionism. Således kommer inte bara rubriker har en mer personlig touch, men också fast integrerade element, såsom ikoner och knappar. Eftersom webbdesign - som de olika experterna på fackpublikationer är överens om - har haft en alltför artificiell och perfekt touch under de senaste åren. I framtiden kommer mer uppmärksamhet att ägnas åt individualitet och personlighet.

Gradienter kom med den fortsatta utvecklingen av CSS och kommer att förbli hos oss i framtiden. Det verkar fortfarande finnas tillräckligt behov av prospektering och utveckling. År 2020 kan vi också se fram emot det som väntar oss när det gäller variationer och kombinationer. Färggradienter fortsätter också att uppta en fast plats i logodesign.

Högljudda färger och minimalism kommer att fortsätta att spela en viktig roll 2020 

Den mängd information som vi konfronteras med i dag tvingar oss att presentera vår information tydligare och skarpare. Väl använda områden säkerställer att användaren kan arbeta sig igenom inaget snabbare och därför har en trevligare, men också effektivare användarupplevelse. Minimalism, särskilt fördelarna med Whitespace, kommer att fortsätta att vara en integrerad del av designkoncept under det kommande året.

Webdesign Trends 2020: Dessa konstruktioner är för närvarande inställda på att ange tonen

Minimalism – dvs. Här kan du också använda högt och meningsfullt färger.

Webdesign Trends 2020: Dessa konstruktioner är för närvarande inställda på att ange tonen

Naturliga färger förblir ordningen för dagen

Med sina ändlösa prognoser för Turn of the Year med sig återigen inspiration till "årets färg". Vilket, som de flesta designers är överens om, kommer att fortsätta att vara i sfären av naturen. Vi kommer också att se en hel del mjuka greener och blues år 2020, med en tendens till "Mint".

Grafiska element kombinerat med bilder eller fotografier

År 2020 kommer det förmodligen fortfarande att finnas en förkärlek för asymmetriska layouter. Speciellt bilder och fotografier kombineras med illustrationer och "Fet typografi". En blandning av grafiska element och visuellt material avrundar därmed den minimalistiska trenden för det kommande året på ett spännande sätt.

Webdesign Trends 2020: Dessa konstruktioner är för närvarande inställda på att ange tonen

Användaren förblir fokus

I framtiden kommer också fokus för god webbdesign att ligga på användaren. Särskilt inom området e-handel, användarupplevelsen av slutanvändaren är i förgrunden i alla kreativa beslut. Tydliga designer som är lätta att navigera och förstå ersätter abstrakta och förvirrande layouter. Användaren resan bör utformas så enkelt och okomplicerat som möjligt. Färgade uppmaningsinsatser kommer att användas mer specifikt.

Förutom tydligt strukturerade onlinebutiker kommer responsiv design i synnerhet att fortsätta prioriteras. Varför? Under tiden har nästan 60 procent av våra mobila enheter i västvärlden tillgång till Internet. 

Nu när Google officiellt har gjort mobil användarvänlighet en stor faktor i rangordningen, ingen bör försumma sin mobila webbplats, som fortfarande vill registrera besökare på sin webbplats i 2020. På så sätt kommer vi inte att påverkas av termerna " mobile first " och "lyhörd".

Dessutom är inbäddningen av SVG-filer fortfarande ett aktuellt ämne. Även om det inte är ny information, använder för få webbsidor fortfarande vektoriserad grafik. Särskilt på de mindre enheterna har vektorgrafik betydande fördelar– till exempel snabbare laddningstider och exceptionell skärpa med 100 % skalbarhet.

Senast sedan den PUL har fått oss alla att få panik, är vi medvetna om att våra data lagras. I framtiden kommer dessa att användas mer förnuftigt, och mer anpassade till användaren. Riktade annonser är inte längre en nyhet. Från och med nu kommer vi att kunna ta emot push-meddelanden från våra besökta webbplatser, även om framgången för dessa webbplatsoperatörer är svårt för oss att förstå (Vad spelar egentligen roll? Vad är egentligen läsas?).

Speciellt då, användningen av chatt bots och AI är mer meningsfullt, eftersom de bygger på ömsesidig interaktion och erbjuder ett klart igenkännligt mervärde för konsumenten.

Vi har fått nog av stela webbplatser: 2020 kommer att vara mer rörliga och animerade. Hittills har mediet för video använts relativt sparsamt i webbdesign. Slutligen, när du använder rörliga bilder, konsekvenserna för laddningstiden, avvisningsfrekvens och Google ranking måste alltid beaktas.

Senast sedan införandet av den nya mer webb-vänligt format .webm detta har lättat något. För att kunna skapa fler intressanta webbplatser i framtiden kommer vi att se fler animerade illustrationer i form av GIF's. Dessutom görs så kallade mikrointeraktioner allt tydligare och vänligare.

Microinteractions är små animationer som visar oss som användare att något händer eller bör hända här. En lekfull form av "feedback", så att säga. Som användare gör detta att du känner dig mer integrerad och kan lättare identifiera dig med webbplatsen/ produkten. Dessutom kan dessa interaktioner ge positiva stunder av överraskning och fungera som en riktlinje för att definiera användaren resan tydligare. Detta gör användarflödet enklare, så användaren är mer benägna att hitta vad han söker på hemsidan.

Till exempel kan en mikro-interaktion se ut så här:

Webdesign Trends 2020: Dessa konstruktioner är för närvarande inställda på att ange tonen
Webdesign Trends 2020: Dessa konstruktioner är för närvarande inställda på att ange tonen
Webdesign Trends 2020: Dessa konstruktioner är för närvarande inställda på att ange tonen
Webdesign Trends 2020: Dessa konstruktioner är för närvarande inställda på att ange tonen

3D och "3D-ljus"

Som en bieffekt för spridningen av augmented reality (AR) och virtuell verklighet (VR), förväntas fler 3D-element integreras i vår webbplats design i framtiden. AR /VR kommer inte att göra genombrottet i webbdesign nästa år heller. Å ena sidan är orsakerna till detta för höga kostnader. Men också motsättningen till de optimerade laddningstiderna och de konstruktioner som fokuserar på slutanvändaren. Användningen av ny teknik är naturligtvis mest meningsfull om den ger oss ett uppenbart mervärde.

Webdesign Trends 2020: Dessa konstruktioner är för närvarande inställda på att ange tonen

Som ett kostnadsbesparande alternativ, dvs ett slags "3D-ljus", är överlagrade element mycket på uppgång. Särskilt backas upp av ljus skuggor, dessa tyder på en liten tredimensionalitet och skapa mer djup.

Webdesign Trends 2020: Dessa konstruktioner är för närvarande inställda på att ange tonen

Sedan den allmänna dataskyddsförordningen träder i kraft ( PUL ) i maj 2018 har ett antal överträdelser redan bestraffats. Bland dem finns tunga, som Heise Online rapporterar i denna artikel. Under tiden har man också kommit överens om ett begrepp för att mäta bötesbeloppet, som bland annat beaktar företagets omsättning och rättsaktens allvar.

Vidare förväntas vi anta e-integritetsförordningen (ePVO) 2020, som kommer att klargöra rättsläget om spårningsverktyg. EPVO var ursprungligen tänkt att PUL offentliggöras gemensamt. Båda förordningarna tjänar dataskydd för första gången. Vilka krav ePrivacy förordningen kommer att innebära för webbplatsoperatörer, förklarar advokat Mario Steinberg i den här artikeln

Överflöd av Webbverktyg och ramverk

Nästa år kommer vi fortfarande att lida med ett överflöd av "programmeringshjälpmedel" i form av ramar och en ytterligare ökning av förment lättare att lära sig språk. Men marknaden har nästan nått sin mättnad - och våra utvecklare har sin nåd linjer. Ramarna, som ursprungligen var avsedda att göra designen lättare att genomföra, har också orsakat komplikationer tidigare. I framtiden, även om ännu inte direkt nästa år, kommer enklare enhetslösningar att sökas här igen.

Det finns mycket hopp för React

JavaScript är fortfarande en viktig del av webbprogrammering, med stöd av React , ett JavaScript-bibliotek för att skapa användargränssnitt.

React har redan vuxit i betydelse under 2019, men har ännu inte nått sin toppfas och kommer att fortsätta att komma under våra ögon under 2020. Med hjälp av React kommer vi med största troligt sätt att fortsätta att integrera UI-element i våra webbplatser och webbapplikationer i framtiden. För front-end utvecklare, detta är definitivt ett verktyg som är värt att förvärva. Detta gäller särskilt i WordPress sammanhang, eftersom den nya Gutenberg Block Editor bygger på React.

PHP, Ruby, Python, Node.js, Java och .Net förblir också relativt likvärdiga programmeringsspråk för backend.

Webdesign Trends 2020: Dessa konstruktioner är för närvarande inställda på att ange tonen

Användaren kommer att vara ännu mer i fokus i fram- och backend

I framtiden kommer vi inte bara att generera och utvärdera backend-data, utan också utöka den till fronten. Detta kommer att hjälpa oss att förstå mer vad som klickas och när på våra webbplatser, så vi kan anpassa UI mer effektivt och förbättra UX permanent.

Utifrån den aktuella utvecklingen kan vi anta på lång sikt att webben kommer att bli ännu mer interaktiv i framtiden. Jag ser större potential för upplevelser som är direkt och individuellt anpassade till den enskilda användaren. Till exempel webbplatsens ovanliga och kreativa navigering, som i fallet med Bruno Simons portfölj.

Webdesign Trends 2020: Dessa konstruktioner är för närvarande inställda på att ange tonen

I allmänhet bör Internet vara roligare - vare sig det genom mer kreativa och personliga förhållningssätt till beredning och reproduktion av information. En underbar och lekfull sammanfattning av Webdesign Trends för 2020 erbjuds av New York-byrån Red Collar på denna sida.

Webdesign Trends 2020: Dessa konstruktioner är för närvarande inställda på att ange tonen

Jag vill också nämna genomförandet av Voice Navigation. Även om denna teknik sannolikt inte kommer att få sitt stora genombrott 2020 kan vi förbereda oss för den på lång sikt. Samt, återigen under fokus på användarna: webbplatser som är mer noggrant anpassade till grupper av personer med begränsningar.

Så vi kan konstatera att 2020 kommer att bli ett spännande år när det gäller webbdesign, där vi vill förfina vår samlade kunskap och presentera den lättare - och med mer personlighet och roligt.

Har du någon feedback på denna utveckling eller andra trender webbdesign för år 2020 i sikte? Vi uppskattar din kommentar!

Inlägg bild: Elina Krima | Pexels

Efter att ha studerat speldesign och kreativt skrivande i lummiga Auckland, Sonja Hoffmann specialiserar sig på webb- och appdesign och dess utveckling. Hennes fokus ligger på gamification och utforska användarmotivation och dess erfarenhet, tillsammans med en passion och nyfikenhet för tekniska trender.

Liknande artiklar

Kommentarer om den här artikeln

Skriva en kommentar

Din e-postadress kommer inte att publiceras. Obligatoriska fält är markerade med *.