The Author

John

John

#Blogger #Photography in its own particularly way #Metal lover #Design #building the body the natty way. #Android lover #Microsoft fanboy #Content Creator #Mijn hond Bentley

Verified Services

View Full Profile →

Home » Design tips,

Design tips,

Tijdens het surfen doe ik ook regelmatig wat sites aan die design gerelateerd zijn. Af en toe staan daar dingen te lezen die mij aanzetten tot denken, of aanzetten tot anders denken. Gebruikte technieken veranderen, en ook zie ik technieken die ik gebruik steeds vaker opduiken. Op CCS gebied verandert er ook het een en ander, en is er steeds meer mogelijk. Denk namelijk niet dat iets niet kan omdat het nog nooit gedaan is. Zo gebruikte ik ongeveer twee jaar geleden voor het eerst de ‘filter: alpha(opacity: )’ code in mijn CSS, om bepaalde delen in bepaalde mate transparant te maken, en toen kreeg ik ook een opmerking van een (naar zijn eigen zeggen een deskundige) persoon, dat ik deze code niet kon gebruiken omdat hij niet bestond. Tegenwoordig is het een code die gewoon standaard gebruikt word, alhoewel nog niet geaccepteerd door de W3C.

Vandaag las ik op Smashing wat informatie over het verkrijgen van informatie, maar door allerlei obstakels is het niet mogelijk om de informatie te vinden die je zoekt. En dit allemaal door gebruikte nachtmerries. Absoluut waar. Wie kent niet de vervelende layer reclame van tegenwoordig, of die pop-up die toch door je filter heen komt. Of een website die opeens je browserscherm kleiner maakt. Hier wat tips waar je rekening mee kunt houden.

1. Gebruik geen pop-ups.
Pop-ups onderbreken de browsing sessie van de bezoeker. Een volgende keer komen ze misschien wel niet meer terug.

2.? Verander de grote van het window van je bezoeker niet.
Erg vervelend als iemand anders bepaald hoe groot je geopende window er uit zou moeten zien..

3. ?Gebruik niet te kleine letters.
Zeker als er veel tekst staat wordt het moeilijk lezen als de letters te klein zijn.

4.? gebruik geen onduidelijk link tekst.
Oke, hier ga ik zelf de mist in, maar het is een vooraf bedachte keus..

5.? Gebruik gen dode links.
Die zijn er tenslotte al genoeg. Geen reden om je bezoeker er zelf ook naar toe te sturen..

6.? Gebruik maximaal een afbeelding in je post.
Als er allerlei blink blink op een site staat, is het soms erg moeilijk je te focussen op de tekst.

7.? Maak het gemakkelijk om contact met je op te nemen.
Misschien wil je dat wel helemaal niet, maar stel dat bezoekers dat wel graag willen, maar het is niet mogelijk contact informatie te vinden, kunnen ze de interesse en het vertrouwen verliezen. Voor mensen die een product verkopen zo wie zo al een must

8.? Je links openen in het zelfde scherm.
Hier had ik het pas nog over. De meeste van jullie gaven aan dit liever in een nieuw scherm te zien gebeuren, maar in de regel ga ik niet volgens de regels door naar jullie wens te luisteren..

Ik schrijf niet om iets vast te leggen, maar om beter te zien wat er al was. Vaak zit betekenis in kleine momenten die je pas opmerkt wanneer je vertraagt. Dit is geen plek van conclusies, maar van kijken, twijfelen en soms begrijpen. Wat betekent het om mens te zijn, en wat mogen we onderweg niet kwijtraken?

