5 tips till användarvänligt innehåll
Skrivet i Design - Kommentera
Du har spenderat mycket tid med att designa din hemsida. Du har en snygg bakgrund, färgstark header och en stilren meny som dina besökare intuitivt kan använda utan problem. Är du färdig där? Förmodligen inte…
Om du glömt nästa steg i din design så spelar inte de föregående exemplen så stor roll i din hemsidas användbarhet. Ditt innehåll måste också ser bra ut och vara lätt för användaren att läsa och förstå. I inlägget får du 5 enkla tips till hur du gör ditt innehåll mer effektivt för att hjälpa användaren förstå innehållets kontinuitet och flöde. Detta är inga regler att följa blint, men det är definitivt saker att tänka på i din designprocess.
1. Rubriker ska vara i kontrast mot bakgrunden
Dina rubriker ska vara tydliga och separerade från ditt stycke. Precis som du använder understuckna länkar med andra färger ska dina rubriker se unika ut.
2. Använd gärna varma toner

Varma toner är lättare att följa och ögat lägger märke till dessa snabbare. En varm ton på din rubrik är precis vad du bör använda för att snabbast få besökaren att lägga märke till den. Det är ju rubriken som ska läsas först.
3. Rubriker ska vara stora
Gör dina rubriker stora. Användare vet att när nånting är större så är det viktigare. Tidningar har koll på detta så ta en titt i nån för referenser.
4. Gruppera rätt
Skriv en stor rubrik med ett stycke precis under. När du skriver nästa rubrik med följande stycke bör du ha ett lämpligt avstånd från föregående stycke, så att användaren enkelt kan avskilja att den nya rubriken är helt för sig själv och inte tillhör den ovanför.

5. Utnyttja vita ytor
I kombination med att gruppera rätt ska du även utnyttja de vita ytorna i din design. Dina grupperingar ska ha ett måttligt avstånd mellan varandra för att användaren enkelt ska scanna igenom din sida och tydligt se vad som tillhör vad.









Denna hemsida är självklart gjort i Wordpress!
Pingback: Läsbarhet - en viktig faktor i design | Grafix Studio - webbdesign och grafik
Pingback: Olika stilar i webbdesign | Grafix Studio - webbdesign och grafik
Pingback: Detta är min preset.css | Grafix Studio - webbdesign och grafik
Pingback: Webbdesign som inte bör kodas | Grafix Studio - webbdesign och grafik
Pingback: Plagiat vs Inspiration | Grafix Studio - webbdesigner och grafiker
Pingback: Min arbetsprocess | Grafix Studio - webbdesigner och grafiker
Pingback: Hur stolt är du som designer? | Grafix Studio - webbdesigner och grafiker
Pingback: CSS Menus | Grafix Studio - webbdesigner och grafiker