För ganska precis ett år sedan lanserade IKEA en ny webbplats helt baserad på em mått. I och för sig inget nytt men när man tittar lite närmare och konstaterar att i stort sett alla bilder även de har relativa em mått då börjar det bli intressant.

Under en längre tid har det diskuterats fram och tillbaka över vilken typ av layout som är den optimala, låst, flytande eller elastisk layout. Det är idag ganska givet att majoriteten avråder från att använda en låst, pixelbaserad laout till fördel för de övriga två. Varför är det då så att det fortfarande produceras webbplatser med fasta mått?

Man kan se detta från lite olika håll, användaren, formgivaren, utvecklaren samt beställaren.

Utifrån ett strikt användarperspektiv är det ganska enkelt att argumentera för en elastisk layout, den är helt enkelt den mest flexibla, användarvänliga lösningen. Användaren har frihet att förstora text och bild, hon/han kan använda ett smalt eller brett webbläsarfönster efter önskemål samtidigt som utvecklaren kan sätta en max bredd så att radlängderna inte blir för långa.

Från formgivarens sida ser det lite annorlunda ut. Formgivare vill ha kontroll över designen, kontroll över läsbarhet och hur sidan upplevs. Den kontrollen blir störst med en låst, pixelbaserad design. Här finns också en inbyggd problematik i att Photoshop används som designverktyg samtidigt som det verktyget är mycket statisk i sin natur.

Utvecklarperspektivet handlar till stor del om en viss ökad komplexitet med en elastisk/flytande layout kontra en pixelbaserad. Med den elastiska handlar det främst om att hålla ordning på alla em värden, vilka måste konverteras från designerns pixelvärden. Sedan måste man hantera bildstorlekar på ett smidigt sätt. Bildstorleken måste sättas i css dokumentet som em värden, följden av det är att man i förväg måste bestämma vilka bildstorlekar som kan användas i det redaktionella materialet.
Med den flytande layouten kan det bli problem om formen kräver en pixelperfekt passform, kan vara svårt att uppnå i alla lägen.

Beställarens syn på ovanstående kokar oftast ned till hur budget ser ut, en fast pixelbaserad layout är oftast minst komplex och därför billigast.

Var ligger beslutet och vem äger det?

Självklart bör ett beslut om vilken typ av layout som ska användas tas så tidigt i processen som möjligt men absolut senast vid designstarten.

Vem är det som äger beslutet? Inte helt givet, det kan ligga hos flera resurser inblandade i ett projekt, men det kan också vara ett gemensamt beslut/ställningstagande att man generellt gör någon av de tre alternativen och ev. avvikelser från detta blir ett medvetet val. Vad som inte är så lyckat är när frågan inte blir belyst och beslutet tas i all enskildhet av utvecklaren.

Mer att läsa:

• Fixed or fluid width? Elastic! (456 Berea St)
• Elastic Design från Patrick Griffiths’ A List Apart artikel med samma namn.
• The Incredible Em & Elastic Layouts with CSS
• Vervas rekommendation i frågan