Hoe maak je een website voor professionals (14 Tips)?

Bij het ontwerpen van een website zijn er enkele veelvoorkomende fouten die vaak opduiken, vooral bij stagiaires en nieuwe ontwerpers. In deze lijst van stappen naar de perfecte website lay-out, behandelen we wat elke nieuwe websitebouwer die binnen een digitaal bureau werkt moet weten en doen voor het starten van een nieuw project, en waar ze tijdens het proces aandacht aan moeten besteden om deze fouten te vermijden.

Deze principes omvatten niet alleen ontwerpaspecten, maar ook algemene workflowtips die zorgen dat de klus goed geklaard wordt. Volg ze en je bent binnenkort op weg om professionele website lay-outs te maken. 

1) ​Duidelijke visie

​Voordat je met het werk begint, moet je weten waarvoor je het maakt. Naast de beschrijving van de site moet je ook weten wat de verwachtingen zijn. Neem bijvoorbeeld een nieuwssite, wat is het doel? Is het om zoveel mogelijk advertentieafdrukken te maken of is het om de beste leeservaring te bieden? Hoe worden die doelen gemeten? 

Goede ontwerpen zijn niet noodzakelijkerwijs de meest opvallende, maar de ontwerpen die de prestaties in de loop der tijd verbeteren. Praten met je klanten voordat je begint met je ontwerp is essentieel om alles te definiëren. Je moet leren wat hun zorgen en doelen zijn buiten de geschreven SOW (statement of work).

2) Zet alles op papier

​Dit lijkt heel duidelijk, maar ik heb maar al te vaak ontdekt dat ontwerpers direct in hun werk springen voordat ze nadenken over het probleem dat ze proberen op te lossen. Ontwerpen is het oplossen van problemen, en die problemen kunnen niet opgelost worden door middel van hellingen of schaduwen, maar door een goede indeling en een duidelijke hiërarchie. 

Denk na over de inhoud, de lay-out en de functionaliteit voordat je begint met het ontwerpen van een website. Zorg ervoor dat deze gedachten in overeenstemming zijn met de doelstellingen van je klant en voel je vrij om ze te delen. Geen enkele klant heeft ooit geklaagd over te veel communicatie.

3) Maak een schets

​Als ik gevraagd word om een look and feel te creëren voor een project, dan is het eerste wat ik doe om met een top-level framework te komen dat alle ontwerpproblemen. Het framework is de UI die de inhoud omringt en helpt de gebruiker om acties uit te voeren en er doorheen te navigeren. Het omvat de navigatie en onderdelen zoals zijstaven en onderbalken. 

Als je ontwerpt vanuit dit perspectief benadert, zul je een duidelijk inzicht hebben in wat je lay-out nodig heeft bij het ontwerpen van secties.

4) Gebruik een agenda/ rooster

​Het is zo eenvoudig als het klinkt. Voordat je begint met het ontwerpen van alles wat je nodig hebt, een goed rooster. Er zijn geen geldige excuses om zonder rooster te starten - en als je dat niet doet, kan ik je verzekeren, dat je je website ontwerp niet af zal krijgen.

​5) Kies je typografie

​Het verkennen van verschillende lettertypes en kleuren maakt deel uit van de ontdekkingsfase van een project. Ik zou je aanraden om niet meer dan twee verschillende typen in een website te gebruiken. Over het algemeen, kies je een lettertype dat gemakkelijk te lezen is voor grote stukken tekst. Wees niet bang om grote lettertypen te gebruiken en wees creatief en consistent bij het gebruik van typografie.

6) ​Selecteer uw kleurenthema

​Tijdens het proces van het kiezen van een set lettertypen moet je ook onderzoeken welke kleuren je zult gebruiken. Het is belangrijk om deze consistent toe te passen in je ontwerp, afhankelijk van de functionaliteit van het element. Denk aan de lay-out van sites zoals Facebook, Twitter, Quora en Vimeo. 

7) ​Verdeel de lay-out

​Hoe eenvoudiger de structuur van de site, hoe gemakkelijker het voor gebruikers is om te navigeren. Elke sectie in je website moet een verhaal vertellen. De lay-out moet de inhoud helpen te belichten wat de belangrijkste stukken in dat verhaal zijn. Uiteindelijk zul je verbaasd zijn hoe moeilijk het is om het eenvoudig te houden.

8) Denk opnieuw over de fuctionaliteiten

​Hebben we echt nog een zoekknop nodig? In de meeste gevallen is het antwoord nee. Als ontwerpers geven we vorm aan de manier waarop gebruikers op internet surfen, is het aan ons om te bepalen hoeveel stappen een simpele actie zal moeten zijn en hoe efficiënt de website moet zijn. 

Sommige conventies zijn er omdat ze werken, maar sommige zijn er omdat niemand genoeg tijd heeft besteed aan de evaluatie ervan. Het is belangrijk om de gevestigde interactieve patronen van alle componenten te heroverwegen om te zien hoe we ze kunnen verbeteren.

9) Proefdraaien ''testen''

​Prototyping is de beste manier om interacties en technologie te testen. Er zijn veel prototyping tools die het vandaag de dag gemakkelijk maken, en je hoeft geen codeergoeroe te zijn om effectieve prototypes te maken. Dit is weer een andere manier om uw klant enthousiast te maken en aan boord te krijgen met concepten en ideeën die anders veel uitleg nodig zouden hebben.

10) Jezelf uitdagen

​Ik moedig elke ontwerper aan om zich op elk project uit te dagen. Innovatie is niet altijd een vereiste voor een project, dus het is aan ons om iets nieuws te bedenken. Voorbeelden van verschillende uitdagingen zijn het gebruik van een nieuw rastersysteem, het creëren van een nieuw onderdeel of zelfs kleine uitdagingen zoals het vermijden van standaard kleuren of het gebruik van een specifieke kleur.

11) ​Let op de details

​Deze stelling is de laatste tijd overmatig gebruikt, maar niet altijd zichtbaar in het eindproduct. Afhankelijk van het concept achter het project kan ' aandacht voor detail' verschillende dingen betekenen. 

Het kan gaan om een kleine onderdelen, een onverwachte animatie of een esthetische touch als een kleine gradiënt in een knop. Maar over het geheel genomen is deze touch essentieel - en het zal natuurlijk komen als je echt geniet van wat je doet.

12) Elk onderdeel verfijnen

Behandel elk onderdeel alsof het je baby is. Als je aandacht besteedt aan elk onderdeel, zal het geheel meer zijn dan de som der delen. Ik moet toegeven dat dit advies niet het mijne is. Ik heb het in het verleden gehoord bij een con-collega en ik was geschokt door de duidelijkheid en waarachtigheid van deze verklaring. Elk onderdeel moet zo worden ontworpen dat het op zichzelf staat als de beste component ooit. 

13) Presenteren je website zo duidelijk mogelijk

​Het is net zo belangrijk om groots te produceren als om het te presenteren. Je beste ontwerp kan genegeerd of weggegooid worden als je het niet goed presenteert. Hou er altijd rekening mee dat wat voor jou volkomen duidelijk is, misschien niet zo duidelijk is voor iemand die je ontwerp voor het eerst ziet.

14) Ga niet te veel hechten aan je ideeën

​Er is een dunne scheidslijn tussen weten wanneer je ideeën verdedigt en leren herkennen wanneer je ze moet verbeteren. Als ontwerper moet je stevig geloven in wat je doet, maar je moet ook openstaan voor het snel omdraaien van al je ideeën en het bedenken van iets anders. Vergeet niet dat er meer dan één oplossing is.