Webdesign Specificaties: Alles Wat U Moet Weten!8 min

web design practiques

Op het internet nemen weinig mensen de tijd om alle informatie op een website te lezen. Internetgebruikers willen vooral zo snel mogelijk relevante informatie vinden, door snel naar de inhoud van een pagina te kijken. Het ontwerp van een website moet dan ook eenvoudig en aantrekkelijk zijn. Daarom is het essentieel om rekening te houden met het belang van een responsief webdesign.

Dit artikel is bedoeld om goede praktijken in webdesign te bespreken en u te helpen deze te presenteren bij het schrijven van de briefing voor het creëren van uw website.

A. Het grafisch handvest

1. Wat is een grafisch handvest?

Het grafisch handvest is een kostbaar document, opgesteld door een webdesigner, dat alle regels verzamelt waarop de visuele identiteit van uw bedrijf gebaseerd is of zal zijn. Het is duidelijk dat het als richtlijn zal dienen voor iedereen die een communicatie-ondersteuning voor u zal ontwerpen. Dit is inclusief het webagentschap waaraan u het ontwerp van uw website zult toevertrouwen.

Dus,

  • Er is een grafische samenhang tussen al uw steunpunten: briefpapier en factuur, visitekaartje, flyer, bord, textiel, eventueel voertuig, e-mailhandtekening, enz. Zonder de website te vergeten natuurlijk.
  • Internetgebruikers, klanten en leveranciers herkennen in één oogopslag dat u het bent, uw site of een document dat u hebt uitgegeven, omdat
    zij uw grafische identiteit al in hun geheugen hebben gegraveerd.

2. Expliciet logo

Het logo en de manier waarop het wordt gebruikt nemen een belangrijke plaats in in het grafische handvest. Op een website is het niets meer of minder dan het eerste element waar de bezoeker naar kijkt. Een effectief logo is over het algemeen eenvoudig, origineel, gemakkelijk te identificeren en weerspiegelt de geest en de specifieke kenmerken van uw bedrijf. Wees er dus trots op, stel het voor, bovenaan de pagina. Een veelgebruikte praktijk: door erop te klikken keert de gebruiker terug naar de homepage.

Het logo is het eerste waar internetgebruikers naar kijken. Het vertegenwoordigt het algemene imago van het bedrijf door zijn waarden en verdiensten weer te geven. Hiervoor moet het logo worden gemarkeerd en bovenaan de pagina worden geplaatst. Let op: het logo is niet alleen onmisbaar voor het optimaliseren van de visuele kwaliteit. Het speelt ook een belangrijke rol bij het verbeteren van de kwaliteit van de navigatie door het verbeteren van de bezoekerservaring. Daarom is het belangrijk ervoor te zorgen dat het logo gebruikers automatisch kan verwijzen naar de homepage van de site.

3. Kleurcode

Kleur heeft een invloed die verder gaat dan het uiterlijk van de site en het imago van uw bedrijf. Het schept een sfeer, helpt de inhoud te structureren, enz. Houd er echter rekening mee dat het doel is dat de bezoeker uw bedrijf gemakkelijk onthoudt en uw kleuren herkent.  Hoewel de tinten oneindig zijn, is het beter om de zeven kleuren van de regenboog te vergeten! Slechts een paar kleuren passen bij al uw verschillende media (auto, t-shirt printen, enz.).

4. Visuele elementen

Aangepaste pictogrammen, illustraties, mascotte, foto’s… Naast het logo kan een bedrijf dit soort elementen gebruiken om zijn visuele identiteit te versterken. Om ervoor te zorgen dat deze grafische elementen in de hoofden van de internetgebruikers uw imago weerspiegelen, kunt u overwegen om het gebruik ervan te standaardiseren doorheen het grafisch charter. De gemakkelijkste manier om ze gemakkelijk te koppelen aan uw bedrijf is door ze gewoon regelmatig te plaatsen.

5. Lettertype

De keuze van de typografie mag niet lichtzinnig worden genomen. Elk lettertype heeft zijn eigen karakter. Afhankelijk van uw doelgroep en de boodschap die u wilt overbrengen, kiest u zeker voor het ene lettertype boven het andere. Door verschillende formaten en vormen te selecteren, kunt u reliëf toevoegen en prioriteit geven aan uw inhoud. Het is echter essentieel om het comfort van de lezer te waarborgen

webdesign pratiques

B. Site ontwerp

1. Ontwerptype

Zelfs als u volledig vertrouwen heeft in uw web agentschap kunt u een aantal ideeën meegeven over het type ontwerp dat past bij uw wensen en behoeften. Hier zijn de laatste trends in web design:

  • De minimalist, om meteen tot de kern van de zaak door te dringen. Dit is het soort website waar weinig elementen worden weergegeven, maar de weinige die verschijnen corresponderen met het essentiële. Dit zijn de dingen waar de gebruiker naar op zoek is, en datgene wat hij moet onthouden.
  • Flat design, vooral intuïtief. Het is een kwestie van het aanbieden van een gezuiverde interface met heldere kleuren en objecten zonder textuur: plat!
  • Illustratief, om een website leven in te blazen. Illustraties, animaties en tekenfilmtekeningen zijn een creatieve en originele manier om uzelf te presenteren.
  • De video, bespaar de gebruiker de lange teksten en nodig diegene uit om een video te bekijken. Een video is altijd aantrekkelijker en daarom effectiever!
  • Typografie van het ontwerp. Zeg het met woorden geschreven in zorgvuldig gekozen lettertypen. Fluisteren, rebelleren, verzachten, beweren, verleiden… Dit type ontwerp vertrouwt op de persoonlijkheden van elke typografie om het oog te trekken en een boodschap over te brengen.
  • Het klassieke en compacte concept van één pagina. Dit is effectief om de gebruiker met haast te charmeren. Alle inhoud past dus op één pagina. Dit is echter niet voor alle websites geschikt

