Google? Holistisk webbdesign? och du får se många resultat som omfattar hälsa och välbefinnande. Men det är inte riktigt vad designers och utvecklare brukar menar när de nämner holistisk webbdesign.
I de enklaste förklaringarna - vi kommer att gräva djupare efter detta - holistisk webbdesign är en process att tänka på alla delar av ett projekt, och förstå och redovisa hur de ansluter. Bra innehåll kommer att falla ifrån varandra om bilderna är fattiga. Och likaså gör den snyggaste webbplatsen i världen inte något om det inte är mycket användbart. Det här är de problem som holistisk webbdesign löser innan de ens blir problem.
Så här fungerar det (och kan fungera för dig), med exempel från Design Shack Gallery.
Holistisk Designfilosofi
När det kommer till den, handlar holistisk webbdesign om a bearbeta. Stegen och planeringen kan vara lite annorlunda för varje design / dev team, men de har många gemensamma förhållanden.
Design, teknik, prestanda och affärseffekter är stora överväganden från designers synvinkel. Andra faser som planering och forskning utförs ofta av någon annan, men om du är en enmansbutik, kan du också utföra dessa roller. Dessa element kan också brytas in i andra processsteg: innehåll och meddelanden, UI-design, UX-design, visuell design, utveckling, testning, träning och feedback.
Alla dessa steg kan se annorlunda ut beroende på vem som planerar projektet. En av de bästa checklistorna som hjälper dig att se till att du förstår tanken bakom holistisk webbdesign är från Webdesigner Depot. Artikeln innehåller sex frågor att fråga innan du gör något:
I webbdesign och utveckling kan orsak och effekt vanligen ses nästan omedelbart. Saker händer snabbt, och allt du gör kommer att påverka dina användare, dig själv, alla anställda du har, dina aktieägare och några personer du kanske inte ens överväger i ekvationen. Det kommer att påverka alla dina liv oavsett om det är bra eller sjuk.
Planering och forskning
I planerings- och forskningsfasen i ett webbdesignprojekt borde du verkligen göra tre viktiga saker:
- Identifiera mål för projektet
- Definiera projektets omfattning
- Definiera en publik eller användare persona för projektet
Dessa element kommer att forma hur projektet samlas och bör ligga till grund för allt annat framåt. Om ett projekt inte uppfyller projektmålen eller faller inom ramen, bör det utvärderas.
Design
Designfaserna är ofta de roligaste delarna av ett webbdesignprojekt (för reklam, hur som helst). Det här är när trådramar, innehåll och visuella alla börjar komma ihop.
Uppgifter i den här delen av processen inkluderar:
- Ritning av en sitemap och wireframes (baserat på projektets omfattning)
- Skapa och samla allt innehåll - foton, text, video, animationer etc.
- Utforma visuella element som innehåller allt från humörbrädor till faktiska paletter för projektet
- Utveckla en stark layout och hierarki med en effektiv informationsarkitektur
Teknik och prestanda
Se till att införliva en SEO-strategi i designen. En av de största funktionerna (och begränsningarna) av en webbdesign kan relatera till teknik. Kommer webbplatsen du har utformat faktiskt att fungera? Och fungerar det effektivt och begripligt för alla användare?
Det finns för många tekniska problem att lista från webbplatsens hastighet till verktyg som du kan införliva och integrera för att möta mål. Takeaway är detta: De måste jobba för webbplatsägaren (samla rätt data på ett sätt de förstår) och användaren (platsen måste vara snabb och enkel att använda).
När det gäller prestanda finns det tekniska överväganden plus ytterligare en sökning. Ett solidt segment av de flesta webbplatstrafik riktas till en webbplats på grund av sökning. Se till att införliva en SEO-strategi i designen. (Något som är enkelt att ladda upp bilder i innehållshanteringssystemet är relaterat till sökning, så planera för det innan du blir för långt längs.)
Du kan väga för och nackdelar med vilka verktyg som ska användas, CMS att installera och plugins att erbjuda baserat på omfattningen av enskilda projekt. Men vet att teknik och prestanda inte är en lösning som passar alla storlekar.
Business Impacts
När du har en bra design, är arbetet inte gjort. En bra helhetsstrategi för webbsidor ser på hur designen och funktionen hjälper ett företag att uppfylla affärsmålen. (Det är förmodligen varför en webbplats är en del av den övergripande strategin i första hand.)
Hur påverkar webbdesignen faktiskt verksamheten? Är det att hjälpa människor att hitta information och lära sig om ett företag? Är det gjord för försäljning eller e-handel?
Det här är också andra överväganden som kommer till spel: Vem använder webbplatsen (eller underhåller den) på klientsidan? Vilken återkoppling, avkastning på investeringar eller analysdata visar att projektet fungerar eller är framgångsrikt?
Du vill förmodligen få en uppfattning om svaren från början. Du kan utforma ett helt annat gränssnitt för en e-handelsdesign än en webbplats som är rent informativ. Du kan koppla designen till andra märkes kanaler på olika sätt baserat på de övergripande målen.
Vad som kanske är viktigast är cirkeln av feedback. När en användare interagerar med webbdesignen, berättar de dig något med varje klick. Du kan använda den informationen för att säkerställa att användarna utför de önskade åtgärderna och interagerar med? innehåll. Du kan också använda denna information för att göra nödvändiga justeringar. (Och det är den feedback du återvänder till användare genom att göra designen ännu enklare för dem att använda.)
Men glöm inte lojala användare. Det här är bra råd från Webdesigner Depot-artikeln:
Saken är, de små förändringarna kan helt kasta befintliga användare, speciellt om du inte visar dem var deras gamla favoritfunktion gick. Om du har användare som använder din webbplats eller app varje dag, är det viktigt att överväga hur förändringar du gör kommer att påverka deras dagliga liv.
Slutsats
Så när man närmar sig ett webbdesignprojekt holistiskt tänker du faktiskt på alla dessa saker samtidigt. Föregående och nästa steg, liksom mål och omfattning, ska alltid vara en del av konversationen.
Allt om designen är inbördes. Och förståelse som ligger till grund för att skapa en vacker webbplats som bara fungerar.