Beste SDers,

Na mijn website (over kleurenblindheid) te hebben voorzien van een grote (inhoudelijke) update is het tijd voor ongezouten kritieken, zowel positief als negatief:

http://bit.ly/1WdsKzr (graag geen actieve links plaatsen).

Responsive design is de volgende stap, daar open ik een aparte topic voor.

Alvast bedankt!

Groet, Jurjen

De site doet een beetje oubollig aan maar hij is wel duidelijk. Ik merkte dat ik automatisch doorklikte naar wat testjes.
Misschien een idee om zelf een testje op je website te zetten.

Lettertype Verdana is inderdaad erg oubollig maar past door de leesbaarheid ook wel weer goed bij de site. Ik zou het lettertype wel wat groter kiezen. De kleuren van logo en header vloeken een beetje, naar mijn idee. Het is in ieder geval geen gelukkige combinatie.

Origineel gepost door B. van der Weerd

Lettertype Verdana is inderdaad erg oubollig

Vind je? Als je nou Times New Roman zou zeggen ok, maar Verdana of Arial is wat mij betreft niks mis mee hoor.

Bij deze mijn feedback, opbouwend bedoeld:

• Ik vind dat de layout er wat oud bollig uit zien, misschien eens kijken naar de opties voor een nieuw ontwerp?
• De bolletjes bovenin (header) storen mij een beetje, ze zijn niet helemaal scherp en "dansen" een beetje over het scherm, ze leiden me overigens ook af.
• Bij het grijze blok (inleiding) zou wel wat meer padding mogen
• Het contactformulier valt een beetje buiten de opmaak van de website
• Ik vind de grote van de eerste letter in vergelijking met de rest best wel storend, misschien het verschil iets kleiner maken?

Verder is de website wel duidelijk en brengt hij wel de juiste informatie over. Bovenstaand zijn zomaar een aantal dingen die me gelijk opvielen.

@ Wilbert E: Ha, dan zal je net de externe testjes hebben aangeklikt. Er zijn ook een aantal testjes op de site zelf te doen, bijvoorbeeld Ishihara (5). Heb je wellicht nog suggesties om de site minder oudbollig aan te laten doen?

@ B. van der Weerd: Heb je wellicht nog een anders suggestie voor het te gebruiken lettertype? Kan ik altijd even testen

@ Marcel Melis: Vooralsnog blijft het Verdana

@ J. Ponsen: Ik neem je feedback mee!

Allen dank voor de tijd!

Hoi Jurjen,

Ik zou:

- De header wat rustiger maken
- Het ontwerp over de hele breedte trekken
- De tekst in het logo wat groter maken
- De lettergrootte in het menu wat kleiner maken
- De menu-knoppen padding geven ipv een vaste breedte
- De titel wat rustiger maken (geen grote eerste letter, geen schaduw)
- De borders aan de zijkant van je content weghalen
- Meer padding toevoegen aan de content
- De afbeelding met je URL aan de zijkant weghalen
- Evt. werken met kolommen
- Meer witruimte tussen de regels toevoegen (line-height)
- Grafisch meer onderscheid maken in je content

Zie hier een (snel gemaakt) voorbeeld: http://s11.postimg.org/3zhcw9pf5/voorbeeld.jpg

Succes met je website! ;)

Origineel gepost door JurjenvB

@ B. van der Weerd: Heb je wellicht nog een anders suggestie voor het te gebruiken lettertype? Kan ik altijd even testen.

Hier zijn honderden, vaak prachtige webfonts: https://www.google.com/fonts

Eén van de meest neutrale fonts (zeg maar de opvolger van Arial) is Open Sans, dat is in veel verschillende stijlen (light, regular etc) beschikbaar en is zo neutraal dat het overal past en lekker leesbaar is, hier is een voorbeeldje hoe een website met allerlei maten/kleuren Open Sans er uit ziet. Ik vind Montserrat heel mooi, als je een wat breder font (zoals Verdana ook is) zoekt dan is PT Sans Caption ook erg mooi. Let wel op dat er van een font, als je het voor de normale content selecteert, voldoende stijlen heeft om bold/italic/narrow etc te kunnen gebruiken.

