Varje år är det spännande att inspireras av nya trender när det gäller webbdesign och att titta på nuvarande och framtida utveckling: Vilken estetik måste vi säga adjö till i framtiden? Och vilka trender kommer att dominera designvärlden under de kommande åren? Webbdesignern Sonja Hoffmann har sin bedömning för 2020 i bagaget.

Förfallna webbdesigntrender

Olika källor verkar vara överens om att eran av platt design kommer att ta baksätet 2020. Å ena sidan antas det att andra mönster helt enkelt kommer att komma i förgrunden. Och å andra sidan, att en förändring i riktning mot halv-platt design kan tillkännages här.

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.

Permanenta konstruktioner

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öga färger och minimalism

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.

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

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

Med sina oändliga prognoser ger årsskiftet återigen inspiration till "årets färg" i år. Vilket, de flesta designers håller med om, kommer att fortsätta att vara inom naturområdet. Vi kommer också att se många mjuka nyanser av grönt och blått under 2020, med en tendens till "Mint".

Collage: layout, foton & stark typografi

Å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.

Fokusera på våra användare

I framtiden kommer fokus för god webbdesign att fortsätta att ligga på användaren. Särskilt när det gäller e-handel är slutanvändarens användarupplevelse i förgrunden i alla kreativa beslut. Tydliga mönster som är lätta att navigera och förstå ersätter abstrakta och förvirrande layouter. Användarresan ska göras så enkel och okomplicerad som möjligt. Färgkontrast call to action kommer att användas på ett mer riktat sätt.

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 till en viktig faktor i rankningen bör ingen försumma sin mobila webbplats som fortfarande vill spela in besökare på sin webbplats 2020. På detta sätt kommer vi inte att undantas från termerna "mobil först" och "lyhörd" i framtiden.

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

Senast sedan PULhar fått oss alla att få panik, vi är medvetna om att våra uppgifter lagras. I framtiden bör dessa användas mer förnuftigt och mer skräddarsytt för 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 är svår för oss webbplatsoperatörer att förstå (Vad kommer egentligen? Vad är egentligen läst?).

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.

Globala webbdesigntrender

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 introduktionen av det nya webbvänliga formatet .webm har detta lossnat något. För att göra mer intressanta webbplatser i framtiden kommer vi att se animerade illustrationer i form av GIF oftare. Dessutom kommer det att bli fler och fler så kallade mikrointeraktioner, vilket kommer att göra navigeringen via webbplatserna tydligare och vänligare.

Mikrointeraktioner är små animationer som visar oss som användare att något händer och 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 lättare kan identifiera dig med webbplatsen / produkten. Dessutom kan dessa interaktioner ge positiva överraskningar och fungera som en guide för att definiera användarresan tydligare. Detta gör användarflödet enklare - så användaren är mer benägna att hitta det han letar efter på webbplatsen.

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

3D- och 3D-ljus i webbdesign

Som en bieffekt av spridningen av augmented reality (AR) och virtual reality (VR) förväntar vi oss fler 3D-element integrerade i våra webbdesigner i framtiden. AR/VR kommer dock ännu inte att göra genombrottet inom webbdesign nästa år. Skälen till detta är å ena sidan för höga kostnader. Men också motsägelsen mot de optimerade laddningstiderna och de mönster som fokuserar på slutanvändaren. Användningen av ny teknik är naturligtvis mest meningsfull om det finns ett uppenbart mervärde.

Som ett kostnadsbesparande alternativ, det vill säga ett slags "3D-ljus", ökar element som placeras ovanpå varandra. Särskilt underlagda med ljusskuggor, dessa föreslår en liten tredimensionellhet och skapar mer djup.

Fokus på dataskydd

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.

Dessutom förväntar vi oss att e-integritetsförordningen antas 2020, som kommer att klargöra den rättsliga situationen när det gäller spårningsverktyg. EPVO var ursprungligen avsett att åtföljas av PULoffentliggöras gemensamt. Båda förordningarna tjänar först och främst till dataskydd. I den här artikeln förklarar advokat Mario Steinberg vilka krav e-integritetsförordningen kommer att medföra för webbplatsoperatörer. 

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.

Även om React redan har fått ökad betydelse under 2019 har det ännu inte nått sin toppfas och kommer i allt högre grad att komma under våra ögon under 2020. Med hjälp av React kommer vi sannolikt att fortsätta att integrera ui-element i våra webbplatser och webbapplikationer i framtiden. För frontend-utvecklare är detta definitivt ett verktyg som är värt att förvärva. Detta gäller särskilt i WordPress-sammanhanget, eftersom den nya Gutenberg Block Editor är baserad på React.

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

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 dem till frontend. På detta sätt kommer vi att lära oss mer om vad som klickas på våra webbplatser och när och hur och därmed kan anpassa användargränssnittet mer effektivt och permanent förbättra UX.

Slutsats: 2020 och därefter

Baserat på den nuvarande utvecklingen kan vi på lång sikt anta 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. Oavsett om det till exempel är genom en ovanlig och kreativ navigering på sidan, som med Bruno Simons portfölj.

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.

Jag vill också nämna genomförandet av röstnavigering. Även om denna teknik sannolikt inte kommer att få sitt stora genombrott 2020 kan vi anpassa oss till den på lång sikt. Dessutom, återigen med fokus på användarna: webbplatser som är mer noggrant skräddarsydda för grupper av människor med begränsningar.

Därför kan vi 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 mer lättillgänglig – och med mer personlighet och skoj i frågan.

Har du någon feedback på den aktuella utvecklingen eller ytterligare webbdesigntrender för år 2020 i åtanke? Vi ser fram emot din kommentar!