Användbarhetsboken beskriver på ett konkret sätt hur man gör webbplatser tillgängliga och användbara. Läs ett provkapitel som pdf, eller läs den direkt här på webben.
.21.1.2 Gör inte sidorna bredare än 760 pixlar
Om man istället anger sidornas bredd måste man välja en bredd som inte tvingar användare att rulla i sidled för att se innehållet. Åtminstone inte fler än en liten minoritet av dem.
Vilken sidbredd skall väljas?
När detta skrivs är andelen användare med 640x480-skärmar nere under en procent. 800x600 har fortfarande över en tredjedel av användarna 6 – även om det inte är en majoritet är det en alldeles för stor grupp för att ignorera. Webbsidor bör därför göras så att de inte blir bredare än 760 pixlar (litet av bredden går åt till rullister o.dyl.).
På ett intranät anpassas naturligtvis sidbredden till de skärmar man vet finns i organisationen. (Se dock Stor skärm , sid 348.)
Observera att för kunna skrivas ut får sidorna inte vara bredare än 600 pixlar. Detta kan dock hanteras genom att ha andra formatmallar för utskriften än för skrämvisningen. Se vidare Utskrift , sid 85.
24-timmarswebben förespråkar att göra en undersökning bland de tilltänkta användarna och på det sättet få en bild av vilken skärmstorlek som är acceptabel för den aktuella webbplatsen. Detta är naturligtvis en utmärkt metod, men den är resurskrävande och ger förmodligen inte något annat resultat än den generella statistiken, som kan hittas via .
Måste fungera också på mindre skärm
Sidorna måste gå att använda även med en mindre skärm. Det är dock acceptabelt att användaren där tvingas rulla horisontellt.
Ibland kan breda sidor vara nödvändiga
Om innehållet kräver mer bredd än skärmen medger, kan ibland rullning i sidled vara acceptabel. Det kan vara fråga om den stora versionen av en bild (se Låt stora bilder representeras av små bilder, sid 63). Det kan också vara en tabell (se till exempel Låt användaren skapa jämförelsetabeller, sid 390), men då endast som sista utväg efter att man inte lyckats disponera om eller förenkla den så att den går in på sidbredden.
6 Maj 2005. Se www.webbprofil.se/sidbredd för aktuell statistik.
Texten ovan är ett avsnitt ur Användbarhetsboken. Varje avsnitt har sin egen webbsida. Här hittar du rättelser, tillägg, blogginlägg och kommentarer - eller gör dina egna. Några sidor (till exempel den du läser nu) har också hela bokens text. Steg för steg kommer hela bokens text att läggas ut här på webben.
Vill du läsa mer kan du:
- Läsa ett provkapitel om Användbarhet eller Typografi läsbarhet
- Börja läsa Användbarhetsboken här på webben
- Läsa mer om Användbarhetsboken, och höra vad andra sagt om den
- Köpa Användbarhetsboken hos Bokus eller Adlibris.
Statistik över skärmstorlekar
- Browser News: Statistics [...] resolutions
- Web-Barometer: Marktanteile und Marktentwicklung (på tyska, men statistiken är begriplig även om man inte behärskar språket)
- Screen Resolutions and Aspect Ratios Worldwide
Ur bloggen
Cameron Moll tar upp frågan om vilken bredd man skall sikta på när man designar för 1024-skärmar. Missa inte diskussionen, där det finns många intressanta inlägg, eller uppföljningsartikeln.
Via 456 Berea Street (som också har länkar till flera andra artiklar om ämnet).
Egentligen är det inte så intressant hur stora skärmar folk har – det som avgör vad de ser av våra webbsidor är ju hur stora de har sina webbläsare.
Baekdal.com har kartlagt vilka webbläsarstorlekar folk använder. Jag har länkat till hans och andras undersökningar tidigare, men nu har slutresultatet kommit och innehåller flera intressanta slutsatser.
Den absoluta majoriteten låter webbläsaren ta upp hela skärmen.
Användare med en skärmbredd på upp till 1280 px låter webbläsaren ta upp hela fönstret, det är först vid större skärmstorlekar som man ser en tendens till att inte låta browsern ta hela bredden.
Undersökningen visar också vilken höjd man kan räkna med – viktigt när man skall bedömma vilket material på sidan som hamnar över vecket, det vill säga som syns utan att användaren måste scrolla. Nästan alla användare – oavsett hur stor skärm de har – utnyttjar så mycket höjd som skärmen tillåter.
Baekdals slutsats:
if you want to design for 95% of your visitors you need design for no more than 776×424px (fixed layout) – or between 720×400px to 1408×912px (fluid layouts)
Undersökningen bygger till allra största delen på data från modesajter, ca 60% av besökarna kommer från Europa, 30% från Nordamerika.
Via justaddwater.dk
justaddwater reder ut skillnaden mellan skärmstorlek och vilket utrymme som faktiskt finns för innehållet
“Web designs should optimize for a maximum available browser window of 1000×600 pixels. As screens get better and bigger, users rarely maximize browser windows, which is why we’re probably better off optimizing for a smaller window, such as 900×600.
Still, the layout should be liquid so that content fill the users current browser content area, regardless of the size. Also, do not design for a specific browser window size, as it varies between users, especially users with large screens.”
Uppdaterat: En uppföljning som bland annat visar att de flesta surfar med webbläsarfönstret på hela skärmen.
Post new comment