Share
Voordat u gaat ontwerpen, moet u eerst verschillende dingen bekijken. Ik vind deze extra eerste stappen altijd handig als je uiteindelijk gaat duiken in het ontwerpen voor je volgende project - en hoewel deze taken een beetje tijd aan het begin van een project toevoegen, zal het later meer dan verzonnen zijn.
Het eerste dat je zou moeten doen als je aan een nieuw project werkt, is een plan. Ik kan niet benadrukken hoe belangrijk de planningsfase is - wanneer je een goed gepland project hebt, is het veel waarschijnlijker dat het project soepel en zonder zoveel problemen of uitdagingen verloopt.
De belangrijkste dingen waar je aan moet denken tijdens het plannen, hebben vooral betrekking op de inhoud - de inhoud waarmee je moet werken (hopelijk de volledige, echte inhoud die op de site in gebruik zal zijn), hoe de inhoudshiërarchie werkt en in elkaar past, een website-sitekaart en meer. Maar naast al het werk dat te maken heeft met inhoud, kunt u misschien ook kijken naar de structuur van het project, werkbare deadlines en de reikwijdte van het project..
Het is super belangrijk bij het ontwerpen van sites om de Lorem Ipsum (of alternatieve opvultekst) te verlaten en met echte inhoud te werken. Dit is soms niet altijd mogelijk, maar als freelancer push ik altijd voor de klant om mij de inhoud te geven die ze op de site willen hebben.
als jij niet doen werk met echte inhoud, dan loop je het risico om te ontwerpen zonder de juiste context, en zonder dat kun je geen ontwerpbeslissingen nemen die de gebruikers en hun ervaringen ten goede zullen komen wanneer ze interactie hebben met jouw website.
Wanneer u aan een ontwerp werkt, betekent werken met echte inhoud dat u kunt zien hoe deze inhoud interageert met de andere ontwerpelementen op een pagina. Dit is nog belangrijker bij de introductie van responsive design - zoals we kunnen zien hoe het echt inhoud interageert en reageert op specifieke viewports en formaten.
Zodra je de inhoud voor je hebt, is het eerste wat je wilt doen, het analyseren en kijken of je iets ziet dat moet worden gewijzigd of verwijderd. Je hebt waarschijnlijk de inhoud gekregen van wat de klant als afzonderlijke pagina's beschouwt - dus homepage-inhoud, over pagina-inhoud, enz. - maar als dat niet zo is, dan wil je proberen om dat zelf te gaan doen.
Sarah Parmenter heeft dit kort besproken op Responsive Day Out in Brighton in maart, waar ze sprak over het analyseren van inhoud in een verkeerslichtsysteem.
Wanneer Sarah en haar team inhoud voor een project ontvangen, gaan ze door en kennen drie kleuren toe aan de inhoud: voor inhoud die ze willen behouden, markeren ze deze als groen en voor inhoud waarvan ze weten dat ze overbodig of onnodig is, markeren ze deze als rood - en die inhoud is verwijderd. Die stukjes content die tussen de twee uitersten terechtkomen, zijn gemarkeerd als oranje of geel (of amberkleurig, als je van specifieke verkeerslichten houdt!), Om opnieuw bekeken te worden in discussies met de klant.
Ik denk dat dit een heel goede techniek is om vrij gemakkelijk door de inhoud te sorteren die je ontvangt - het is snel en heel gemakkelijk om visueel door te kijken en te zien welke stukjes inhoud je nodig hebt om op te letten.
Wanneer u inhoud sorteert, wilt u ook proberen na te denken over de relaties tussen alle inhoud. Zoals je zou doen bij het ontwikkelen van een site, kijk dan of je eventuele modulaire of gemeenschappelijke patronen van de inhoud kunt herkennen en houd deze in gedachten.
Hiërarchie wordt beschreven als 'een systeem of organisatie waarin mensen of groepen boven elkaar worden gerangschikt' - en dit heeft precies te maken met hoe we kunnen werken met de inhoudshiërarchie. In ideale termen proberen we een systeem te maken dat werkt om onze inhoud op een zinvolle en nuttige manier weer te geven.
Wanneer u uw inhoud doorzoekt, zorgt u ervoor dat u altijd nadenkt over de manier waarop de inhoud betrekking heeft en zal worden uitgelegd - hier wilt u er echt aan denken om de inhoud zo gemakkelijk mogelijk te verteren. Denk na over het gebruik van kopjes, lijsten, offertes, afbeeldingen en meer om de inhoud te verbreken en het gemakkelijker te maken om meer gerichte boodschappen aan de gebruikers te communiceren..
Als je de inhoud hebt doorzocht en relevante wijzigingen hebt aangebracht, moet je hopelijk eindigen met een eindeloze hoeveelheid inhoud om mee te werken. Als u tevreden bent met de staat van de inhoud, moet u beginnen te kijken hoe deze inhoud op de website zelf werkt.
Dit is een basis-sitemap gemaakt met MindnodePro. Als u een kleine website heeft (zoals deze), is het soms een idee om de gewenste elementen ook op een pagina in de sitemap toe te voegen.
Je kunt ervoor kiezen om een sitemap te maken zodra je tevreden bent met je uiteindelijke inhoud, maar je kunt deze helemaal aan het begin gebruiken zodra je de originele, meegeleverde inhoud hebt..
Ik vind plattegronden geweldig - ze zijn een briljant visueel hulpmiddel om de staat van de website te zien, hoeveel pagina's er mogelijk zijn en de relatie tussen alle pagina's. Dit kan vaak gemakkelijker te zien zijn via een sitemap, omdat je alle rommel die pagina's van content kunnen brengen, kunt verwijderen.
Het maken van een sitemap is een goed voorbeeld van waar goede planning u gedurende de levensduur van een project kan helpen. Het mooie van sitemaps - of je nu een aantal post-its op een whiteboard gebruikt of er een digitaal maakt - is dat het heel gemakkelijk is om te zien waar potentiële problemen kunnen zijn en de kracht te hebben om ze te repareren voordat ze in het ontwerp blijven steken.
Accentsconagua