Waarschuwing: Neem de hieronder geschreven opmerkingen niet te persoonlijk. Ik ken je helemaal niet en dus praat ik alleen over wat ik van je design/site vind. Doe er je voordeel mee!
Automatisch een muziekje afspelen is echt reden 1 waarom 90% van al je bezoekers afhaakt binnen 1 miliseconde. Dat moet je echt gewoon niet doen, ik zit hier op een hele oude laptop en die kan dat nauwelijks aan. Tevens, wie zegt dat ik nu in de stemming ben voor muziek?
Nog wat dingen die je echt niet moet doen die mijn hele eerste indruk al hebben verpest:
- ik wil helemaal geen vervelende flash pagina of pop-up als ik op je site kom. Zorg gewoon dat je lay-out en siteteksten zo zijn geschreven dat jou doel bereikt wordt, dat moet je zeker niet met zo'n pop-up proberen!
- marquee, afleidende en bewegende berichten zorgen dat de bezoeker minder aandacht besteed aan het doel van de website: het lezen waarvoor het is en het gebruiken van de site.
- het veranderen van mijn cursor in een vreemd kruisje. Dit teken is bekend onder de computergebruikers voor blokselecteren (zoals in adobe reader) niet voor het selecteren van tekst of het hoveren over een stukje content. Hou de cursor gewoon hetzelfde.
- Lage contrast, alle teksten zijn moeilijk te lezen. Gebruik voor de hoofdtekst het liefst een zo'n groot mogelijke contrast: Wit <> zwart
Dan denk ik wat verder en denk ik: Wat donker! Is het zo'n droevige of duistere gebeurtenis? Doe eens het lichtje aan op je site en je zult zien dat je zelf al een stuk vrolijker tegen je site aan gaat kijken.
Je site bevat ook zeer weinig kleur en als het dan kleur bevat zit het ook nog heel dicht bij zwart. Durf eens wat meer en geef je achtergrond een donker rode kleur en je menu balk fel geel (met zwarte tekst natuurlijk).
Woeps, ik ben van de homepagina af, hoe kom ik nou weer terug? Bezoekers verwachten als eerste link altijd een home button en ook de sitenaam hoort een link naar home te zijn.
Verdiep je sowieso eens in wat een gebruiker verwacht op je site. Een contact item in een menu hoort bijv. helemaal aan het eind te staan en een guestbook er net voor.
Maak een eigen form of zorg ervoor dat je eentje pakt die goed in je site integreert. Als ik nu iets niet invul krijg ik een compleet nieuw form te zien op een compleet nieuwe website, is niet echt goed...
Code
- Leuk dat als ik op de nederlandse of franse versie kijk ik nog steeds zie staan:
<html ... lang="en" xml:lang="en">
- plaats je charset (content-type in jou geval) meta tag altijd als eerste na <head>. Anders krijg je problemen in IE (en met IE).
- script elementen horen helemaal onderin de pagina of in de head, niet ergens halverwege.
- een h1 element is een unieke titel die als belangrijkste titel van de hele pagina geldt. Op de homepagina is dit waarschijnlijk de sitenaam, maar op andere pagina's is de pagina naam veel belangrijker. Wissel dit af (en zorg dat ze beide goed gestijld worden).
- een menu is een lijst van menu items, maak dit in HTML dus ook als een lijst. Meer informatie:
http://www.phphulp.nl/php/tutorial/html-ajax-css-javascript/html-en-semantiek/785/een-menu/2127/
- zodra je moet gebruiken weet je dat je iets fout doet. Gebruik dan CSS margins of paddings. Zelfde geld voor meer dan 1 <br> element achter elkaar.
- center element komt uit de prehistorie. Gooi hem weg en los dit op met CSS (een width meegeven en margin: 0 auto; toevoegen).
- Deel je tekst in alinea's op en geef elke alinea een alinea element (paragraph in het engels dus <p> tag) mee.
- Gebruik zeker geen H1 in de sidebar, geef die H4 ofzo mee. Het zijn namelijk totaal geen belangrijke titels
- die 2 divjes per item in de sidebar is fout. Je kan het het best zo doen:
<div class="block">
<h4>De titel</h4>
<p>De tekst</p>
</div>
Hiermee groepeer je elk blokje mooi, kun je hem alsnog goed stijlen en heb je goede semantiek.
- gebruik geen inline CSS (als width=, border=, style=)
- vervang vreemde tekens in HTML entities (niet © maar ©)
- ga een domein en host aanschaffen, alleen op die manier kun je succes bereiken en je hebt dan niet code op de verkeerde plek staan.
Samengevat: Een goede website als dit een van de eerste is, maar wees er van bewust dat je nog een hele weg te gaan hebt. Kijk eens naar site's die je mooi vind en ga nadenken waarom je hem mooi vind. Of wat ik altijd doe: Ga naar een template site (zoals
http://themeforest.com/ of
http://bestwebgallery.com/ ) en blader eens door die miljoenen templates. Selecteer de beste en teken op een leeg papiertje na welk element je mooi vind. Na een half uurtje heb je heel wat elementen getekend die je vervolgens kunt omvormen tot een nieuw design.
Tevens moet je je eens verdiepen in HTML. Je snapt nu de basis, maar nu nog erachter komen waar HTML helemaal om draait: Semantiek. Lees de tutorial die ik je toenet gaf (bij het puntje over menu items), lees de hele tutorial van begin tot eind. Je zal dan een wat beter beeld krijgen. Ga je dan verdiepen in de betekenis van elementen en gebruik dat om je HTML codes veel beter te maken.
