Aldri undervurder verdien av en godt designet blogg! Det handler ikke om å imponere. Det handler om å kommunisere, og en viktig faktor som spiller inn er designet. Her er 5 tips til en bedre designet blogg!

Typografi

Behandling og utforming av skrift kaller man typografi. Gjennom stilark (CSS) og semantisk kode kan man bestemme stil og struktur på skriften, og på den måten fremheve viktig tekst, og dempe ned på mindre viktig tekst. Overskrifter er naturlig nok viktig så de bør fremheves, mens feks datovisning, kategori, tags osv er mindre viktig så det kan gjøres mindre markant. Sørg for at leseren ikke blir forvirret på dette.

I love Typography; Det er ikke tilfeldig at du lett kan skille meny, overskrifter, datovisning, avsnitt og lister fra hverandre her. God typografi!

Bruk effekter som størrelse, tykkelse, farge, font, og skriftkarakter (serif, sans-serif) for å lede an leserne dit du vil de skal gå. Tenk også at det skal være leservennlig! Gi leserne klar beskjed om hva som er overskrifter, avsnitt, lister, lenker mm. Tenk hele tiden hva man er vant til på nett!

Eksempler på god typografi; Jason Santa Maria , Don’t trust this guy, A List Apart, SimpleBits.

Les mer om typografi; A guide to typography (I Love Typography) , Typographic Contrast and Flow (Web Designer Wall) .

Luft

Mange tenker på hvordan de skal fylle ut bloggen med innhold, men glemmer ofte å tenke på luft mellom elementer! Luft gir ro til leseren.

Tenk deg du sitter og ser på tv, og noen fører en samtale. Hvis de prater veldig fort og mye over lengre tid ønsker du nesten å puste for dem. Du blir stressa, og merker du trenger å fordøye det budskapet de kommer med. Dette gjelder også når du leser tekst og vil tilsvare luft mellom feks avsnitt. Hvis du leverer leseren alt på en gang blir han eller hun fort lei. Ta en kunstpause innimellom og tillatt tomrom!

Noen steder du burde tenke over om det er nok luft;

1. Avstand mellom avsnitt og lister
2. Linjavstand i avsnitt og lister
3. Luft mellom kolonner, altså horisontalt
4. Luft mellom elementer vertikalt

Eksempler på god bruk av luft; 31Three,  Shaun Inman, Designsensory.

Les mer om bruk av luft (whitespace); Whitespace ( A List Apart)

Kontraster

Ikke la alt være like viktig eller uviktig. Fremhev viktige ting, demp mindre viktige ting. Det gir dynamikk til siden, og er med på å skille ut viktige elementer fra mindre viktige. Det er feks vanlig å legge trykk på visse ord for å vise leseren at dette er viktig!

Her brukes kontrast gjennom farge, dybde (mørke og lyse deler), mønster og typografi! Gir øynene dine en lett inndeling av bloggen ikke sant?

Eksempler på hvor/hvordan du kan bruke kontraster;

1. Størrelse
2. Tykkelse
3. Farge
4. Grafikk
5. Font

Eksempler på god bruk av kontraster; Jeff Sarmiento, AppStorm.

Les mer om bruk av kontraster; Contrast and Meaning (A List Apart).

Ryddig struktur

Veien til en ryddig blogg ligger i god planlegging, og en måte å strukture innholdet på er å sette opp et såkalt grid (rutenett). Et kjent gridoppsett heter 960 Grid System, og kan lastes ned gratis. Men det vikigste er at du velger deg et oppsett som fungerer for deg.

Når du har valgt deg et oppsett, tenk deg at leserne dine legger ut på en tur i det de entrer bloggen din. Hvor vil du de skal begynne? Tittel og navigasjon fungerer best øverst, og la deretter lesere finne første artikkel kjapt! De viktigste tingene går øverst, mindre viktige ting kan plasseres lenger ned i sidekolonner, i bunnmenyen, eller til og med på andre sider. Husk at du kun har noen sekunder, kanskje bare ett, på å fange oppmerksomheten til den som besøker siden din for første gang! Men hvis strukturen er ryddig og fin, er sjansen større for at folk blir værende.

Eksempler på ryddig og god struktur; Rockatee,  Jesus Christ, The Son of God,  Jason Santa Maria, Mezzoblue.

Mer om struktur: Grid systems in Web Design (Tutorial Blog).

Kontinuitet!

Kontinuitet syns jeg er viktig i en blogg, når det gjelder de fleste elementer. Husk at du bygger opp en sfære for leserne dine.

Rød tråd er viktig i alle aspekter av en blogg, både innhold og design. Ikke skift design eller emne annenhver uke! Bestem deg for en stil og kjør den fullt ut! Hvis du endrer domene, logo, navn, stil, innhold og struktur hele tiden vil det bare forvirre leserne. Ikke alle husker deg for navnet ditt. Andre igjen husker deg kun for navnet. Jeg har for vane å huske blogger etter design, eller profilbilde eller lignende. Folk er vanedyr og søker det kjente, så gi de det! La de huske hvem de har kommet til når de snubler over bloggen din!

Men kontinuitet er også viktig i selve designet. Bestem deg for en fargepalett, en typografi som går igjen i hele bloggen, og et oppsett som kan fungere over tid. Mangler du en visjon og visse retningslinjer kan fort bloggen din virke rotete. Og en rotete blogg er ingen tjent med.

