NL Computer Forum

Maak het zelf => Homepages en websites => Topic gestart door: fortron op 2 mei 2010, 20:29:14

Titel: Sitecheck
Bericht door: fortron op 2 mei 2010, 20:29:14
Omdat ik niks te verliezen heb zou ik graag jullie mening hebben omtrent onderstaande website.
http://kubes.nl/ (http://kubes.nl/)

Ben benieuwd.
Titel: Re: Sitecheck
Bericht door: Just Vecht op 2 mei 2010, 22:04:43
Hallo Fortron,

Ik vind dat een mooie website. Het heeft een stuk evenwichtigheid die je tegenwoordig maar zelden meer ziet. Het is ook heel leesbaar. Daar is gezien de doelgroep ook veel aan gedaan zeker?
Titel: Re: Sitecheck
Bericht door: fortron op 2 mei 2010, 22:27:11
Hallo Just,

de website is flink getest door blinden en slechtzienden.
Vooral sarif lettertypen zijn problematisch voor slechtzienden dus gebruik ik vrijwel overal sans-serif.
Het is misschien wat saai maar wel prima leesbaar.
Verder moest de website ook werken onder IE6 daar veel blinden nog oude screenreaders gebruiken die enkel met die browser werken.
Titel: Re: Sitecheck
Bericht door: Just Vecht op 2 mei 2010, 23:39:50
dus gebruik ik vrijwel overal sans-serif.

Goed om te weten! Ik dacht dat serif lettertypes qua leesbaarheid juist beter waren. Dat is dus niet zo voor mensen met leesproblemen.

Citaat
Verder moest de website ook werken onder IE6 daar veel blinden nog oude screenreaders gebruiken die enkel met die browser werken.

Ik snap het!

En saai? Welnee! Die moderne flits-flats-flash sites met een fancy menu, dat vind ik nou juist een ramp(http://acx.prospero.com/dir-img/ws-nlcomputer/public/boks_ani)!!
Titel: Re: Sitecheck
Bericht door: fortron op 3 mei 2010, 00:37:32
Dit is prima leesvoer over leesbaarheid op het web, PDF bestand:
http://www.2useit.nl/downloads/Leesbare-teksten-op-het-web-2useIT-20071015.pdf (http://www.2useit.nl/downloads/Leesbare-teksten-op-het-web-2useIT-20071015.pdf)
Titel: Re: Sitecheck
Bericht door: Just Vecht op 3 mei 2010, 09:35:50
Dit is prima leesvoer over leesbaarheid op het web, PDF bestand
Dat is inderdaad een hoogst bruikbaar & erg leerzaam stuk. Het laat ook nog eens zien hoe het moet - als je het vanaf scherm leest.

Ik heb maar gelijk mijn mailprogramma (Thunderbird) op schreefloos gezet voor nieuwe berichten. En ik heb op het werk ook wat documenten die bedoeld zijn om vanaf scherm te lezen. Die ga ik na de vakantie aanpassen.

Dank je wel voor deze link!
Titel: Re: Sitecheck
Bericht door: Ronald op 3 mei 2010, 21:36:42
Mooie, duidelijke site! Inderdaad heel prima voor de doelgroep. :)

Zelf zal ik met m'n 1920x1200 resolutie wel buiten die doelgroep vallen. ;)  Op die resolutie moet je wel érg ver naar links met je hoofd. Of eigenlijk: als ik bijvoorbeeld http://kubes.nl/excursies.html (http://kubes.nl/excursies.html) open, dan is nog steeds meer dan de helft van mijn scherm wit. Op kleinere schermbreedtes is de site wel in balans. :)

Groeten,

Ronald
Titel: Re: Sitecheck
Bericht door: fortron op 3 mei 2010, 22:13:59
Hoi Ronald,

de maximale breedte van de leesbare tekst heb ik beperkt tot 1200 pixels;
zou ik dit niet doen dan zijn de regels zo breed als de breedte van je browservenster
wat in jou geval voor hele lange regels zou zorgen  :)
Dat lijkt mij niet de optimale lees beleving.
Maar een belangrijkere reden is dat o.a. slechtzienden leesproblemen ondervinden bij te lange regels.
Anderzijds kan ik mij niet voorstellen dat je op die resolutie met een maximaal browservenster werkt?

Wat ik mij wel afvraag is iets wat ik niet kan testen daar ik op 1280x800 zit:
als je het browservenster maximaal breed zet op jou resolutie wat gebeurt er dan met het zoekveld?
Titel: Re: Sitecheck
Bericht door: Ronald op 5 mei 2010, 22:05:35
Zie bijlage! :)

Heel veel wit dus, daar aan de rechterkant. Dat zou je kunnen voorkomen door de maximale breedte niet op 100% te zetten, maar op 1200 pixels óf 100% als de schermresolutie minder dan 1200 breed is. Daar is vast wel handige css code voor? :D

Groeten,

Ronald


(http://www.nlcomputerforum.nl/index.php?action=dlattach;topic=1769.0;attach=748)
Titel: Re: Sitecheck
Bericht door: fortron op 5 mei 2010, 22:55:03
Maar dat vele wit aan de rechterkant is er omdat jij een breed browservenster gebruikt,
zou je je venster heel smal maken dan krijg je horizontale scrollbalken.
Heb je een website die dat effect niet laat zien?
Titel: Re: Sitecheck
Bericht door: Ronald op 9 mei 2010, 19:50:55
nlcomputerforum.nl is zo'n voorbeeld. :D

Onderstaand zou het eruit zien als je de site maximaal 1280 pixels breed laat zijn, en die dan centreert op de pagina. Dat blauw links en rechts is toevallig ontstaan, maar oogt op zich wel aardig. ;)

