Kejsarens nya kläder

Det är rätt så enkelt, förstår du. När man dag ut och dag in stirrar på samma webbsida blir man rätt så snart medveten om dess brister. Än mer så när man i sitt arbete gång på gång begränsas av ett dåligt utnyttjande av yta.

Jag talar förstås om FZ:s grafiska design. När vi lanserade den i maj 2006 hade vi jobbat på den i nästan ett helt år. Det var en lång och smärtsam process som framåt slutet blev något förhastad. Chocken när vi 1 maj 2006 tryckte på knappen lät inte väntas på sig. En del skrek högljutt om att de ville ha tillbaka den snorgröna färgen, vilket jag tyckte var extra lustigt eftersom det var just den snorgröna färgen som var mest kritiserad i den föregående designen.

Vårt problem är ofta att vi behöver mer utrymme i bredd. Vår meny i dagsläget är rörig och oöverskådlig och FZ är faktiskt rätt så komplext att få överblick över. Samtidigt är vi rätt nöjda över färgtemat, vi tycker att det är proffsigt och stilrent samtidigt som det känns åtminstone rätt så mycket "game".

Vi har därför satt igång en process där vi arbetar om inte vår design, utan vår layout. Genom att flytta upp sidans navigation till sidhuvudet får vi mer utrymme att disponera på sajten. Utrymmet kan vi använda till mer överskådliga vyer, mer information på varje sida och ett mer naturligt innehållsflöde.

Framöver tänkte jag blogga om de framsteg vi sakta men säkert gör i den här processen, och du får hemskt gärna komma med feedback. Här nedan börjar jag med att visa hur det gått hittills. Högerklicka och välj "view image" eller liknande för att se hela.

Jag började med en ansats på menyn, utan att röra innehållet (så bortse från det):
<img src="http://john.fz.se/dump/bred-design.png" style="width: 450px;" />
Det kändes som att jag var något på spåren, men gradienten var fel och medlemsrutan kändes rätt kass.

Så jag fortsatte jobba, och det blev faktiskt rätt bra om jag får säga det själv:
<img src="http://john.fz.se/dump/bred-design_rev4.png" style="width: 450px;" />
Det jag gillar mest är att den övertydliga sökrutan. Vi ska jobba på att få till en bättre sökning nu under 2009.

Med vinden i ryggen gjorde jag en skiss på två innehållssidor, här profil- och bloggsidor där det frigjorda utrymmet används rakt av till en medlemsmeny.
<img src="http://john.fz.se/dump/bred-design_rev4_profil.png" style="width: 450px;" />

<img src="http://john.fz.se/dump/bred-design_rev4_blog.png" style="width: 450px;" />

Nu har jag under dagen bråkat med CSS-demonerna och till slut segrat över Internet Explorers värdelöshet, såsom avstegen från boxmodellstandarden.

Vill du känna lite på den nya menyn in action kan du provköra här:
[http://john.fz.se/dump/new/]

Den här processen ska vi förstås inte ha för bråttom med, och eftersom det inte innebär en total omstöpning så kan vi utan dåligt samvete införa den på en avdelning i taget.

Vad tycker du?

#blogg