Een (uniek) plaatje zegt meer dan duizend woorden

Een (uniek) plaatje zegt meer dan duizend woorden

Een (uniek) plaatje zegt meer dan duizend woorden

Toegevoegde waarde

Een plaatje zegt meer dan duizend woorden. Afbeeldingen in een website hebben een grote toegevoegde waarde. Niet alleen kunnen afbeeldingen de boel visueel aantrekkelijker maken, je kan met een afbeelding de tekst ook meer duidelijkheid geven.

Zo veel keuze

Ondanks dat het internet vol staat met allerlei te gekke afbeeldingen, zitten er ook regels aan verbonden. Je mag namelijk niet zomaar een afbeelding ergens vandaan plukken en deze op je eigen website gebruiken.

Een (uniek) plaatje zegt meer dan duizend woorden

Natuurlijk kan je ook een stockfoto gebruiken, maar houdt er rekening mee dat jij niet de enige bent die deze afbeelding gebruikt. Met een eigen gemaakte foto ben je toch ineens weer een beetje meer uniek.

maar er zijn genoeg websites waar je de zogeheten (meestal gratis) stockfoto’s vandaan kan halen.

Maar fantastisch is het nog altijd om je eigen unieke afbeeldingen te plaatsen. (dan wel zelf gemaakt of laten maken door een fotograaf). Hiermee onderscheid je je van de rest van de goegemeente.

Zelf heb ik ook niet altijd de tijd om foto’s te maken, ik maak daarom zo nu en dan toch gebruik van stockfoto’s, ik gebruik hiervoor de websites Pexels en Rawpixel.

Voor inspiratie en mijn liefde voor de kunst kijk ik altijd bij rijksstudio en Vincent van Gogh museum. Via deze websites deel ik af en toe ook een afbeelding via een blog of social.

Diverse bestandstypen

Het is niet mogelijk om alle soorten afbeelding  bestandtypes in een website te plaatsen. Let er op, dat als je het maken van afbeeldingen aan iemand uitbesteed, goed afspreekt dat je de afbeeldingen in de juiste bestandtypes en formaten aangeleverd krijgt.

De meest gebruikte bestandstypes zijn JPEG, GIF en PNG. Ook wordt er steeds vaker gebruik gemaakt van animated GIF. Niet alleen meer in Whatsapp, Facebook en Mailchimp.

JPEG is vooral geschikt voor foto’s. het zorgt ervoor dat de afbeelding voldoende wordt gecomprimeerd zonder dat het menselijk ook dat kan zien.


Waarom is typografie belangrijk?

Waarom is typografie belangrijk?

Typografie heeft betrekking tot alles wat hoort bij het opmaken van teksten. Zoals de keuze van lettertypen, regelafstand maar ook het gebruik van witruimte.

Dit alles bij elkaar heeft ook weer invloed op het bereiken van de juiste doelgroep.


typografie-letters

What the F-patroon

Tekst op een beeldscherm wordt weer anders gelezen dan tekst in bijvoorbeeld de krant.

Websitebezoekers scannen vooral de tekst en als ze dan al lezen, lezen zij vaak in een F-patroon volgens Jakob Nielsen. De meeste websitebezoekers lezen dus van links naar rechts, dalen iets af, lezen dan weer van links naar rechts.

Men kijkt naar de koptekst/titel, scannen de tussenkoppen en de eerste zinnen van de alinea’s.

Duidelijke structuur

Zorg daarom voor een duidelijke structuur. De kopteksten, tussenkoppen, alinea’s en witruimte zijn hier een belangrijk onderdeel van. Kernzinnen zijn ook belangrijk. Kernzinnen vertellen namelijk in één inleidende zin, wat de lezer kan verwachten in de alinea.

Soms is het ook handig om voor een opsomming te gaan, gebruik hiervoor dan bullets (opsommingstekens) zodat het overzichtelijk is voor de lezer. Maak teksten op een webpagina niet te breed en te lang. Stel je hebt toch een hele lang tekst, probeer deze dan op te breken in kleinere stukjes tekst. Zorg ook voor voldoende contrast, zodat iedereen de tekst ook kan lezen. Plaats lichte tekst op een donkere achtergrond of andersom.


Bepaal voor je website het juiste lettertype. Een lettertype is sprekend en wekt (in samenwerking met andere elementen, zoals kleur) herkenning op. Denk maar aan Coca-Cola of het logo van Disney. Als je verzekeringen verkoopt wil je niet een kinderachtig lettertype, maar als je een kinderdagverblijf hebt wil je ook weer geen te zakelijk lettertype.

