Följ de tankar och åsikter som Grafix Studio har kring arbete, livsstil och kunskapskrav som en frilansande webbdesigner!

5 tips till användarvänligt innehåll

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

Rubriker ska vara stora!

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.

Gruppera rätt!

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.


Fler inlägg om Design

  • http://niklassoderlund.se/ Niklas

    Bra artikel, smashing magazine är gryma!

  • http://niklassoderlund.se Niklas

    Bra artikel, smashing magazine är gryma!

  • http://ptz0n.se/ Erik Pettersson

    Det är också viktigt att först bestämma var man vill att användaren ska föra sin blick. Designen ska fylla ett syfte och ett mål. Med målet bestämt tycker jag det det enklare att fatta bra beslut i de viktiga steg du beskriver.

    @Niklas: Smashing äger!

  • http://ptz0n.se/ Erik Pettersson

    Det är också viktigt att först bestämma var man vill att användaren ska föra sin blick. Designen ska fylla ett syfte och ett mål. Med målet bestämt tycker jag det det enklare att fatta bra beslut i de viktiga steg du beskriver.

    @Niklas: Smashing äger!

  • http://www.grafixstudio.se/ Antonio Riveras

    @Erik: Precis det är ju så man tänker egentligen utan att man vet om det =)

  • http://www.grafixstudio.se/ Antonio Riveras

    @Erik: Precis det är ju så man tänker egentligen utan att man vet om det =)

  • http://www.grafixstudio.se Antonio Riveras

    @Erik: Precis det är ju så man tänker egentligen utan att man vet om det =)

  • http://www.3do.se/ Sam Farhan

    Bra tips! Varma toner är av större vikt tycker jag, förresten, märkte att du inte använder tags i dina inlägg, hur kommer det sig?

  • http://www.3do.se/ Sam Farhan

    Bra tips! Varma toner är av större vikt tycker jag, förresten, märkte att du inte använder tags i dina inlägg, hur kommer det sig?

  • http://www.3do.se Sam Farhan

    Bra tips! Varma toner är av större vikt tycker jag, förresten, märkte att du inte använder tags i dina inlägg, hur kommer det sig?

  • http://www.grafixstudio.se/ Antonio Riveras

    @Sam Farhan – Jag vet inte, tycker det känns överflödigt med en massa tags. Till vissa sidor kan det vara bra men jag vet inte om det hade gynnat denna sajten.

  • http://www.grafixstudio.se/ Antonio Riveras

    @Sam Farhan – Jag vet inte, tycker det känns överflödigt med en massa tags. Till vissa sidor kan det vara bra men jag vet inte om det hade gynnat denna sajten.

  • http://www.grafixstudio.se Antonio Riveras

    @Sam Farhan – Jag vet inte, tycker det känns överflödigt med en massa tags. Till vissa sidor kan det vara bra men jag vet inte om det hade gynnat denna sajten.

  • http://www.eurostop-online.com/ Stefan Fellin Olsson

    Klockrena tips, och jag känner själv igen mig i det du beskriver. Innan jag utvecklades så kunde jag göra en snygg header och meny men efteråt stå helt handfallen om hur jag skulle fortsätta. Nu vet jag dock bättre men tror det är ett vanligt förekommande misstag bland webbdesigners.

  • http://www.eurostop-online.com/ Stefan Fellin Olsson

    Klockrena tips, och jag känner själv igen mig i det du beskriver. Innan jag utvecklades så kunde jag göra en snygg header och meny men efteråt stå helt handfallen om hur jag skulle fortsätta. Nu vet jag dock bättre men tror det är ett vanligt förekommande misstag bland webbdesigners.

  • http://www.eurostop-online.com Stefan Fellin Olsson

    Klockrena tips, och jag känner själv igen mig i det du beskriver. Innan jag utvecklades så kunde jag göra en snygg header och meny men efteråt stå helt handfallen om hur jag skulle fortsätta. Nu vet jag dock bättre men tror det är ett vanligt förekommande misstag bland webbdesigners.

  • 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

Mobilanpassa din hemsida! Lansera din restaurang i mobilen!

Vill du veta hur jag jobbar?

 

Följ Grafix Studio på Facebook

Värt att besöka!

Kundjobb

Besök portföljen »

Om webbdesigner Antonio Riveras

Tjena allihop, mitt namn är Antonio Riveras och jag bor i den vackra staden Malmö.

Som ni kanske redan har förstått så är jag en webbdesigner / grafiker. Jag är till mestadels självlärd, men har genomgått en treårig utbildning i Multimediateknik på Lunds Tekniska Högskola.