Et godt design er ikke bare smukt – det er meningsfuldt, funktionelt og intuitivt. Når du designer dine sider, handler det om finde en balance mellem æstetik og brugbarhed, så det både ser godt ud og føles rigtigt at bruge. Derfor kommer der her på siden nogle helt grundlæggende tommelfingerregler, som løfter brugeroplevelsen og det visuelle design.
Hvad er det vigtigste, brugeren skal kunne gøre på siden? Sørg for, at det ligger øverst og er let at finde. Tænk også over sproget: Brug ord, udtryk og begreber, som giver mening for brugeren – ikke interne eller tekniske termer. Siden skal tale brugerens sprog.
Gør siden let at forstå ved at bruge velkendte og ensartede navigationselementer. Brugerne skal ikke gætte sig frem. Hvis noget ligner en knap, skal det fungere som en knap. Sørg også for en gennemgående visuel stil – brug de samme knapper, ikoner, skrifttyper og farver på tværs af hele hjemmesiden. Det skaber genkendelighed og en bedre brugeroplevelse.
Fokuser på det vigtigste, og fjern alt, der ikke understøtter formålet. Et simpelt layout gør det lettere for brugeren at finde rundt – men simpelt betyder ikke kedeligt. Grafiske elementer og billeder må gerne være med, så længe de har en funktion: De skal enten hjælpe brugeren med at navigere eller forstærke jeres budskab.
Brug skriftstørrelser, farver og mellemrum aktivt til at vise, hvad der er vigtigst, og hvad der hører sammen. Et godt hierarki guider øjet og gør det nemt for brugeren at afkode siden, forstå strukturen og hurtigt finde det, de leder efter.
Mange brugere vil ikke besøge jeres side på en stor computerskærm, og du skal derfor huske at designe med fleksibilitet i tankerne og tjekke, hvordan designet udspiller sig på både mobil og computer.
At designe en side handler i høj grad om vedligeholdelse. Husk derfor at indsamle brugerfeedback og lave løbende justeringer, så siden altid fremstår aktuel og følger med tiden.
Hero modulet er det store visuelle element, som ofte ligger øverst på siden. Det bruges typisk på forsiden eller som intro til en ny sektion længere nede. Det fylder meget og tiltrækker hurtigt opmærksomhed, så det er et stærkt værktøj til at skabe blikfang, fortælle en historie eller sætte en visuel retning. I systemet kan du kan vælge mellem forskellige layoutvarianter, placeringer af tekstboksen og baggrundsfarver. Du har med andre ord masser af frihed til at skabe det udtryk, du ønsker.
Hero modulet fungerer især godt i full-width, hvor det strækker sig over hele skærmen og virkelig får lov at dominere. Det er perfekt til branding, kampagner, stemningsbilleder eller en kort og klar introduktion. Men brug det med omtanke. Fordi det fylder så meget, skal det have en tydelig funktion og et klart budskab. Det skal ikke bare være flot pynt, men understøtte sidens budskab.
Her er et eksempel på, hvordan et hero-modul kan bruges til at skabe blikfang på en forside:
Både multiboks og hero-modul fungerer bedst, når man tilføjer et billede til dem. Det kan du læse om i næste afsnit.
Vil du prøve kræfter med at prøve at lave en flot visuel top til din sektionsside, så kom i gang her.
Er du nysgerrig på mere, anbefaler vi, at du tager forløbet om nyhedsbreve, som også er gratis.
Bliv klar til at udsende nyhedsbreve