Houdt rekening met je doelgroep en het doel van je website. Stel de vragen: wat wil ik overbrengen en hoe? Gebruik het liefst een schreefloos lettertype, een schreefloze letter is prettiger te lezen op een beeldscherm.

Voor inspiratie vind ik de website van Awwwards altijd erg prettig, vooral dit artikel welke is gewijd aan toffe lettertypen.

Via Google Fonts, kan je geweldige gratis letterypes downloaden of implementeren in je eigen website.

Ook nog een handige tool: What the Font ,voor als je een cool lettertype in een afbeelding ziet, dan kan je met deze tool erachter welk lettertype het is.

Hulp nodig bij het opmaken van je website of bepalen van het juiste lettertype? Neem nu contact met mij op.


Gebruiksgemak voor je websitebezoekers

Gebruiksgemak voor je websitebezoekers

Gebruiksgemak voor je websitebezoekers


De websitebezoeker

Voorkomen is beter dan genezen. Zorg er daarom voor dat je bij de basis begint. De bezoeker. Stel het gebruiksgemak en de irritatiepunten van je websitebezoeker vast.

Denk vanuit het oogpunt van de bezoeker. Hoe zal de bezoeker de website gebruiken? Begrijpen ze de geplaatste content? Aan de hand van het stellen van deze vragen kan je de usability van jouw website beoordelen.

als er content staat die niet klopt of de bezoeker kan iets niet makkelijk vinden, dan zal het vertrouwen in je website ook wegebben. Voorkomen is daarom dus beter dan genezen, let daarom ook op bepaalde irritatiepunten.

Gebruiksgemak voor je websitebezoekers

Duidelijkheid

Een bezoeker in verwarring brengen door bijvoorbeeld tekst te onderstrepen, wat helemaal geen hyperlink is. Of hyperlinks die niet werken of verwijzen naar een onveilige website. Ook teveel hyperlinks is niet handig. Onduidelijke navigatie is ook een irritatiepunt. Een mooi visueel ontwerp ondersteunt het navigatiegemak en gebruiksvriendelijkheid. Zo wordt er vaak al verwacht dat een navigatiemenu bovenaan (links, rechts of allebei) de pagina wordt getoond. De zoekoptie is over het algemeen rechtsboven de pagina te vinden. En hyperlinks zijn (bijna) altijd onderstreept of een hebben een afwijkende kleur.

Zorg ervoor dat de bezoeker niet te lang hoeft na te denken.

Follow up

Naast de focus te geven aan de usability is daarnaast content beheer ook belangrijk. Door middel van een planning, kan je ook op tijd checken of alle (hyper) links nog werken/relevant zijn, de content nog goed is en of de gehele website nog up-to-date en veilig is.


Hulp nodig bij het opzetten en/of beheren van je website?

Stuur een mailtje

Vraag een vrijblijvende offerte aan

Navigeren binnen een website

Navigeren binnen een website


Proces

Tijdens het uitstippelen van jouw nieuwe website, is het ook belangrijk om te kijken hoe de bezoeker zal navigeren binnen in de website.

Het is een proces, waarin de bezoeker de website snel scant en zal beslissen of hij deze tekst gaat lezen of op die ene link klikt.

Simpel en overzichtelijk

Naast het standaard menu heb je uiteraard tal van mogelijkheden en menu’s in allerlei soorten en maten. Denk erom, hoe complexer een website is, hoe belangrijker het is dat de navigatie simpel en overzichtelijk is. Er bestaat niet één goed menu, kijk vooral naar je eigen website wat de beste oplossing is.


Navigatie

Sommige websites bieden ook een sitemap aan, om de bezoeker een zo compleet mogelijk overzicht te bieden van alle links, pagina’s en berichten op de website. Let op dat alle links aanklikbaar zijn. Vooral bij grotere complexen websites is een sitemap handig, zodat je alles op één plek hebt staan. Om het nog beter te maken kan je ook de links, berichten en pagina’s per categorie indelen.


breadcrumbs

Breadcrumbs

