Hur man är webbinnehåll agnostic (och varför du borde)

Du kan inte designa utan innehåll. Det är en mantra som upprepas av designers över hela världen, det är en grund i otaliga e-postmeddelanden till kunder, det är en hörnsten av ansvarsfull design.

Ett av de mest respekterade namnen på webben, Jeffrey Zeldman , sammanfattar det snyggt i en spänd tweet:

Innehållet föregår design. Design i frånvaro av innehåll är inte design, det är dekoration.
- Jeffrey Zeldman (@zeldman) 5 maj 2008

Detta beror på att design handlar om att lösa problem. Om innehållet var ett piller skulle design vara sockerbeläggningen.

Men utformning med innehåll strider mot den riktning som webben rör sig in och kan till och med vara skadlig för dina kunder ...

Myten om att utforma innehåll

Sanningen är att du inte utformar med verkligt innehåll.

Låt oss lägga undan ideen om att kunderna inte levererar innehåll i tid - mycket gör, och de som inte bara behöver dig att hantera projekt - för diskussionens skull, låt oss anta att du börjar designprocessen med en skön glänsande e-post från din klient med fullständigt innehåll bifogat.

Du utformar fortfarande inte det faktiska innehållet eftersom innehållet på webben är att det är övergående.

När var sista gången du arbetade på en webbplats som inte körde på ett CMS? Tänkte du att företaget bara ville hålla sina telefonnummer aktuella? Företag ändrar inte deras telefonnummer. Vad de gör är att VP: n för marknadsföring rinner upp med WordPress-inloggningen den första helgen din rygg är vänd.

Innehåll på webben är alltid tillfälligt. Naturliga förändringar i innehållet behöver inte kräva omkonstruktion.

Vi har sålt oss själva myten om att utforma innehåll eftersom det synkroniseras snyggt med vår syn på god design som osynlig. Men med detta tillvägagångssätt är det som vi verkligen utformar en enda iteration av innehåll, vars livscykel är obestämd. Att utforma innehåll är skadligt för kunder om vi tillåter oss att bli förförda av tanken att vi arbetar med fast innehåll.

Tänk på att vara nöjd agnostic som responsiv design, från andra håll: samtidigt som vi respekterar innehåll accepterar vi att det är väsentligen okännligt och så måste våra mönster anpassas till vad innehållet läggs in.

Designa dummy innehåll

Om du inte skriver ett akademiskt essay helt skrivet på latin, kommer lorem ipsum inte att vara representativt för ditt innehåll, och de flesta webbdesigners undviker med rätta det. Det är dock fel att säga att dummyinnehållet inte har någon syfte. Dummy-innehåll kan vara värdefullt om det är prototypiskt av webbplatsinnehåll. Helst kommer det att ha tre egenskaper:

• det kommer att vara samma språk som ditt innehåll
• Det kommer att vara ungefärlig längd och rytm som ditt innehåll;
• Det kommer att vara på ett liknande ämne för ditt innehåll.

Dessa tre egenskaper kommer att se till att du stöter på samma problem i din designprocess, eftersom ditt faktiska innehåll kommer när du bor.

Ta till exempel en personalbiografi. Förutsatt att du vet att det är skrivet på engelska, är resumé av en chef med en ingenjörsbakgrund och kommer att vara ett enda stycke med högst 100 ord, då kan du utforma det här elementet. Personalbios uppdateras ofta, och personalomsättningen är ofta hög. Alla lösningar du tillhandahåller behöver vara tillräckligt robusta för att anpassa sig till sådana ändringar, eller det är inte passande för ändamål.

Vårt arbete är inte teoretiskt, men det betyder inte att vi behöver faktiskt innehåll att designa. Vad vi behöver är innehållsmodeller: exakta prototyper som gör det möjligt för oss att utforska designproblem, utan restriktionerna för "slutgiltig kopia".

Design föregår innehåll

När vi förväntar oss att innehåll ska ändras, måste vi utforma inte innehåll, men platsinnehavare för innehåll.