Oh, en gebruik niet te veel verschillende fonts in één website tenzij je echt weet wat je doet. Stelregel voor voor beginners: maximaal 2 fonts. Op de site van de Google fonts kun je verschillende populaire combinaties proberen.

Er zijn nog meer mogelijkheden voor webfonts (Fontsquirrel, Adobe, Typekit etc), maar houd het maar even bij de Google Fonts om te voorkomen dat je door de bomen het bos niet meer ziet.

Origineel gepost door Marcel Melis

Vind je? Als je nou Times New Roman zou zeggen ok, maar Verdana of Arial is wat mij betreft niks mis mee hoor.

In deze tijd van webfonts zijn we toch afscheid aan het nemen van die beperkte hoeveelheid default fonts waar we het vroegâh mee moesten doen? Wat Times New Roman betreft: serif fonts zijn nog steeds heel actueel en worden (niet helemaal toevallig?) juist daar gebruikt waar typografie een belangrijk item is (en ook niet de eerste beste ontwerpers bij betrokken zijn). Hier wat voorbeelden. Maar ook voor "normale" websites kun je ze nog prima gebruiken, kijk maar het prachtige Lovecraft theme van Anders Norén, dat gebruik ik niet alleen bijvoorbeeld voor de website van een schrijfcursus maar ook een paar reisblogs en een informatieve website over skivakanties.

Origineel gepost door C. Ter Maten

Zie hier een (snel gemaakt) voorbeeld: http://s11.postimg.org/3zhcw9pf5/voorbeeld.jpg

Is inderdaad een stuk beter! Die zachte kleuren komen ook veel 'wetenschappelijker' over, slim!

Origineel gepost door JurjenvB

Responsive design is de volgende stap, daar open ik een aparte topic voor.

Hoeft niet hoor. Responsive en design is één dus je kunt dit ook hier kwijt. Scheelt iedereen ook heel wat heen en weer klikken tussen de verschillende draadjes. Als je dat snel en makkelijk wilt doen dan zoek je naar een kant-en-klare HTML5 template die je daarna aan gaat passen. Of, als je een CMS als WordPress wilt gebruiken, dan kun je een redelijk lijkend responsive theme selecteren en dat middels een child theme helemaal naar je zin aanpassen.

Origineel gepost door B. van der Weerd

In deze tijd van webfonts zijn we toch afscheid aan het nemen van die beperkte hoeveelheid default fonts waar we het vroegâh mee moesten doen? Wat Times New Roman betreft: serif fonts zijn nog steeds heel actueel en worden (niet helemaal toevallig?) juist daar gebruikt waar typografie een belangrijk item is (en ook niet de eerste beste ontwerpers bij betrokken zijn).

Ik heb eigenlijk nooit echt veel waarde gehecht aan het gebruikte font, zolang het maar goed leesbaar is vind ik het al snel prima ;-) Die Serif fonts in jouw link zijn ook wel ok, maar Times New Roman vind ik dan weer niks.

Maar goed, smaken verschillen hè. Ik vind dat Lovecraft theme bijvoorbeeld erg saai, wat vind je daar zo prachtig aan dan?

Ik krijg letterlijk pijn in mijn ogen als ik ernaar kijk.
Layout is niet super, sorry. Oogt een beetje als frontpage en MS paint.

Er is amper iets aan SEO gedaan.
Social media wordt niet benut.

Onestat.com en checkstat.com zijn zichtbaar op de website, verwijderen.
Statcounter.com is ook gratis maar in elk geval niet zichtbaar op de website.
Google analytics is altijd nog het beste.

Origineel gepost door Marcel Melis

Ik heb eigenlijk nooit echt veel waarde gehecht aan het gebruikte font, zolang het maar goed leesbaar is vind ik het al snel prima ;-) Die Serif fonts in jouw link zijn ook wel ok, maar Times New Roman vind ik dan weer niks.

