Henrik Carlsson's Blog

All things me.

Ny design, igen

posted this note on and tagged it with Bilder Bloggen Design Nördigt Webb

Jag sitter ännu en gång och jobbar med en ny design på den här bloggen. Det börjar nu bli såpass mycket innehåll på den av olika slag att det är dags att försöka göra en tydligare struktur. Egentligen har jag hållit på med detta av och till sedan slutet av förra året, fast det har blivit mer och mer nu under våren.

Den design jag nu jobbar med och som jag påbörjade i förra veckan blir den fjärde i ordningen. Ni besökare tittar för närvarande (när detta skrivs) fortfarande på version 1-designen. Versionerna 2 och 3 har inte nått offentligheten. Dock tänkte jag nu publicera bilder på de 4 designerna och småtjata lite om webbdesign. Förhoppningsvis illustrerar bilderna det jag kommer skriva.

Design 1

Problemet med den första designen och det som har drivit fram de övriga är att det finns så mycket olika saker på sidan. Den är min personliga blogg, stället där jag presenterar min musik samt ansiktet utåt för mitt företag. Det blir lätt väldigt rörigt. Dessutom är jag närvarande i många av de sociala nätverken på internet, vilket också borde knytas ihop på något sätt, förslagsvis genom den här sajten.

Design 2 påbörjades alltså för att ta itu med dessa problem. Som ni kan se på bilden så tänkte jag att en startsida tydligt skulle dela upp blogginläggen i kolumner utifrån kategori. Sociala nätverk skulle länkas in vid sidan av. Dessutom skulle hela innehållet på kalkyl.nu in under WordPress-frameworket. Under design 1 så är det bara själva bloggen som är en del av detta medan allt annat är statiska HTML-sidor. Därutöver ville jag även se över typografin lite grann för att öka läsbarheten.

Design 2

Problemet med den designen var att det i slutändan blev nästan lika rörigt igen. Startsidan såg okej ut, men så fort man läste bloggen på något annat sätt så blev det ännu en gång svårt att skilja ut de olika typerna av innehåll från varandra. Dessutom skulle startsidan bli helt oläsbar om jag hade lagt till innehåll från fler sociala nätverk än Twitter och MySpace.

Design 3

Idén till design nummer 3 fick jag från webbtjänsten flavors.me. Det är en tjänst vars syfte är just att länka samman de sociala nätverken på ett ställe. Själva designen är mycket minimalistisk (klicka på länken och se själv), vilket verkligen tilltalade mig. Därför påbörjade jag alltså design 3 istället för att slutföra nummer 2. Dock insåg jag för inte så länge sedan att ett problem fortfarande kvarstod. Även i design 3 så är innehållet i bloggen en enda röra. Vid en snabb genomläsning så finns det inget som tydligt visar vad som hör till företaget, till mig personligen, till musiken etc.

Inspiration till (förhoppningsvis) lösningen fick jag på webbdesignern Sam Browns hemsida (sam.brown.tc). Han använder sig av olika färger för att markera de olika sorters innehåll som finns i hans blogg. Det kändes så självklart när jag såg det och inga stora problem att implementera i WordPress. Så därför satte jag igång med design nummer 4. Den är fortfarande i allra högsta grad en prototyp och det dröjer nog några veckor innan den dyker upp i offentligheten, men det känns verkligen som att jag har hittat rätt approach nu.

Design 4

Den stora utmaningen blir att få ihop något som fungerar för hela sidan och som inte inspireras allt för mycket av Sam Brown.

Mera design 4