Eksempel på kontinuitet på blogger; Webdesigner Matt Brett har så lenge jeg kan huske kjørt sin stil på bloggen sin! Etter 3 sekunder der inne skjønner du hva slags type han er, hva han liker, og hva han står for! Han er kjent for å lage nettsider i grungestil! Han blogger om de samme tingene som han hele tiden har gjort, og bygd opp en ramme rundt bloggen sin som fungerer bra for han og oss lesere. Da han redesignet bloggen sin for en tid tilbake kunne du likevel med en gang se hvilken blogg du hadde kommet til!

Les mer om kontinuitet i webdesign; Good Designers Redesign, Great Designers Realign (A List Apart)

Konklusjon

Det jeg egentlig prøver å si er; Rydd opp i bloggen din! Sørg for en klar inndeling av elementer gjennom typografi, luft, kontrast og struktur! Og husk at designet ikke er der for å imponere, det er der for at leserne dine skal slippe å tenke! For godt design er usynlig!

Ønsker du å lese mer om webdesign kan du besøke bloggen til Mia Holte! Mia driver også firmaet Holte Design.

I dagens samfunn bruker vi mer og mer tid foran dataskjermen, og mindre tid til å være sosiale. En av de som ønsker å endre litt på dette er Thomas Moen som arrangerer Bloggcamp 09 den 19.-21. juni.

Jeg tok en kort prat med Thomas Moen for å få litt mer informasjon om den kommende bloggcampen.

Les mer

Twitter er en tjeneste som den siste tiden har fått enorm oppmerksomhet i det Norske nettmiljøet. Både Dagbladet (@janomdahl) og VG (@inga_) har skrevet flere artikler om tjenesten og profilerte mennesker som Petter Stordalen (@petterstordalen) og Jens Stoltenberg (@jensstoltenberg) er aktive brukere. Foreløpig er det kun litt over 6000 brukere i Norge og de aller fleste brukere er mennesker som er litt over gjennomsnittet interessert i internett og sosiale medier, men stadig flere “vanlige” nettbrukere oppdager tjenesten og blir hekta på den. Hvis vi ser internasjonalt på twitter sin vekst er det netttjenesten som vokser raskest i hele verden!

Twitter brukes på mange forskjellige måter, det er derfor vanskelig å forklare hvordan akkurat DU kan bruke twitter. Det jeg har valgt å gjøre er å la denne videoen raskt og enkelt forklare deg hva twitter er for folk flest.

Som filmen forteller gir twitter deg 140 tegn til å dele hva enn du måtte ønske med mennesker som aktivt velger å “følge” oppdateringene dine. I tillegg til å kun dele hva du enn måtte ønske, gir twitter deg mulighet til å svare på andre sine oppdateringer ved å skrive @ foran brukernavnet deres, feks: “@thomasmoen takk for et bra tips!”.

Begrepet “retweet” er også ofte brukt og går på at folk som liker din oppdatering sprer den videre ved å skrive “RT @thomasmoen: dette er min oppdatering!”.

Det som gjør twitter spesiellt er hvor åpent det er. Med det mener jeg alle mulighetene du har til å bruke twitter via ekstremt mange forskjellige programmer og plattformer. Grunnen til dette er at twitter har et helt åpent API (les hva API er her, http://en.wikipedia.org/wiki/API) som gjør at hvem som helst kan lage sitt eget program som henter data fra twitter sine databaser. På denne måten kan du oppdatere twitter via nettet, egne programmer på maskinen din, mobiletelefoner og håndholdte enheter.

3. parts programmer jeg anbefaler: tweetdeck (PC) og tweetie (iPhone).

Ok, så nå vet du litt om hva twitter er. La oss gå litt tettere inn på bruk og hvordan dette påvirker våre nettvaner.

Så hva kan man bruke twitter til?

I mine øyne er twitter bruk delt opp i 3; dele kunnskap, lytte til andre og delta i dialog.

Det som skiller twitter fra feks Facebook er at i stedet for å kun kunne følge med på hva dine venner sier, kan du her følge med på hvem du vil. Du finner ekstremt mange mennesker på twitter som er interessante for deg. Både kjendiser, bedrifter og vanlige mennesker er representert og man kan fritt velge hvem man vil følge.
Dette gjør det mye mer sosialt fordi istedet for å kun samle nettverket ditt av venner, skaper du nå ditt eget nettverk av nye mennesker. Personlig har jeg blitt kjent med mange nye mennesker via twitter – som jeg ofte møter og rett som det er gjør business sammen med.

I tillegg til å øke nettverket sitt blir man mye flinkere til å kommunisere hvis man bruker twitter riktig. Det å kunne få frem hva du mener på under 140 tegn er i starten en utfordring, men etter litt bruk blir man flinkere til å formulere seg.

Alt i alt er twitter en arena det er viktig å være tilstedet på. Du finner mange interessante mennesker du kommer i dialog med, du får økt nettverket ditt og du blir flinkere til å kommunisere generelt ved å hele tiden tenke over hva du ønsker å formidle. Twitter kommer nok ikke til å erstatte tradisjonell epost på et par år til. Men at det gjør oss flinkere til å kommunsiere på en raskere og enklere måte. Det er det ingen tvil om.

Jeg anbefaler deg å lage din egen konto på twitter idag. Registrer deg på http://twitter.com og lek deg litt. For å komme igang med twitter så raskt som mulig har jeg laget en twitter liste over mennesker du kan begynne å følge til å begynne med, den finner du her.
Hvis du har noen spørsmål angående twitter, eller bare ønsker å lese mer av mine tanker rundt sosiale medier – besøk bloggen min.

Du sitter der og har ikke fått etablert deg en blogg enda, og er faktisk ikke helt sikker på hvorfor du skal blogge. Her gir vi deg 10 gode grunner til å blogge slik at du kan ta et valg om noe av dette passer på deg og du kan komme igang med bloggingen. Les mer