kplkop

Eric on 22 oktober 2005 19:19 | | Comments (224)

Jakob Nielsen loopt al jaren iedereen te vertellen hoe webpagina's gemaakt horen te worden. Hij sproeit veelvuldig met Top Ten Design Mistakes in allerlei varianten.

Jammer dat meneer Nielsen vergeet zijn eigen site eens kritisch onder de loep te nemen. De site zal ongetwijfeld aan zijn eigen regeltjes voldoen, maar alle tekst schermbreed laten uitlijnen is wat mij betreft Design Mistake Numero Uno. Mensen zover krijgen dat ze je tekst überhaupt gaan lezen lijkt me minstens zo belangrijk als de juiste kopjes en linkjes ín die tekst...

224 Comments

Gr.R. said:

Post dat maar niet in NIWO. De liquid design politie zal je krijgen...

Eric said:

Mijn eigen loghoster is van de liquid design-politie ;-) Ik geef altijd maar een voorbeeldje:

Stel je voor dat de berichten in de krant van helemaal links op pagina 2 naar helemaal rechts op pagina 3 staan. Ga je die krant ontspannen zitten lezen?

Niet dat dat mijn loghoster overtuigt hoor. Die vindt het principe van meeschalen belangrijker dan leesbaarheid. Tja...

Ap said:

Een punt heeft hij: The more focused your content, the more focused your readers. (niet dat ík me er iets van aantrek). Maar als je kijkt naar wat scoort klopt het wel.

Eric said:

Ap: tuurlijk, maar Nielsen vertelt me dat ik van alles *moet*, terwijl ik het loggen zo leuk blijf vinden omdat ik van mezelf juist niets *moet*. Volgens mij geldt dat voor meer mensen. Ik schrijf wat ik wil schrijven en tot mijn vreugde blijken er allerlei mensen te zijn die het ook leuk vinden om het te lezen, maar ik ben nu eenmaal niet bezig met doelgroepen, lange termijnvisies en en commercie. Ik ben aan het webloggen. Punt.

Loghoster said:

Eric,

Het idee is nou juist dat je *zelf* die gewenste of optimale breedte en daarmee leesbaarheid kunt kiezen. Dat kan met een krant inderdaad niet, en ik vind zowel het papierformaat als de smalle kolommen dan ook erg irritant...

Maar ach, RSS helpt ook ;)

Eric said:

Waarde Loghoster ;-),

Dat betekent dat je dus bij iedere nieuwe site de venstergrootte moet gaan aanpassen om het leesbaar te krijgen? Lijkt me nog steeds niet erg handig....

Wieland said:

Het is een raar misverstand dat liquid design zou betekenen dat je je teksten over de volle vensterbreedte moet laten lopen. Je kunt ook relatieve maten gebruiken in je CSS, een breedte van 50 procent bijvoorbeeld.

Eric said:

Natuurlijk, Wieland. Maar dat verandert niets aan het principe: teksten kunnen zo op een lage resolutie te kort worden en op hoge resolutie te lang.

Verbal Jam said:

Vreselijk, zo'n betweterige zielepoot die zelf door de mand valt met zo'n absoluut onleesbare en visueel vreselijke site.

Mrten said:

Eric: bemoei jij je met de inhoud, bemoei ik me met de breedte van mijn browser en mijn leesvoorkeuren.

Onzin natuurlijk om te stellen dat je voor elke site steeds een "optimale breedte" moet instellen. in de meeste gevallen zal die al "ok-ish" staan.

Neem nu jouw site en opa met slechte ogen: die moet zitten pielen met een vergrootglas om de letters te ontcijferen! Het is nou juist zo leuk om de lettergrootte van de browser aan mijn staat van vermoeidheid te kunnen aanpassen (ctrl-plus, ctrl-min). Twee keer vergroten en je site is gereduceerd tot 8 woorden per regel. Alsof *dat* lekker leest.

Van dezelfde orde van debieliteit is het modieuze "grijze letters op witte achtergrond". Stijltechnisch hip, maar waarom zit je je lezers zo te pesten met laag contrast?!

Maar goed, dit is een "holy war", dus ik verwacht geen plotselinge heldere inzichten :D

CiNNeR said:

Hoewel ik een vermoeid type ben, vind ik dit weblog juist vrij prettig lezen. Niet teveel ellende eromheen als bewegende beelden ofzo, geen enge kleurtjes (moet ik zeggen ja), lekker overzichtelijk. En een leuke inhoud, toch wel erg belangrijk.

Eric said:

