Konsekvent Design

Organisering No Comments »

Vigtigheden af et konsekvent design på din hjemmeside kan ikke overdrives. Du skal huske at brugeren aldrig er mere end ét klik fra at forlade din hjemmeside. Ofte kan det endda være svært for brugeren at se at han har forladt din side. Derfor er du som designer nødt til at give dine læsere den tryghed at det er nemt at se at de stadig befinder sig på din hjemmeside. Det kan du lettest gøre ved at være konsekvent i dit design.

Lav en design manual

Når arbejdet kører derudaf er det vigtigt at have noget fast at forholde sig til. Hvis der ikke er faste retningslinier risikerer man at designet kommer til at flyde. Det er det absolut værste der kan ske. Uden et ensartet design giver man brugerne en dårlig oplevelse.
Derfor vil jeg anbefale at lave en design manual. Den skal beskrive farvevalg, skrifttyper, justeringer osv. Det er også en god idé hvis den beskriver hvilke andre elementer der skal være på siderne (logo, navigations elementer, evt. adresse osv.). Når du har beskrevet alt det vil det være en god idé at beskrive hvilke undtagelser der skal være, det kunne f.eks. være en anden baggrundsfarve til kode eller eksempel tekster.

Design manual til mit nye kodevenlige design

Element Retningslinie
Tekst Verdana, 14px, sort
Overskrifter Skrifttype: Georgia

  • H1: 40px, #FDFE39
  • H2: 30px, #3CB2E1
  • H3: 18px, sort
Link Tekster Sølger web standarden med blå eller lilla skrift dog fravælger jeg understregning.
Header Baggrund: header.jpg, Logo: logo.jpg, Logoet linker til forsiden
Sidebar Baggrund: sidebar.jpg
Baggrundsfarve Hvid, med undtagelse af header og sidebar der har deres egen baggrunde.
Justering Venstrejusteret.
Kode eksempler lys grå baggrund og courier new

Denne lille designmanual tager ikke højde for alt, men dækker langt de fleste scenarier. Ved at printe den ud og have den liggende på skrivebordet mens du udformer dit design vil du sikre dig en høj grad af konsekvens i dit design. Når der dukker nye problemstillinger op tager du stilling til dem en gang for alle og tilføjer dem til din design manual.

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • bodytext
  • Bumpzee
  • del.icio.us
  • Facebook
  • Furl
  • Mixx
  • NewsVine
  • Reddit
  • StumbleUpon
  • YahooMyWeb
  • Google
WP Theme & Icons by N.Design Studio | SEO | Silver Cross Jewelry | Online Marketplace | B2B | Blogging | Barter | Entries RSS Comments RSS Log in