WebDesign Trends 2016: Enkel navigering, minimalism, anpassning

Torben Simon Meier Senast uppdaterad den 15 januari 2020
5 Min.
webbdesigntrender 2016

Innovativa webbdesigner är vackra att titta på, men fruktansvärt opraktiska för de flesta webbplatser. Idag ska jag berätta vilka designtrender 2016 som kommer att vara viktiga under 2016 och även utlova fler och enklare konverteringar.

Vid årsskiftet kommer det att finnas en regelbunden syn på de kommande årens webbdesigntrender. Minimalism spelar också en viktig roll 2016, som i platt design eller materialdesign. Idag ska jag visa dig hur du utformar din navigering, ditt konverteringsområde och ditt innehåll på ett sådant sätt att du kan fortsätta att vara på trend under 2016 och därmed också optimera din konverteringsfrekvens. Och detta utan att behöva gå in på specifikationerna för vissa designriktningar.

Webbdesigntrend 1: Målnavigering

Om du ger användaren för många val blir han snabbt överväldigad. Även om människor kan lagra i genomsnitt 5-7 objekt i sitt korttidsminne utan problem, är det svårt för den normala konsumenten att komma ihåg något som ligger ovanför dem. Mer än 7 navigeringspunkter är därför onödiga och minskar interaktionen med din sida. I det här fallet menar jag onödiga alla navigeringspunkter som inte döljer eller distraherar från någon konvertering. Sådana menyalternativ kan därför tas bort från navigeringen och sammanfattas till exempel i en så kallad hamburgare. Användaren kan då bara välja mellan några alternativ, som alla är relevanta för konvertering. Alla andra undersidor kan navigeras av besökaren som vanligt, men måste trycka på hamburgaren.

WebDesign Trends 2016: Enkel navigering, minimalism, anpassning

UBER har en exemplarisk minimalistisk navigering: användaren har bara möjlighet att registrera sig eller öppna de andra navigeringspunkterna.

Det är viktigt att bara lägga de sidorna i hamburgaren som inte är relevanta för konverteringen. Eftersom alla navigeringspunkter i den här menyn, ursprungligen utformade för små skärmar, riskerar att inte ses och därmed mindre ofta kontrolleras.

Visualisering och komprimering av kortdesign

Även en kortdesign kan avgifta navigeringsfältet och snabbt och målmedvetet leda dina besökare till de områden på din webbplats där konverteringen äger rum. Denna design ger dig också möjlighet att bunta text- och bildelement. När du implementerar bör du vara försiktig så att du inte överväldigar användaren med för mycket. Kortdesignen har till exempel implementerats på ettframträdande sätt av Pinterest.

WebDesign Trends 2016: Enkel navigering, minimalism, anpassning

Pinterest är det klassiska applikationsexepel för en kortdesign.

Webbdesigntrend 2: Minimalism

Ett stort ord och ett brett användningsområde, jag vet. Din webbplats kommer nästan säkert till och med att utformas i en minimalistisk design, eftersom två av de senaste årens mest framstående webbdesigntrender är baserade på denna princip: den platta designen och materialdesignen. Dessa stilar ger också viktiga indata för utformningen av konverteringsområdet. Detta bör hållas så smalt som möjligt visuellt.

En bra rubrik, några fördelar och en övertygande fråga för konverteringsområdet

Konverteringsknappen bör kombineras med bra innehåll, dvs. Å andra sidan ger vitt utrymme och en tydlig layout nödvändig uppmärksamhet och enklare förståelse för innehållet. Själva konverteringsknappen ska sedan innehålla en tematiskt lämplig, kort fråga eller uppmaning.

WebDesign Trends 2016: Enkel navigering, minimalism, anpassning

Ett utmärkt exempel på ett minimalistiskt och smart illustrerat konverteringsområde. Om du bläddrar nedåt får användaren mer information. Konvertering är möjlig med bara tre klick.

Placera konverteringsknappen på ett framträdande sätt

Du bör också se till att placera den faktiska konverteringsknappen så framträdande som möjligt. Om du till exempel har en sida med flera textkolumner är det möjligt att visa konverteringsknappen i full bredd och utan sidofält eller andra onödiga element. Endast knappen, en promptrubrik och, om nödvändigt, några nyckeldata och konverteringsområdet fångar omedelbart användarens öga. Med mycket tomt utrymme runt detta område och motsvarande färgval kan du till och med förstärka denna effekt.

WebDesign Trends 2016: Enkel navigering, minimalism, anpassning

Vår konverteringsknapp sticker ut eftersom den sticker ut tydligt från resten av sidan: Istället för fyra rader visar konverteringen bara en kolumn, som också är visuellt markerad.

Webbdesigntrend 3: Anpassning

Personalisering innebär två saker i detta sammanhang. Å ena sidan den känslomässiga, mänskliga representationen av ett eget företag, team, bloggar etc. Detta ska orsaka en positiv inverkan hos besökaren, det vill säga en obestämd bra känsla när man interagerar med webbplatsen. I de flesta fall vill jag inte provocera en viss känsla här, utan snarare göra varumärket (av bloggaren, företaget, sidan) helt enkelt mer mänskligt emanating och därmed lättare att förstå. Å andra sidan innebär anpassning att anpassa användarupplevelsen (UX) till användarens önskemål.

Eftersom ämnet anpassning av UX är ett speciellt ämne, vilket också kräver speciella kunskaper och färdigheter – eller åtminstone en viss budget – diskuterar jag inte design- och designaspekterna av UX vid denna tidpunkt. Denna fråga måste behandlas separat.

Anpassningen av den egna varumärkesbilden är däremot relativt enkel – åtminstone i teorin. Om du väljer rätt motiv, till exempel dina egna anställda, dina egna lokaler eller åtminstone de bilder som speglar din egen (varumärke) personlighet väl, har du tagit det första steget. Om du har förmågan och resurserna är det också möjligt att integrera med videomaterial. Med rörlig bild kan du få dina potentiella kunders förtroende snabbare och illustrera ditt eget företag enklare och mer hållbart. I WordPress videointegration är till exempel ganska enkelt via videobakgrunder.

Slutsats: Stor potential för konverteringstestning

Det här var mina webbdesigntrender 2016, som inte bara gör din webbplats mer elegant och modern, utan också gör fler konverteringar: avdunstar navigeringen och skräddarsyr den efter din konvertering, minimalism inte bara i innehållsområden på din webbplats, men framför allt i konverteringsområdena och slutligen anpassningen av din sida med video- och bildmaterial.
Dessa mer allmänna designriktlinjer ger dig möjlighet att leka med dina konverteringsområden under 2016 och fortsätta förbättra dem. Det är viktigt att du närmar dig implementeringen professionellt och autentiskt från början. Detta fungerar, men dina kunder kommer att tacka dig.

Torben är grundare och VD för RAIDBOXES. Som utbildad mediedesigner har han alltid ett öga för produkt- och webbdesign och är vår guru när det gäller marknadsföring, SEO och reklamåtgärder. Ursprungligen kommer han från hjärtat av Ruhrområdet. I över ett decennium har han varit baserad i Münster som entreprenör för sitt nu fjärde nystartade företag.

Liknande artiklar

Kommentarer om den här artikeln

Skriva en kommentar

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