Vidste du at selv relativt små billeder i din signatur kan ødelægge læseoplevelsen for dine venner på psychedelia.dk?
(Dette er dagens skadesreduktion for stress-relateret browsing
)Der er mange der bruger en opløsning på 1024*768 - især dem med bærbare. Når du bruger et stort billede skubber det teksten ud til højre og gør det umuligt at se hele siden. Det tvinger brugeren til at bruge urimelig lang tid på horisontal scrolling.
Læs venligst denne guide inden du bruger avatars eller signaturbilleder. Det vil overraske dig, hvor små billeder du i virkeligheden kan tillade dig at bruge uden at du ødelægger oplevelsen for de andre brugere.
Jeg vil bringe en undskyldning: denne guide er desværre IKKE specielt læsbar i 1024*768, men det er desværre uundgåeligt, da jeg netop prøver at vise eksempler på fejlagtige layouts i høj opløsning.
Lad mig først bringe et smukt indlæg, der giver perfekt layout:
Bemærk at hele området med avatar (grøn) og selve tekstområdet (rød) laver sig selv præcist 800 pixel bred. Avatarområdet (grøn) tilstræber at være 150 pixel bred, mens tekstområdet er 650 pixel bred. Husk alle områder har indre marginer, som mindsker det effektive område, som du kan anvende.
Perfektionen begynder at halte lidt, når folk benytter for store avatars som her:
Bemærk her at avataren øger bredden i området til venstre op til over 200 pixel. En ændring der rammer ALLE andre brugere i tråden. HTML designet er dog intelligent nok at holde resten inden for 800 pixel i bredden. Derved er det røde områder nu kun ca. 600 pixel bred.
Dette er ikke dybt kritisk, men brede avatars bruger plads i hele tråden, som bedre kunne være anvendt til det vigtige: nemlig selve beskedens indhold.
Endelig til et eksempel, som virkelig er problematisk:
Bemærk her det lilla område, hvor der nu er en horisontal scrollbar synligt. Denne scrollbar indikerer, at samtlige personer med 1024*768 vil have problemer med at læse hele tråden. De gule områder viser Citér knapperne, som nu er skubbet udenfor det synlige område.
Det viste billede er 600 pixel bred, og det er for meget.
Egentlig er signaturbilledet teoretisk set stort nok til at være der, men layoutet begynder at opføre sig sært efter en vis bredde. Det er ikke helt 100% klart, hvad det er der sker inde bag ved i browserens layoutmaskine, men vi brugere må respektere det.
Teoretisk burde et signaturbillede på 500 pixel kunne være der, MEN hvis der er brede avatars i tråden, så ødelægger det alligevel folks læseoplevelse.
DERFOR:
1. Hold dit signaturbillede på max 400 pixel (gerne mindre).
2. Hold din avatar på max 140 pixel i bredden
3. Har du uheldigvis brugt for stort signaturbillede, så erstat originalen på din billedserver, da det retter alle de påvirkede tråde.
En anden ide kunne også være at rykke den kæmpe bjælke ude til højre og op i toppen... det er i det hele taget et lidt klodset og tungt design/opbygning!