5 designtrender 2016

5 designtrender 2016

2016 kommer handla mycket om användaren och UX.
Ingen kommer att bry sig om hur cool din hemsida är om den inte går att använda.

1. Större fokus på UX

UX = User experience = Användarupplevelse. De flesta av oss har någon gång använt en app, system eller hemsida och blivit smått frustrerad över att saker inte fungerar eller är allmänt krångliga. Ofta kan det handla om småsaker som är enkla att rätta till. Inloggninsrutan till Dribbble är ett exempel: om man skriver fel lösenord måste man skriva om epostadressen/användarnamnet ännu en gång. Vilket kan vara smått irriterande, speciellt i mobiler.

Exempel på dålig UX: Om man skriver in fel lösenord på Dribbble töms alla textboxar.

Snabbhet

En snabb hemsida ger bra UX, bra UX leder till högre konvertering.
Det finns många studier om hur snabbhet går hand i hand med konvertering. 1 sekund långsammare hemsida kan leda till 27% mindre sälj. Amazon upptäckte t.ex. att varje fördröjning på 100ms (på deras hemsida) ledde till 1% mindre sälj. Statistiken varierar förstås på alla sajter.

Din hemsida ska helt enkelt ladda snabbt och vara enkel att använda.

Tips 
Med Hotjar kan du se hur dina besökare agerar på din hemsida och hitta möjligheter att förbättra UX samt konvertering.

 2. Responsiv design

De flesta vet att Responsiv design inte längre är ett valfritt alternativ.
Kort sagt: Om din hemsida inte fungerar bra i mindre enheter kastar du bort en stor mängd potentiella kunder. Även Google ratar din sajt om den inte erbjuder en mobilvänlig användarupplevelse.  

3. Ökad minimalism

Hand i hand med användbarhet och responsiv design kommer ökad minimalism. Minimalism handlar ofta om att minimera antal element, öka “luften”, göra navigeringen superenkel m.m..

Konsten att balansera funktionalitet och användbarhet med minimalistisk design är en specialitet i sig.

Klicka här för att se fler minimalistiska hemsidor

4. Material design

2014 lanserade Google sitt designspråk Material design
2015 hade det implementerats i de flesta av Googles applikationer
2016 anammas det mer och mer på webbplatser världen över

I korthet innebär Material design att man skapar rena, minimalistiska och moderna gränssnitt som fokuserar på användbarhet.

Mycket fokus ligger också kring hur material/element beter sig om de skulle finnas rent fysiskt med hjälp av skuggning och rörelser tillsammans med harmoniserade färger.

5. Rich animations

Små subtila animeringar som sker när man agerar på sajten ökar användarupplevelsen samtidigt som det ger en visuell "berättelse" för vad som egentligen händer.

Animeringar vid click/interaktion

Bakgrundsvideos
Heltäckande bakgrundsvideos är vanligt att ha i sidhuvudet på startsidan.

Se exemplet live här


Sammanfattning

  • Din hemsida förväntas ladda snabbt och vara enkel att använda

  • Bra UX = mer konvertering