Maar goed, smaken verschillen hè. Ik vind dat Lovecraft theme bijvoorbeeld erg saai, wat vind je daar zo prachtig aan dan?

Ik heb ook niet gezegd dat ik Times New Roman mooi vind. En smaken verschillen inderdaad. Gelukkig maar, anders was alles eenheidsworst. Het Lovecraft theme is een theme dat de content heel mooi uit laat komen. Juist omdat het zo rustig is. En content, dat is nou net mijn ding ;-). De archiefpagina's van Lovecraft vind ik trouwens minder fraai (de pagina titel, brr...), daar wordt dus nog aan gewerkt.

@ C. ter Maten: Dank voor je tips en je voorbeeld, dat helpt altijd. Ik heb gelijk ook even bij de 'lay-outs' gekeken voor de profi voorbeelden. Ik ga achter de schermen ermee aan de gang.

@ B. van der Weert: Ik ga de verschillende fonts proberen en kijken hoe het eruit ziet. Ik ga me eerst inlezen in het responsive maken van een website voordat ik hier vragen ga stellen :)

@ C. ter Maten & B. van der Weert:

Is inderdaad een stuk beter! Die zachte kleuren komen ook veel 'wetenschappelijker' over, slim!

Het enige wat probleem hiermee, is dat ikzelf als kleurenblinde, de 'zachte' kleuren niet zag. Daar wees mijn vrouw mij op ;) Ik ga kijken hoe ik dit handig kan oplossen.

@ Rogier van E: Het is me duidelijk gezien de andere opmerkingen dat het design wel een update kan gebruiken. Heb je wellicht nog tips waar te beginnen met de SEO? Het klopt dat social media nog niet worden gebruikt, dat volgt in een later stadium. Kan je aangeven wat er mis is met het zichtbaar zijn van de Onestat.com en checkstat.com teller op de website? Dit is nieuw voor mij.

Wederom, eenieder bedankt voor de moeite!

Origineel gepost door JurjenvB

@ C. ter Maten & B. van der Weert:

Het enige wat probleem hiermee, is dat ikzelf als kleurenblinde, de 'zachte' kleuren niet zag. Daar wees mijn vrouw mij op ;) Ik ga kijken hoe ik dit handig kan oplossen.

Dan neem je toch gewoon grijs ipv die zachte kleuren? Staat iets zakelijker, maar ook heel professioneel.

Wat betreft het responsive maken: ik heb niet naar de code van je site gekeken maar zomaar een oude site "even responsive" maken is meer werk (en soms knap lastig als je veel met tabellen hebt gewerkt) dan een nieuwe responsive template uitzoeken en die aanpassen zodat die redelijk op je huidige layout lijkt.

ik heb die ishiharatest even gedaan op je site. En ik wist al dat ik kleurenblind ben (ooit keuring militaire dienst naar buiten gekomen). maar ik kom op je site niet tegen zo snel: wat als je kleurenblind bent....wat is er aan of tegen te doen, waar moet je dan rekening mee houden..... Ik kom dus eigenlijk niet verder dan datgeen wat ik al wist...

Origineel gepost door JurjenvB

@Rogier van E: Het is me duidelijk gezien de andere opmerkingen dat het design wel een update kan gebruiken. Heb je wellicht nog tips waar te beginnen met de SEO? Het klopt dat social media nog niet worden gebruikt, dat volgt in een later stadium. Kan je aangeven wat er mis is met het zichtbaar zijn van de Onestat.com en checkstat.com teller op de website? Dit is nieuw voor mij.

Sorry. Beetje laat.

Ik zou alle pagina's een unieke titel geven. Maak de Google beschrijving wat langer.
Maak teksten wat langer, minimaal 300 - 400 woorden.
Gebruik je keywords op een natuurlijke manier in headings.
Zorg voor relevante backlinks. Benader webmasters die een website hebben over ogen, kleuren en andere relevante onderwerpen.

Zichtbare tellers van Onestat.com en checkstat.com komen naar mijn mening een beetje knurfterig over.
De bezoeker hoeft niet te weten hoeveel bezoek je hebt.

Succes!