Ta en titt på en tidning. Det är praktiskt omöjligt att hela innehållet utformas varje natt. Tusentals linjer och hundratals kolumner slits in i en förkonstruerad struktur. När strukturen inte passar innehållet är det den kopia som är vadderad eller avkortad; inte designen. Pt-storlek på inlägg kan tweaked, bilder kan skalas, men i allmänhet utformar en tidnings utformning dess innehåll.

Lyckligtvis står vi inte över samma sak på webben; vi har rullning. Emellertid löses liknande problem på nätet med liknande lösningar.

Guardian tidningen har just lanserat en utmärkt responsiv redesign av sin webbplats. Vid utformning av rubriker har de arbetat för att säkerställa att ett femords rubrik sitter bekvämt tillsammans med en fjorton ordrubrik. Tillvägagångssättet är framgångsrikt eftersom laget på The Guardian har utformat webbplatsen, inte för innehåll, men för en rad potentiella innehåll. Det finns begränsningar - du kan inte infoga ett femtalsordrubrik - men lösningen är flexibel nog för att hantera innehållsutveckling.

Eftersom innehållet kan förändras kommer designen oundvikligen att föregå innehållet. Lösningen på detta problem är att anta en agnostisk inriktning med hjälp av tekniker som Samantha Warren Stilplattor att designa för modeller av innehåll som är robusta nog att överleva i naturen.

Design är innehåll

Vi vet från ögonspårningsforskning att den enda gången ditt innehåll läses är när det analyseras av Googlebot. De flesta människor läser aldrig webbplatser, de ser knappt på webbplatser. Du och jag kanske, men vi är undantaget. De flesta människor skannar en sida snabbt, klicka på något som ser intressant ut och upprepa processen tills de landar på en approximation av vad de letade efter.

Och så är kundens kärnbudskap inte förmedlat av innehåll, det förmedlas av varumärke. Färgerna, typen, bilder och några snatches av innehåll här och där, är vad de flesta användare baserar sig på.

Det här är den främsta orsaken till att mikrokopia visar sig vara en viktig del av webbdesignen. Du kommer inte att göra en försäljning med inledningen på din "Om oss" -sida, men du kanske med sekretessutlåtandet ovanför din kontaktformulär .

Med uppkomsten av SaaS upptäcker konstruktörer alltmer att deras designarbete, visuella, UX och strategiska tar upp innehållets roll. Eftersom webben fortsätter att gå från passiv innehållsleverans till aktiv innehållsskapande blir design allt viktigare som det primära kommunikationsmedlet.

En produktdesigner behöver inte veta vilka ord en penna ska skriva för att designa den. Han behöver känna den allmänna användningen - oavsett om det kommer att bli en penselpenna, en penna eller en rollerball - men de ord som det kommer att skriva är irrelevanta för designprocessen.

Webben blir alltmer en plats för innehållsskapande. Vi kan ge parametrar - högst 140 tecken är det självklara exemplet - men det vi själva utformar, oavsett om vi gör det för kunder eller deras kunder, är ramen för att skapa innehåll, inte själva innehållet.

Slutsats

Myten att vi designar innehåll är förankrad i tryckdesign när innehållet var slut så snart det skickades till skrivarna. Utformning av innehåll för webben kräver att vi omfamnar den inneboende övergående naturen hos vårt innehåll eller riskerar att begränsa innehållets potential genom att införa en strikt design på den.

Som en definition av vad en webbplats fortsätter att utvecklas kommer designen att fortsätta att fungera som innehåll och innehållet fortsätter att fungera som en designlösning. Det vi designar är inte en webbplats innehåll - som är övergående - men snarare dess mål, dess värderingar, dess ambitioner; Det vi designar är (för att ha ett bättre ord) sin själ.

Långt från att vara dekoration, tvingar en agnostisk inriktning mot oss att producera en robust designlösning som inte påför sig framtida innehåll.

Design föregår innehåll. Innehåll i avsaknad av design är inte nöjd, det är en kortfattad.

• ← Hur man slår din designerens block
• Den ultimata guiden till informationsarkitektur →