Het is ook belangrijk dat jouw bezoeker niet de weg kwijtraakt. Gebruik hiervoor Breadcrumbs. Het begrip breadcrumbs komt voort uit het sprookje Hans & Grietje, waar de broer en zus kruimels achter zich lieten om zo hun weg terug niet kwijt te raken. Breadcrumbs op een website hebben hetzelfde doel en laten de bezoeker zien waar ze zijn en hoe ze weer terug kunnen.

Hyperlinks

Hyperlinks moeten herkenbaar zijn en jouw bezoeker moet weten waar hij naartoe gaat. Gebruik daarom bijvoorbeeld niet de tekst “klik hier” om een link aan te duiden, maar verwerk het in de tekst. Een juist navigatie hoort bij een goede basis voor een website.


Hulp nodig bij het opzetten/beheren van jouw website? Vraag nu vrijblijvend een offerte aan.


De kracht van een goede website

De kracht van een goede website

Een goede website begint bij een goede basis én een duidelijk en overzichtelijk plan.

Het doel van dit plan is om de basis van de website duidelijk in kaart te brengen, controle te hebben over het proces en deze structuur te geven.

Begin in eerste instantie met de vraag: wat is de aanleiding om een (nieuwe) website te willen realiseren?

de-kracht-van-een-goede-website

Doel en doelgroep

Dan is het handig om in te schatten, wie jouw doelgroep is, wat deze doelgroep wil zien en wat ze nodig hebben. Maak voor jezelf ook één of meer doelen voor de website, wil je bijvoorbeeld meer omzet genereren of meer inschrijvingen voor je nieuwsbrief? Probeer deze bezoeker(s) en de doelen zo gedetailleerd mogelijk te omschrijven.

Stel deze bezoeker voor in je gedachten, vraag jezelf af wie is het, wat doen zijn in het dagelijks leven en hoe bewegen zij zich voort op het internet. Omschrijf deze persoon en hun takenlijst wat zij doen op het internet.

Het beschrijven van het doel en de doelgroep is een belangrijk deel van de basis van een goede website. Probeer in het formuleren van deze informatie zo duidelijk mogelijk te zijn.


de-kracht-van-een-goede-website

Wat moet de website communiceren

Veel mensen vergelijken een website met een online visitekaartje, maar het is natuurlijk zo veel meer dan dat. Je kan de bezoeker meenemen in jouw eigen verhaal. Je wil dit natuurlijk op een duidelijke en overzichtelijke manier naar de bezoeker communiceren, want het is niet de bedoeling dat ze de weg kwijt raken en dan de website verlaten. Verzamel eerst alle informatie en bekijk hoe jij wil dat de bezoeker door jouw website heen beweegt. Hierna kan je de informatie de juiste plaats geven. Let er op dat een bezoeker de tekst vaak niet leest, maar scant.

Wat voor een gevoel moet de bezoeker krijgen als deze de website bezoekt

Beschrijf de gewenste uitstraling van je website. Is het website waar een bezoeker veel informatie kan vinden, leuke artikelen kan lezen of juist grappige afbeeldingen en filmpjes kan bekijken?

Is er al een bestaande huisstijl? Wil je dat deze zelfde stijl de website vorm geeft? Of mag de website een nieuwe stijl krijgen? Ga op onderzoek uit en kijk welke websites je mooi vind en welke niet mooi vind.

Mobiel vriendelijk

Zorg voor een mobielvriendelijke oftewel een responsive website. En zorg voor goede leesbaarheid. Responsive webdesign betekent dat de website zich aanpast aan de schermgrootte van de browser. De meeste internetgebruikers  zitten tegenwoordig vooral op mobiel. Maak daarom ook je website als eerste vanuit het mobiele oogpunt. Als je gebruik maakt van een CMS systeem zoals WordPress heb je veel handige pagebuilders, waarin je kan instellen of iets wel of niet wordt getoond op desktop, tablet of mobiel.


Een website is nooit af

Een website is nooit af en het internet blijft altijd in beweging. Zorg daarom voor een goed onderhouden (CMS) systeem en onderhoudsplan, welke je dan ook goed bijhoudt of laat bijhouden. Zo weet je zeker dat je kan blijven mee bewegen.

de-kracht-van-een-goede-website

Hulp nodig met het opzetten van een (nieuwe) website? Vraag nu een vrijblijvende offerte aan.


de-kracht-van-een-goede-website

Wat is een IPP?

Wat is een IPP?