(http://www.nlcomputerforum.nl/index.php?action=dlattach;topic=1769.0;attach=756)
Titel: Re: Sitecheck
Bericht door: fortron op 9 mei 2010, 20:13:37
Als je nou op de website kijkt is het dan zoals je bedoeld?
Titel: Re: Sitecheck
Bericht door: Ronald op 9 mei 2010, 20:44:24
Jazeker! Helemaal prachtig zo  8)

(http://www.nlcomputerforum.nl/index.php?action=dlattach;topic=1769.0;attach=758)
Titel: Re: Sitecheck
Bericht door: Paul op 10 mei 2010, 13:50:33
In die eerder genoemde folder (pdf) over leesbaarheid van teksten staat ook iets over de regelafstand (interlinie-line space).


Nu dacht ik hier ook iets aan te hebben voor gewone geprinte tekst door de afstand op 1 te zetten,ik neem aan dat dat overeenkomt met 100%.In wordpad zit die optie niet in een menu maar wel zijn er toetscombinaties tw ctrl 1 -2 en -5 resp. interlinie 1 -2 en -1,5.Het is wel nodig de tekst eerst te selecteren. 2 en 1.5 lijken erg onbruikbaar want veel te grote ruimte.
De regelafstand die ik had in m´n tekst,gescand uit een afbeelding met OCR software (zie elders),bleek dus kleiner dan 1.Nu dacht ik met het gelezene in het achterhoofd een mooie zet voorwaards gezet te hebben door de regelafstand te vergroten naar 1,het scheelt ongeveer 4 regels op een A4-tjes.Het ziet er een stuk mooier uit,maar leest het ook beter?


Nu nadat ik er na een tijdje weer eens naar kijk,naar het verschil tussen het geprinte origineel en de aangepaste versie is m´n oordeel: de leesbaarheid is enorm achteruitgegaan door de aanpassing.Als ik m´n blik laat vallen op het origineel dan zie ik direct allerlei woorden,betekenis is gelijk toegankelijk,terwijl bij de aangepaste versie dat niet zo is.Het kost heel veel bewuste inspanning om woorden te herkennen.


Groet,Paul
Titel: Re: Sitecheck
Bericht door: fortron op 10 mei 2010, 16:08:53
Maar je bent erachter gekomen dat die regels voor het afdrukken op papier niet van toepassing zijn,
of in ieder geval niet met diezelfde waarden zoals ze in die folder staan.

Gelukkig bestaat er ook een print stylesheet welke een webbrowser gebruikt voor het printen op papier.
Op kubes.nl gebruiken we er ook een maar of die waarden optimaal zijn weet ik niet;
ik heb het enkel getest met de "print preview" functie
Titel: Re: Sitecheck
Bericht door: Paul op 10 mei 2010, 18:09:19
Nou in die folder staat een voorbeeld met 100% en 160% ,maar dat klopt niet.De interlinie van dat plaatje met 100% heeft een interlinie ongeveer van 70%.Je kunt dat meten vanaf de bovenkant van een onderkast letter zonder bolling zoals de v of w of y,en de onderkant van de regel erboven zonder bolling zoals m n l h etc.De letters met een bolling staan nl iets onder de regel zoals een e en o.En dat in vergelijking met een de lengte van een hoofdletter zoals de T.
De tekst die ik prettig lezen vond had een interlinie van ongeveer 80%.Het beste kun je het naast elkaar leggen.Zie bijlage.
Paul

(http://www.nlcomputerforum.nl/index.php?action=dlattach;topic=1769.0;attach=761)
Titel: Re: Sitecheck
Bericht door: fortron op 10 mei 2010, 19:03:57
Het 160% voorbeeld in die folder komt overeen wat wij op onze website gebruiken.
Hieronder een 100% en 160% regelhoogte, wat relatieve waarden zijn.


(http://www.nlcomputerforum.nl/index.php?action=dlattach;topic=1769.0;attach=763)
Titel: Re: Sitecheck
Bericht door: Paul op 10 mei 2010, 19:53:38
Eigenaardig,ik kom toch met m´n rekenmethode op een interlinie die ruim twee keer zo groot verschil geeft in het laatste voorbeeld....




Meen dat die methode van interlinie bepalen toch de juiste is,maar het is lang geleden dat ik die grafische opleiding heb gedaan.
(In mijn voorbeeld klopt het wel) Als 100% de standaard is dan zou dat wel erg dichte tekst zijn hoor op dat plaatje.Type maar eens wat in wordpad.Die staat standaard op 1. Ik heb geen idee wat die html allemaal voor een toeren uithaalt :-)


Nog een aanwijzing dat die 100% niet zuiver is te zien aan de pootjes van de letters die naar boven en naar onder uitsteken.Die raken elkaar ruimschoots in het gegeven voorbeeld in de folder,en dat is nu juist de standaard van goeie interlinie dat dat niet gebeurd!
Titel: Re: Sitecheck
Bericht door: fortron op 10 mei 2010, 20:16:03
Het is waarschijnlijk ook nog eens browser als lettertype afhankelijk
100% regelhoogte in Internet Explorer hoeft niet overeen te komen met 100% regelhoogte in Firefox.
Was het maar waar dat elke browser hetzelfde omging met CSS.
Titel: Re: Sitecheck
Bericht door: Paul op 10 mei 2010, 21:59:24
>Hieronder een 100% en 160% regelhoogte, wat relatieve waarden zijn.<


Gangbaar in het grafische is dat de relatieve waarde is: de ruimte tussen de regels ten opzichte van de hoogte van de letter.