2. Gebruik van het raster

Allereerst is het raster de basis voor good practices op het gebied van webdesign. Elke goede webdesigner moet zich ervan bewust zijn dat een uitstekende creatieve geest niet genoeg is om een succesvolle website te creëren. Een goed gestructureerd sjabloon kan het verschil maken om het eerste oogopslag op de pagina te verbeteren. Het raster biedt internetgebruikers dan echt leescomfort.

webdesign-grille

Het doel van het gebruik van een raster is het voor de ogen gemakkelijker te maken om de webpagina te navigeren en het lezen aangenamer te maken. Er zijn verschillende modellen ontworpen voor web-interfaces. Verticale en/of horizontale assen vormen het raster. Om de inhoud te structureren, scheiden intervallen die “goten”, deze worden de assen genoemd. De marges aan beide zijden, eventueel boven en onder, zijn de reflecterende delen zodat de gebruiker niet wordt gedestabiliseerd door de randen van het scherm.

3. Een slimme kopregel

Internetgebruikers willen echt geen moment wachten om toegang te krijgen tot informatie. Het bieden van de mogelijkheid om de pagina’s over hun lengte te raadplegen wordt dan gezien als een perfecte oplossing. Met een paar muisklikjes kunnen internetgebruikers alle informatie zien. Als u de kopregel van de site instelt, worden gebruikers ook beroofd van lange retourtrips boven aan de pagina. Dat kan alleen maar goed zijn.

4. Ontwikkeling van een oproep tot actie

Het oproepen tot actie, is per definitie een functie die de bezoekers moet aanmoedigen om verschillende manipulaties uit te voeren die door de site worden voorgesteld. Over het algemeen worden deze acties weergegeven in knoppen die strategisch geplaatst zijn om ervoor te zorgen dat gebruikers ze waarnemen. De voorgestelde manipulaties zijn in het bijzonder gekozen door de webdesigner om de nieuwsbrief, de contact creatie, de toevoeging aan het winkelwagentje of de aanmoediging te weten te komen.

5. Zoekmachine

Bij design gaat het niet alleen om het vereenvoudigen van het lezen van inhoud en informatie. Het bestaat ook om bezoekers uit te nodigen zo lang mogelijk op de site te blijven en hen aan te moedigen altijd terug te komen. Door de integratie van een zoekmachine in de site kunnen gebruikers gemakkelijk de informatie vinden die ze willen.

maquette de pages refonte

C. Pagina layouts

1. Wat is een paginalayout?

Wireframen is een essentiële stap in het vaststellen van de specificaties van web design. De paginamodellen zijn in zekere zin een schets die het mogelijk maakt om schematisch te visualiseren:

  • De boomstructuur van de site, d.w.z. de organisatie van de site.
  • Grafische interface met interactiviteit en ergonomie.
  • Het doel is om de rode draad van de ontwerpstappen zo op te zetten dat alle belanghebbenden: u, het webbureau of webdesigners en ontwikkelaars, in fase zijn.

2. Functioneel model

Het functionele model, ook wel wireframe genoemd, is de meest fundamentele taak die het begin van de creatie van een site markeert. Het bestaat uit het rangschikken, het ordenen op een zwart-wit pagina van de verschillende elementen en de belangrijkste inhoud van de webpagina. Balsamiq is één van de bekendste functionele modelleringssoftware.

Waarschijnlijk zult u er meer over horen:

  • mock-up, is het functionele full-size model
  • indeling in zones, het is een soort model dat alleen uit inhoudsblokken bestaat

3. Grafisch model

Dit is de stap die het functioneel model volgt. Het maakt het mogelijk om meer details te brengen in deze aspecten van de site : kleur, logo, vorm, sommige teksten, enz. Over het algemeen wordt het grafische model gemaakt met grafische software zoals Adobe Photoshop of Illustrator.

D. De Performer

Er zijn verschillende uitvoerders van het ontwerp van een webproject. De vragen die zich opnieuw aandienen zijn de volgende: Moet ik een communicatie/marketingbureau gebruiken? Een beroep doen op een freelancer of zelfs zelf het webdesign herontwerpen? Elk van deze sporen heeft zijn eigen voor- en nadelen. Ook al kost het inhuren van een professional een aardig bedrag, u bent zeker om deskundig werk te ontvangen. Agentschappen hebben een heel team van web-beroepen incusief graphicsdesigners en webdesigners. Ze zullen dus beschikken over een grote creativiteit en weten zich aan te passen aan de begroting dankzij hun kennis in de verschillende cms. Bovendien, SEO is van essentieel belang, zij hebben ook web marketing vaardigheden.

Voor meer informatie, bekijk onze andere artikelen:

Of:Deel Uw Ervaring Op De Sortlist Blog!

Leave a Comment