IPP* staat voor Internet Project Plan. Aan de hand van een internet project plan kan je tot in het kleinste detail beschrijven wat je graag wil voor je (nieuwe of al bestaande) website. Aan de hand van een handige vragenlijst, die je invult, breng ik in kaart wat de visie en missie is van jouw bedrijf. Wat het doel van de website of webshop is en brengen wij de doelgroep in kaart.

Daarbij wordt er in een internet project plan uitgebreid gekeken naar de look and feel, de inhoud en de interactie. Wil je dat mensen een formulier kunnen invullen op de site? Of wil je dat ze gelijk met je in gesprek gaan, d.m.v. een chat.

Waarom een IPP?

Met een internet project plan, krijg je een duidelijk overzicht van wat je graag wil met je website of webshop. In een handig overzicht kan je zo teruglezen wat jouw doel is, daarbij wordt er ook een google trends zoekwoorden in opgenomen. Handig voor als je wil gaan adverteren op bijvoorbeeld Facebook of Google Adwords.

Concullega’s

Naast dat je jouw eigen wensen en vooral die van je bezoeker (zij moeten uiteindelijk wegwijs worden op je website) op een rij hebt. Kijk je ook naar je concullega’s (concurrenten/collega’s), wat doen zij beter, wat laten zij zien, wat kan jij verbeteren? Ook dit alles wordt in een handig overzicht geplaatst.

Het plan is geschreven en dan?

Nadat het internet project plan is geschreven, kun je verder door middel van een planner en het geven van een deadline. Samen zullen wij dan intensief samenwerken en ervoor zorgen dat jij een mooie (nieuwe) knallende website en of webshop hebt!

Laten we aan de slag gaan! Vraag dan nu een offerte aan of stuur mij een mail voor meer informatie.

* IPP komt uit het boek; webdesign van concept tot realisatie, geschreven door Hedwyg van Groenendaal



Schrijfwijzer

Schrijfwijzer

Voor een van mijn opdrachtgevers, mocht ik hun oude website, nieuw leven inblazen. Naast dat ik de homepage en meerdere pagina’s heb aangepast, maakte ik voor hun ook een schrijfwijzer.Het bedrijf werkt met een groot team, daarbij zijn er meerdere mensen in het bedrijf, die toegang hebben tot de meerdere websites. Om overzicht te creëren, besloot ik een schrijfwijzer, ook wel genaamd een stijlgids, samen te stellen speciaal voor hun.

 

Waarom een stijlgids?

Een schrijfwijzer kan van beknopt tot zeer uitgebreid zijn.  Het ligt er maar net aan, hoe groot het bedrijf is en waar extra opgelet moet worden.

Waarom nou een schrijfwijzer; zodat je de adviezen en richtlijnen voor een website duidelijk in kaart kan brengen. Daarbij als je meerdere websites moet beheren, is het prettig als je kan opzoeken waar je wat en hoe moet neerzetten.

Net als bij het opbouwen van een website is het belangrijk dat je kijkt wat het doel is van de website, wie de doelgroep is en welke boodschap je wil overbrengen. Hier kan je snel uit op maken of je een formele of informele tekst moet schrijven.

Opbouwen van een schrijfwijzer

Als je het doel, doelgroep en boodschap hebt omschreven, ga je kijken naar de verdere inhoud. Van richtlijnen voor het taalgebruik tot de fontstyle van de tekst. Wel of niet gebruik maken van jargon en bijvoorbeeld het gebruik van Engelse woorden. Voor mijn eigen stijlgids, sta ik Engelse woorden toe, want ja het is de onlinewereld, welke hele geïntegreerd is met de Engelse taal. Kijk ook goed naar de zinslengte, woordkeuze en spelling.

Veel websites zijn gebouwd in Wordpress. Indien je zelf ook een Wordpress website gebruikt, hoef je niet zo nodig het lettertype en grootte van vast te leggen, want dit heeft Wordpress al voor je vastgelegd. Soms is het toch verstandig, stel er moeten nieuwe visitekaartjes gemaakt worden, of je maakt de nieuwsbrief op, dan is het fijn dat alles in dezelfde layout naar voren komt. Zoals je bij veel merken al gauw aan het lettertype kan herkennen welk merk het is.

Zoals je hier kan zien. Er staat dan wel Google, maar je weet van wie de lay-out daadwerkelijk is.

Google-font-coca-cola

Handige tools

Aan de slag met je eigen schrijfwijzer? Download het PDF bestand met handige tools. Hulp nodig of heb je vragen, stuur mij een mailtje.