27 Comments

  • frans54

    October 1, 2007 at 22:00

    Ik doe het zo dat links in de tekst in een nieuw venster openen (zijn vaak bronnen waarvoor het wel makkelijk is als je die naast de post kunt leggen) terwijl links in de sidebar (veelal interne links en links naar andere logs/sites (zaken waar men iha pas op klikt als men bij mij uitgelezen is)in hetzelfde venster openen.

    Waar ik me overigens wel aan bezondig (en waar dit even een goede herinnering voor is) is niet vaak genoeg controleren of alle links in de sidebar nog correct zijn. Van de week toch maar weer eens doen.

  • Joost

    October 1, 2007 at 00:02

    Hm… interne links openen bij mij allemaal in hetzelfde venster, maar links naar andere sites in een nieuw venster. Wel zo handig, lijkt mij.

  • RedStar

    September 30, 2007 at 23:32

    @ Bram, Geloof me, ze bestaan echt 🙂

    @ Pasula, Gelukkig ja! Want het zou saai worden. De tips zijn ook maar richtlijnen…

    @ Brillie, Het is onmogelijk je 100% in te zetten volgens de richtlijnen die worden gegeven. Ik doe dat ook niet voor mijzelf. Voor een klant werk ik echter strikt..

  • Pasula

    September 30, 2007 at 23:26

    Gelukkig zijn we niet allemaal standaard. Ik heb nogal weleens de neiging te overdrijven met foto’s, maar ja, tis ook mijn log. Als ik weleens terugkijk moet ik er zelf plezier aan beleven. Het is mooi meegenomen dat anderen het ook leuk vinden, maar de meeste foto’s log ik toch echt voor mezelf.

  • RedStar

    September 30, 2007 at 22:20

    @ Vlechttouw, hehehe Lol

    @ Patriesje, Naar ieders wens werken gaat niet nee..

    @ Roos, Geeft niet joh, je reageert hiermee iig niet off topic 😉

    @ Martin, Lol, maar mijn linken gaan open in een nieuw scherm, zoals de meesten van jullie willen 🙂

  • Roos

    September 30, 2007 at 22:07

    Ik zou best inhoudelijk willen reageren, maar kan dat niet omdat ik mijn lay out niet zelf maak en omdat bijna niets van al wat hier staat begrijp:P

  • Patriesje

    September 30, 2007 at 20:31

    Ik heb laatst het fotogedeelte van mijn site veranderd. Per galerie kom je nu op een nieuwe pagina zonder verdere poespas (dus alleen de foto’s van dat onderwerp). Sommigen vinden het rustig, anderen hebben een hekel aan al die schermen. Je kunt nooit iedereen tevreden houden.

  • RedStar

    September 30, 2007 at 17:39

    @ Savage, De layer popup kan je niet tegen houden toch?

    @ V@nM@n, Klopt, ik houd ook geen rekening meer met 800 x 600…

    @ Nick, Ik vind dat contact kunnen maken ook heel belangrijk is. Dat is hier bv ook prima geregeld..

    @ Mannie, Klopt, het is best vervelend als een link in het zelfde scherm opend. Zelf open ik een link altijd in een tab..

    @ Birgitte, hehehe _blank is onmisbaar bij het plaatsen van links..

    @ Mike, klopt, die keus heeft iedereen. Ook ik volg site’s waarvan ik soms liever meer eenvoud zou zien, maar de inhoud vind ik dan belangrijker als de uitstraling..

    @ Twan, Maakt niet uit. Als surfer heb je ook wat te zeggen 🙂

    @ Belanda, Dat kan idd, maar ik denk dat buiten de groep met visuele handicap, niemand al dat extra’s wil doen..
    Mijn spamfilter echter zou ik geheel moeten gaan aanpassen om dat te doen, en ook wat jacvascripts. Dat zou nog wel even kunnen gaan duren denk ik 🙂

    @ Liesbeth, Ik had het al gezien ja 😀

    @ Leibele, Die kan ik wel bedenken hoor. Nog meer zelfs. 🙂

    @ Marco, Minimalistisch is gewoon weg heerlijk 🙂

    @ Rene, yep, lezen en reageren. Nu heb ik een zeer lekkere muis waarmee terug klikken een bijna niet merkbare duimdruk is, maar toch..

  • Renesmurf

    September 30, 2007 at 16:50

    Op weblogs dient gereageert te worden.
    Als de link opent in hetzelfde venster is de weblog weg, jammer dan, geen reactie, of gedoe met terugklikken, niet gemakkelijk.

    De andere punten kan ik wel achter staan.

  • Belinda

    September 30, 2007 at 13:31

    Ik heb denk ik weer iets gezegd wat niet geaccepteerd wordt door je blogsoftware. Kan je hem uit het spamfiler tillen?

    Dat brengt me op de volgende tip: Wanneer er woorden staan in reacties die niet door het spamfilter komen dan aangeven dat het spamfilter het niet pikt en zorgen dat je dmv van pijltje terug je reactie kan aanpassen… 😉 (kon het niet laten)

    Nu maar hopen dat deze wel gepikt wordt door het filter! 🙂

  • Belinda

    September 30, 2007 at 13:28

    Goede tips!
    Kleine lettertypes zijn simpel te vergroten door de lezer door Ctrl ingedrukt te houden en te scrollen met je muis. Zo maak je elk letterype leesbaar.
    Openen van links in een nieuw tabblad vind ik veel beter want dan hou je je eigen site in beeld en heb je de minste kans op verliezen van de bezoeker.
    Scripts het beste zo laag mogelijk in de pagina plaatsen omdat het anders de openingstijd van de pagina vertraagd.

  • Twan

    September 30, 2007 at 13:10

    Ik heb geen eens een site, maar ik snap het helemaal. Punt twee helemaal, dat is namelijk behoorlijk shit als dat zomaar voor je gedaan wordt.

  • Mike

    September 30, 2007 at 12:58

    Ik moet beroepshalve me al aan zoveel regeltjes houden dat ik op mijn eigen blog lekker doe en schrijf wat ik wil 😉
    Wel zie ik dat mijn blog langzaamaan rustiger wordt, had ik vroegah nog een hele rits foto’s nu over het algemeen nog slechts ??n foto per blogje (soms meer 😉
    Er is een site die ik graag mag bezoeken maar ik vind ‘m wel lastig leesbaar, kleine letter en zwart op paarse achtergrond. Maar het is mijn eigen keuze om er dus ‘wat voorover ‘ te hebben om iemand ‘te volgen’.

  • Birgitte

    September 30, 2007 at 10:50

    In de meeste tips kan ik me vinden (terwijl ik ze zeker niet allemaal toepas, eigenwijs als ik ben). Tip 8 vind ik niet prettig. Als lezer irriteer ik me er wild aan en denk dan nukkig: zeker nooit gehoord van _blank…

    Verer, dank voor de tips!

  • Mannie

    September 30, 2007 at 09:32

    Links in zelfde venster vind ik niet handig, stel je leest een artikel waar een link bij staat, die wil je vaak ook nog ff lezen voor je reageert. Maar als je dan al op een andere pagina bent heb ik niet zo veel zin om terug te gaan om te reageren.

  • NickN

    September 30, 2007 at 09:09

    met het meeste ben ik wel eens, wat ik heel belangrijk vind is dat de bezoeker contact kan maken met webmaster. Links openen in zelfde venster, daar heb zo mijn bedenkingen over. Ja, vaak wel maar dan moet de link content op je server staan externe links in nieuwe venster.

  • savage

    September 30, 2007 at 08:53

    Popups worden onderdrukt door mijn browser maar sites die m’n browser resizen heb ik echt een gruwelijke hekel aan. Sitebouwers die dat doen moeten ze lang opsluiten 🙂 En punt 8 ben ik niet helemaal met je eens. Sinds tabbed browsing heb ik liever een nieuws scherm voor een externe link. Interne links moeten wel in hetzelfde venster openen naar mijn mening.
    En ook heel belangrijk; let op het contrast tussen tekst- en achtergondkleur. Ik zie te vaak dingen als roze letters op een lichtgroene achtergrond.