Mrten: zwarte letters op wit leest juist beroerd, omdat de letters dan gaan "dansen".

Als alles liquid moet zijn, houd je niets over van de layout en daarmee hoe een site overkomt bij een gebruiker.

Ik kies er voor om de layout - en daarmee de eerste indruk - enigszins vast te leggen. Dat heeft uiteraard ook zijn nadelen, maar nog altijd minder dan van schermrand tot schermrand lezen, zoals bij Nielsen.

Michiel said:

Liquid zou volgens mij ook kunnen betekenen dat je dat ene lange log wat je nu hebt, opdeelt in 2 naast elkaar staande kolommen zet... afhankelijk van de ruimte die je hebt. En dat je zo de gehele breedte opvult, zonder dat je teksten krijgt die helemaal van links naar rechts lopen (wat inderdaag niet prettig is).

Anonymous said:

macrothere unscooped online pharmacy macrothere cunctipotent macrothere
name

Blair said:


You have a great page! Would you please also visit my site?
[@../doorway/blogspot/tr3.txt||10||p-11||3||

Blair said:


You have a great page! Would you please also visit my site?
[@../doorway/blogspot/tr3.txt||10||p-11||3||

Dianne said:

Hi there! Just couldn't resist your guestbook! Would you please also visit my site?
http://extracheapmeds.com/ >online doscount pharmacy

Dianne said:

Hi there! Just couldn't resist your guestbook! Would you please also visit my site?
http://extracheapmeds.com/ >online doscount pharmacy

batum said:

http://realsong89.rearingtone.com/downloadablenextel7.php >ringtones name christian
http://ericssonringtone45.rearingtone.com/freee616v1.php >ringtones free tv
http://freeringtone28.rearingtone.com/hungringtones11.php >hung i275 daddy
http://freeringtones82.rearingtone.com/getringtone7.php >ringtones for keypress
http://megadethringtones10.rearingtone.com/motobasement8.php >ringtone moto creators
http://freemalayalamringtones0.rearingtone.com/index.php >compose ringtone ringtones
http://ringtonefor83.rearingtone.com/ringtoneto14.php >lg free mp3
http://realsong89.rearingtone.com/ringtonepolyphonic5.php >ringtone alltel littlest
http://cellphone56.rearingtone.com/foxringtone11.php >ringtone fox movie
http://ringtonescingular22.rearingtone.com/qwestringtones2.php >motorola ringtone motorola
http://countryringtones63.rearingtone.com/ringtonebuilding6.php >429 polyphonic building
http://ericclapton98.rearingtone.com/composerbig4.php >composer notorious nokia
http://turnmp320.rearingtone.com/freeringtone9.php >ringtone unbreakable ringtone
http://dimepiece24.rearingtone.com/parafree8.php >nokia 1100 para
http://knightriderringtone94.rearingtone.com/ericssont1061.php >t106 ringtones free
http://treo65076.rearingtone.com/mycringtone15.php >files 1000 ringtone
http://cellphone42.rearingtone.com/ringtoneringtone2.php >n200 sph lg
http://koreansong24.rearingtone.com/fullreal3.php >music songs get
http://nokiaringtone21.rearingtone.com/index.php >tamil ringtones ringtones
http://freeverizon15.rearingtone.com/freecracks9.php >cell ringtone converter

batum said:

http://realsong89.rearingtone.com/downloadablenextel7.php >ringtones name christian
http://ericssonringtone45.rearingtone.com/freee616v1.php >ringtones free tv
http://freeringtone28.rearingtone.com/hungringtones11.php >hung i275 daddy
http://freeringtones82.rearingtone.com/getringtone7.php >ringtones for keypress
http://megadethringtones10.rearingtone.com/motobasement8.php >ringtone moto creators
http://freemalayalamringtones0.rearingtone.com/index.php >compose ringtone ringtones
http://ringtonefor83.rearingtone.com/ringtoneto14.php >lg free mp3
http://realsong89.rearingtone.com/ringtonepolyphonic5.php >ringtone alltel littlest
http://cellphone56.rearingtone.com/foxringtone11.php >ringtone fox movie
http://ringtonescingular22.rearingtone.com/qwestringtones2.php >motorola ringtone motorola
http://countryringtones63.rearingtone.com/ringtonebuilding6.php >429 polyphonic building
http://ericclapton98.rearingtone.com/composerbig4.php >composer notorious nokia
http://turnmp320.rearingtone.com/freeringtone9.php >ringtone unbreakable ringtone
http://dimepiece24.rearingtone.com/parafree8.php >nokia 1100 para
http://knightriderringtone94.rearingtone.com/ericssont1061.php >t106 ringtones free
http://treo65076.rearingtone.com/mycringtone15.php >files 1000 ringtone
http://cellphone42.rearingtone.com/ringtoneringtone2.php >n200 sph lg
http://koreansong24.rearingtone.com/fullreal3.php >music songs get
http://nokiaringtone21.rearingtone.com/index.php >tamil ringtones ringtones
http://freeverizon15.rearingtone.com/freecracks9.php >cell ringtone converter

Harrymw said:

Your site is very interesting and usefuls. http://chat.travlang.com/wwwboard/trvlmessages/11675.html >Free Ringtones Thanks, bye!

Harrymw said:

Your site is very interesting and usefuls. http://chat.travlang.com/wwwboard/trvlmessages/11675.html >Free Ringtones Thanks, bye!

Mobile phone said:

http://clothingmaternity29.ringtonsite.com/clearancecatalog3.php >plus plus size
http://catalogclothing17.ringtonsite.com/usedclothing11.php >used kid 39
http://childurban0.ringtonsite.com/fetishline7.php >plus eve for
http://vintageclothing4.ringtonsite.com/historyof1.php >clothing indian indian
http://sportsclothing40.ringtonsite.com/customair3.php >hollister force shoes
http://usclothing36.ringtonsite.com/andpennsylvania13.php >clothing clothing vintage
http://plussize9.ringtonsite.com/clothingaccessory5.php >clothing wear newport
http://childurban0.ringtonsite.com/sizeclothing4.php >clothing catalog boutique
http://clothingislamic45.ringtonsite.com/index.php >maternity clothing fashion
http://designerplus5.ringtonsite.com/clothingsewing32.php >clothing express clothing
http://wholesale4.ringtonsite.com/trendyclothing16.php >junior adventure clothing
http://patriotickid11.ringtonsite.com/bigrave16.php >s 39 womens
http://cheapgothic0.ringtonsite.com/expressclothing11.php >baby triumph clothing
http://clothingislamic7.ringtonsite.com/charlotteclothing8.php >pattern russe clothing
http://wholesaleclothing30.ringtonsite.com/hollisterclothing11.php >hollister clothing history
http://plussize9.ringtonsite.com/greekjustice4.php >justice clothing clothing
http://modestwomens32.ringtonsite.com/babyclothing3.php >clothing store fat
http://cheapclothing2.ringtonsite.com/shirtclothing3.php >shopping baby casual
http://quicksilverclothing40.ringtonsite.com/clothingwholesale1.php >clothing clothing shopping
http://clothingcustom6.ringtonsite.com/teensize3.php >plus size valuable

Steve said:


Really nice and interesting website. Thank you a lot! Would you please also visit my site?

Steve said:


Really nice and interesting website. Thank you a lot! Would you please also visit my site?

Shirley said:


Hi people! Great job! Would you please also visit my site?

Shirley said:


Hi people! Great job! Would you please also visit my site?

Phillip said:

Your site looks great! Please visit my homepage:

Phillip said:

Your site looks great! Please visit my homepage:

Hairston said:


You have a great page! Please visit my site too:

Hairston said:


You have a great page! Please visit my site too:

Helen said:

Thanks for your great site! Please visit my site too:

Chuck said:


I liked this site, it's neat. Good job! Please also visit my site:

Katrina said:


Hi people! Great job! Visit my sites, please:

kaoll said:

Fascinating site and well worth the visit. I will be backe http://www.savevoorhees.org/_walmartVoorhees/00000ab1.htm >loan calculator good luck

vanessad said:


Good site! Good resources here, I will bookmark! http://www.savevoorhees.org/_walmartVoorhees/00000ab1.htm >loan calculator bye

vanessad said:


Good site! Good resources here, I will bookmark! http://www.savevoorhees.org/_walmartVoorhees/00000ab1.htm >loan calculator bye

Stacy said:

Hey bro! Well Done! Would you please also visit my homepage?

savi said:

http://ringer21.iphorum.com >ringtones polifonics codes

Clyde said:

Nice site!

hanj said:

http://ringerpro.makeforum.org >poliphonic polyphonic ringtone

Anonymous said:

interesting

Anonymous said:

Cool...

Anonymous said:

interesting

Anonymous said:

interesting

Anonymous said:

interesting

Anonymous said:

Interesting...

Anonymous said:

Sorry :(

Anonymous said:

Nice...

Anonymous said:

interesting

Anonymous said:

interesting