03. wireframes & mock-ups
designproces
doel en doelgroep
Veel webdesigners richten zich alleen op een bepaalde stijl als het gaat om het implementeren van de stappen binnen een webontwerp. Het kan van invloed zijn op de bezoekers, maar het opschrijven van de doelen, kortom het definiëren van het doel helpt om een duidelijk beeld te krijgen van de vereisten. Ook moet je eerst de doelgroep onderzoeken. Als houvast kunnen volgende vragen helpen:
Wie is je doelgroep?
Wat bereikt de gebruiker door de website te bezoeken?
Brengt het visuele ontwerp de boodschap over?
Hoe kan mijn website uniek zijn ten opzichte van de concurrenten?
haalbaarheid idee
Na het structureren van de informatie over het doel, komt het moment om het idee te valideren en af te toetsen. Dit is een zeer belangrijk onderdeel van het webontwerpproces om uw service, dienst, product of bedrijf levensvatbaar te maken door het op verschillende manieren te testen. Het is dus cruciaal om het idee te te delen met het juiste publiek, te testen en te valideren voordat de website gelanceerd wordt. Dus onderzoek concurrenten en publiek. Maar eerst deze checklist:
Definieer een probleem
Definieer een klant
Definieer welke waarde je aan gebruikers biedt
sitemap en wireframe
Het maken van een sitemap geeft inzicht in de informatie-architectuur van de website. Het helpt bij het structureren van uw ontwerp- en ontwikkelproces. Bovendien helpt het om het verband tussen de verschillende pagina's en inhoudselementen van de website te begrijpen.
Voor er wireframes gemaakt worden, is het essentieel om het belang van informatie-architectuur te begrijpen. De informatie-architectuur focust op de ordening van de content. Deze indeling is de sleutel die bepaalt hoe gebruikers omgaan met de website, denk maar aan de plaatsing van navigatie-elementen.
Het maken van kan zorgen om een evenwicht te brengen in de patronen en website-architectuur, om zo ook de algemene zwakke punten en potentiële hiaten in het ontwerp op te lossen. Hierdoor zal tevens de bruikbaarheid van uw website verbeteren.
Wat zijn de aandachtspunten in deze fase?
Structureer je ontwerp
Maak een duidelijke structuur voor jouw sitemap
Ontwerp een wireframe met bijvoorbeeld Balsamic of andere software
online artikels met voorbeelden
mock-ups
Elk element wordt nu strategisch geplaatst om de doelgroep aan te spreken. Een overzicht, stap voor stap...
Het wireframe is een skelet van de website. Het kerndoel van het maken en volgen van het wireframe is om een lay-out te maken en te begrijpen hoe elke functionaliteit in de website zal worden geïntegreerd.
De volgende cruciale stap omvat het toepassen van merkrichtlijnen en het creëren van een gebruikersinterface (UI), die het ontwikkelen van de content van de website omvat, zoals afbeeldingen en animaties, kortom het UI / UX-ontwerp. Om zo te komen bij mock-ups.
Het ontwerpen van een mock-up maakt een groot verschil als het gaat om het ontwerpen van een website. Want door een mockup te maken kan een website op een realistische manier getest worden. Het is essentieel om interactieve inhoud te ontwerpen. Daarom kan het plannen en bestuderen van animatie-elementen zoals knoppen, cursor en 'hover-overs' helpen bij het ontwerpen van interactieve mockups.
software
Last updated
