WebDesign Trends 2016: Nem navigation, minimalisme, tilpasning

Torben Simon Meier Senest opdateret den 15.
5 Min.
tendenser inden for webdesign 2016

Innovative webdesign er smukke at se på, men frygtelig upraktisk for de fleste websteder. I dag vil jeg fortælle dig, hvilke designtendenser i 2016 der vil være vigtige i 2016 og også love flere og lettere konverteringer.

Ved årsskiftet, vil der være en regelmæssig udsigter på webdesign tendenser i det kommende år. Minimalisme spiller også en vigtig rolle i 2016, som i fladt design eller materialedesign. I dag vil jeg vise dig, hvordan du designer din navigation, dit konverteringsområde og dit indhold på en sådan måde, at du fortsat kan være på trend i 2016 og dermed også optimere din konverteringsfrekvens. Og dette uden at skulle gå ind i specifikationerne for visse design retninger.

Tendens til webdesign 1: Målnavigation

Hvis du giver brugeren for mange valg, bliver han hurtigt overvældet. Selvom mennesker i gennemsnit kan gemme 5-7 objekter i deres korttidshukommelse uden problemer, er det svært for den normale forbruger at huske noget, der ligger over dem. Mere end 7 navigationspunkter er derfor unødvendige og reducerer interaktionen med din side. I dette tilfælde mener jeg unødvendige alle navigationspunkter, der ikke skjuler eller distraherer fra enhver konvertering. Sådanne menupunkter kan derfor fjernes fra navigationen og opsummeres for eksempel i en såkaldt burger. Brugeren kan derefter kun vælge mellem nogle få muligheder, som alle er relevante for konvertering. Alle andre undersider kan navigeres af den besøgende som sædvanlig, men skal trykke på burgeren.

WebDesign Trends 2016: Nem navigation, minimalisme, tilpasning

UBER har en eksemplarisk minimalistisk navigation: brugeren har kun mulighed for at registrere eller åbne de andre navigationssteder.

Det er vigtigt kun at lægge de sider i burgeren, der ikke er relevante for konverteringen. Fordi alle navigationspunkter i denne menu, der oprindeligt var designet til små skærme, risikerer ikke at blive set og dermed mindre hyppigt kontrolleret.

Visualisering og komprimering af kortdesign

Selv et kort design kan afgifte navigationslinjen og hurtigt og målrettet direkte dine besøgende til de områder af dit websted, hvor konverteringen finder sted. Dette design giver dig også mulighed for at samle tekst- og billedelementer. Når du implementerer, skal du være forsigtig med ikke at overvælde brugeren med for meget. Kortdesignet er for eksempel blevet tydeligt implementeret af Pinterest.

WebDesign Trends 2016: Nem navigation, minimalisme, tilpasning

Pinterest er det klassiske applikationseksempel for et kortdesign.

Webdesign Trend 2: Minimalisme

Et stort ord og et bredt anvendelsesområde, det ved jeg. Din hjemmeside vil næsten helt sikkert endda være designet i et minimalistisk design, fordi to af de mest fremtrædende webdesign tendenser i de seneste år er baseret på dette princip: det flade design og materialedesign. Disse typografier giver også vigtige input til udformningen af konverteringsområdet. Dette bør holdes så slankt som muligt visuelt.

En god overskrift, et par fordele og et overbevisende spørgsmål til konverteringsområdet

Konverteringsknappen skal kombineres med godt indhold, dvs. en forståelig og fængslende overskrift og en kort beskrivelse af de vigtigste fordele. På den anden side giver blanktegn og et klart layout den nødvendige opmærksomhed og lettere forståelse af indholdet. Selve konverteringsknappen skal derefter indeholde et tematisk passende, kort spørgsmål eller en prompt.

WebDesign Trends 2016: Nem navigation, minimalisme, tilpasning

Et godt eksempel på et minimalistisk og smart illustreret konverteringsområde. Rulning ned brugeren får flere oplysninger. Konvertering er mulig med kun tre klik.

Placer konverteringsknappen på en fremtrædende plads

Du skal også sørge for at placere den faktiske konverteringsknap så fremtrædende som muligt. Hvis du f.eks. har en side med flere tekstkolonner, er det muligt at få vist konverteringsknappen i fuld bredde og uden margentekst eller andre unødvendige elementer. Kun knappen, en promptoverskrift og om nødvendigt nogle få nøgledata og konverteringsområdet fanger straks brugerens øje. Med en masse hvidt rum omkring dette område og tilsvarende farvevalg kan du endda forstærke denne effekt.

WebDesign Trends 2016: Nem navigation, minimalisme, tilpasning

Vores konverteringsknap skiller sig ud, fordi den skiller sig klart ud fra resten af siden: I stedet for fire linjer viser konverteringen kun en kolonne, som også er visuelt fremhævet.

Tendens til webdesign 3: Tilpasning

Personalisering betyder to ting i denne sammenhæng. På den ene side den følelsesmæssige, menneskelige repræsentation af ens eget firma, hold, blogs osv. Dette formodes at forårsage en positiv indflydelse i den besøgende, dvs en ubestemt god følelse, når de interagerer med webstedet. I de fleste tilfælde ønsker jeg ikke at provokere en vis følelse her, men snarere at gøre mærket (af bloggeren, virksomheden, siden) simpelthen mere menneskelig udstråling og dermed lettere at forstå. På den anden side betyder personalisering at tilpasse brugeroplevelsen (UX) til brugerens præferencer.

Da emnet personalisering af UX er et særligt emne, som også kræver særlig viden og færdigheder - eller i det mindste et bestemt budget - diskuterer jeg ikke design- og designaspekterne af UX på dette tidspunkt. Dette spørgsmål skal behandles særskilt.

Personaliseringen af ens eget brand image, på den anden side, er relativt enkel - i hvert fald i teorien. Hvis du vælger de rigtige motiver, for eksempel dine egne medarbejdere, dine egne lokaler eller i det mindste de billeder, der afspejler din egen (brand) personlighed godt, har du taget det første skridt. Hvis du har evnen og ressourcerne, er det også muligt at integrere med videomateriale. Levende billede giver dig mulighed for at vinde dine potentielle kunders tillid hurtigere og illustrere din egen virksomhed lettere og bæredygtigt. I WordPress videointegration er for eksempel ret enkel via videobaggrunde.

Konklusion: Masser af potentiale for konverteringstest

Dette var mine webdesigntrends 2016, som ikke kun gør dit websted mere stilfuldt og moderne, men også giver flere konverteringer: fordampning af navigationen og skræddersy den til din konvertering, minimalisme ikke kun i indholdsområderne på dit websted, men frem for alt i konverteringsområderne og endelig personaliseringen af din side med video- og billedmateriale.
Disse mere generelle designretningslinjer giver dig mulighed for at lege med dine konverteringsområder i 2016 og fortsætte med at forbedre dem. Det er vigtigt, at du nærmer dig implementeringen professionelt og autentisk fra starten. Dette virker, men dine kunder vil takke dig.

Kommentarer til denne artikel

Skriv svar på en

Din e-mailadresse vil ikke blive offentliggjort. Obligatoriske felter er markeret med *.