Share
Innan du börjar utforma finns det flera saker du bör titta först. Jag hittar alltid dessa extra första steg hjälp när du så småningom börjar dyka in i att designa för ditt nästa projekt - och trots att dessa uppgifter lägger lite tid till början av ett projekt kommer det att vara mer än gjort upp senare på raden.
Det första du bör börja göra när du jobbar med ett nytt projekt är planen. Jag kan inte betona hur viktigt planeringsfasen är - när du har ett projekt som är väl planerat är det mycket mer sannolikt att projektet kommer att fungera smidigt och utan lika många problem eller utmaningar.
De viktigaste sakerna du behöver tänka på när du planerar är relaterat till innehållet - det innehåll som du måste arbeta med (förhoppningsvis det fullständiga, verkliga innehållet som kommer att användas på webbplatsen), hur innehållshierarkin fungerar och passar ihop, en webbplatskarta och mer. Men såväl som allt arbete med innehåll som du kanske vill börja titta på projektets struktur, fungerande tidsfrister och projektets omfattning.
Det är super viktigt när du utformar webbplatser för att överge Lorem Ipsum (eller alternativ fillertext) och arbeta med riktigt innehåll. Det här är ibland inte alltid möjligt, men som frilansare trycker jag alltid på att klienten ska ge mig innehållet som de vill ha på webbplatsen.
Om du inte arbeta med riktigt innehåll så riskerar du att designa utan rätt sammanhang och utan att du inte kan fatta designbeslut som kommer att gynna användarna och deras erfarenheter när de interagerar med din webbplats.
När du arbetar med en design, innebär det att du kan se hur detta innehåll interagerar med de andra designelementen på en sida om du arbetar med verkligt innehåll. Detta är ännu viktigare med introduktionen av responsiv design - som vi kan se hur verklig Innehållet interagerar och svarar på vissa visningsportar och storlekar.
När du först har innehållet framför dig är det första du vill göra, analysera det och se om du kan upptäcka något som behöver bytas eller tas bort. Du kommer troligen att ha levererat innehållet i vad kunden anser vara separata sidor - så hemsidan innehåll, om sidinnehåll etc. - men om inte, så vill du sikta på att börja göra det själv.
Sarah Parmenter berörde kort detta på Responsive Day Out i Brighton i mars där hon pratade om att analysera innehållet i ett trafikljussystem.
När Sarah och hennes team får innehåll för ett projekt går de igenom och tilldelar tre färger till innehållet: för innehåll som de vill behålla märker det som grönt och för innehåll som de vet är det onödigt eller inte nödvändigt, markerar de det som rött - och det innehållet tas bort. De innehållsdelar som hamnar mellan de två ytterligheterna är märkta som orange eller gul (eller gult, om du är i trafikljusspecifika!), Att ses igen i diskussioner med kunden.
Jag tycker att det här är en väldigt bra teknik för att enkelt sortera igenom innehåll som du får - det är snabbt och mycket enkelt att visuellt se igenom och se vilka bitar av innehåll du behöver vara uppmärksam på.
När du sorterar innehåll vill du också försöka tänka på förhållandet mellan allt innehåll. Precis som om du skulle utveckla en webbplats, se om du kan se några modulära eller vanliga mönster till innehållet och ha det i åtanke.
Hierarkin beskrivs som "ett system eller en organisation där personer eller grupper rankas över varandra" - och det här gäller exakt hur vi kan arbeta med innehållshierarkin. I idealiska termer är det vi försöker göra ett system som fungerar för att visa innehållet på en meningsfull och användbar väg.
När du sorterar genom ditt innehåll, se till att du alltid tänker på hur innehållet berör och kommer att läggas ut - här vill du verkligen tänka på att göra innehållet så enkelt att smälta som möjligt. Tänk på att använda rubriker, listor, citat, bilder och mer för att bryta upp innehållet och göra det enklare att kommunicera mer fokuserade meddelanden till användarna.
Efter att ha sorterat igenom innehållet och gjort några relevanta ändringar som du följer med, borde du förhoppningsvis sluta med en färdig massa innehåll att arbeta med. När du är nöjd med innehållet måste du börja titta på hur innehållet kommer att fungera på webbplatsen själv.
Detta är en grundläggande webbplatskarta som skapats med MindnodePro. Om du har en liten hemsida (som det här) är det ibland en idé att lägga till de element du vill ha på en sida i webbplatskartan också.
Du kan välja att skapa en webbplatskarta när du är nöjd med ditt slutliga innehåll, men gärna använda dem redan i början, så snart du har originalmaterialet som levereras.
Jag hittar webbplatskartor bra - de är ett briljant visuellt hjälpmedel för att se webbplatsens tillstånd, hur många sidor det kan vara och förhållandet mellan alla sidor. Det här kan ofta vara lättare att se genom en webbplatskarta, eftersom du får ta bort all den rörelse som sidorna av innehåll kan ge.
Att skapa en webbplatskarta är ett bra exempel på var bra planering hjälper dig under hela projektets livstid. Det fantastiska med Sitemaps - oavsett om du använder en massa post-it på en whiteboard eller skapar en digitalt - är att det gör det väldigt enkelt att upptäcka var potentiella problem kan vara och ha befogenhet att fixa dem innan de fastnar i designen.
Accentsconagua