Design-innehållets livscykel
Design på webben har kommit i full cirkel från dess tidiga dagar.
Det har skett en återupplivning av enkla, diskreta webbdesigner som sätter innehållet helt i spetsen, undanröjer djärva grafik och gimmickar under det senaste decenniet eller så, på samma sätt som de första webbsidorna lagt tonvikten på funktion och innehåll.
Men det är troligt att webben, och hur det är utformat, kommer att röra sig i cykler, som de flesta trender gör. Vid någon tidpunkt inom en snar framtid kan vi återigen se webbplatser med mer öppna "mönster", med innehåll som drev ner betydelsen av betydelse lite.
Du kommer att märka i hela denna artikel att det finns fall där jag har satt "design" i citat. Naturligtvis är alla webbplatser utformade i en eller annan grad och design betyder inte bara grafik.
Citaten finns där för att skilja mellan öppna, visuellt dominerande mönster och den allmänna praxis för design.
I början…
I de tidiga dagarna av Internet var det väldigt lite "design" pågår. För det mesta var webbsidor text, med kanske en bild eller två kastade in för gott mått. Många av detta berodde på gränser för bandbredd och oro för laddningstid (när alla är på uppringning, varje byte räknas). Och mycket berodde på att det inte fanns många "design" -funktioner inbyggda i webbstandarder.
Lägg till i problem med olika webbläsare som visar saker på väldigt olika sätt, och du kan se varför nästan ingen störde med design, bortom några textstilar. Innehållet regerade högsta (tillsammans med enstaka animerad GIF).
Webben var ny, och människor närmade sig det som skrivdesign. Det fanns inte många "professionella" webbdesigners, och det brukade vara fler människor som designade för webben som kom från en programbakgrund snarare än en designbakgrund. På grund av detta var antingen visuell design minimal, eller de var verkligen, riktigt dåliga.
Vi borde nämna här prevalensen av "starry night" bakgrunden i tidiga webbdesigner. Dess teoretiserade att förekomsten av denna yttre rymdformad bakgrund beror på det stora antalet science fiction- och videospelfans som var online tidigt till mitten av 90-talet. Ibland var dessa bakgrunder bestående av statiska kaklade bilder, medan andra gånger de hade animerade flimrande eller gnistrande. I båda fallen var de otroligt vanliga på tidiga webbplatser.
Blinkande text var en av de värsta trenderna i webdesignens tidiga dagar. Rainbow text (speciellt animerad text som ändrade färger i en konstant slinga) var en annan trend som glatt har försvunnit från professionella webbplatser (även om det fortfarande ses ibland på amatörbyggda webbplatser, harkar strax tillbaka till mitten av 90-talet, men generellt inte ens en aning om nostalgi). Dessa var de första stora försöken på visuell "design" på webben.
Ramar, Tabeller, Flash och topp "Design"
Det var inte länge innan folk räknade ut att de kunde formatera sina webbplatser med hjälp av HTML-tabeller. Även om detta gjorde mycket för att främja världen av webbdesign, resulterade det också i några riktigt hemska webbdesigner. Det har också lagt till storleken på webbplatser och att ladda gånger, eftersom de krävde flera bakgrundsbilder att skapa designen i de flesta fall.
Ramar var ett annat sätt att många webbdesigners formaterade deras innehåll. En ram skulle innehålla navigeringselement, medan en annan skulle hålla huvudinnehållet. Navigationsramen skulle förbli statisk då nytt innehåll laddades. Ramar användes också för att visa länkar på platsen samtidigt som originaltextens huvud eller annan information upprätthålls (den här tekniken används fortfarande av ett antal webbplatser idag, framför allt About.com ).
Flash kom också till sin egen runt samma tid och användes för att skapa helt interaktiva och animerade webbplatser. Belastningstider för Flash-platser var längre i många fall, men eftersom bredbandsinternet blev vanligare blev belastningstider mindre viktiga.
Internet på den tiden dominerades av "design". Innehåll, i många (mest?) Fall, tog baksätet till visuell stil. Designers (yrkesverksamma och hobbyister lika) ville visa upp sina designkunskaper, och innehåll och användbarhet led. Men webben var fortfarande relativt ung, och det var inte en del av vardagen för miljarder människor, som det är nu.
Informationsarkitektur och användbarhet var fortfarande i deras tidiga dagar online, och i stort sett ignorerades av många designers. Klockor och visselpipor var det primära fokuset, oavsett om de faktiskt förbättrade användarupplevelsen.
Web 2.0: Balansera innehåll och design
Med tillkomsten av Web 2.0, bloggar och mer användargenererat innehåll började innehållet bli viktigare. Den djärva designen var fortfarande viktig och fick fortfarande en hel del tanke, och i vissa fall har det fortfarande förrang framför innehållet som visas.
Squidoo är ett utmärkt exempel på designstilar som är vanliga för Web 2.0-eran.
Det fanns några platser under den här tiden som fokuserar mer på innehållet (Wikipedia skulle förmodligen vara det mest framträdande av dessa), men öppen design spelade fortfarande en viktig roll i de flesta.
Web 2.0 kan krediteras med att betona innehåll och slutligen ge funktion minst lika stor betydelse som form. De flesta Web 2.0-webbplatser var relativt användarvänliga och lagt tonvikten på användarupplevelse. Det fanns fortfarande ett framträdande på "design" -element och grafik, men i allmänhet inte på bekostnad av webbplatsens innehåll och användbarhet.
MySpace Design
Förmodligen är det värsta att komma ut ur Web 2.0-tiden, det jag ska ringa "MySpace-design". Glitter-grafik. Regnbågar och enhörningar. Fruktansvärda, oläsliga färgkombinationer. Sidor med animerade allt. Och alla generatorer som tillåter människor utan designbakgrund och ingen kunskap om HTML eller CSS för att skapa profilsidor som var mer hemska än någon amatör "design" som någonsin skapades i början av webben. Och för att lägga till förolämpning för skada, var de mest skrivna i dåligt formaterad HTML och CSS.
Lyckligtvis har dessa typer av helt överdrivna och överblåsta webbplatser och sidor för det mesta fallit av vägen. Visst, de är fortfarande vanligt förekommande på MySpace-profilerna för 14-åriga tjejer (bland många andra demografi), men lyckligtvis har de inte spillat över i den allmänna webben väldigt mycket. Med undantag för Cornify , självklart.
Fokuset är tillbaka på innehållet
Under de senaste åren har det blivit en återuppkomst i enkla, rena mönster. Även design som skulle anses vara "grungy" eller "Web 2.0" -ish har ofta en enkelhet om dem. Fokus läggs helt och hållet tillbaka på innehållet.
Frieze Magazine har en mycket ren och enkel design, med betoning på innehållet.
En av anledningarna till denna trend är antalet personer som surfar på smarta telefoner. Användare som surfar från en iPhone eller annan smart-telefon med stor skärm vill inte nödvändigtvis se en mobil webbplats. Men att surfa på en webbplats som är alltför komplicerad är en chore på en liten skärm.
Typographica är ett annat bra exempel på en webbplats som ger innehållscentrets scen.
Dessa nya mönster levererar innehåll samtidigt sömlöst försvinner i bakgrunden. De gör det enkelt för besökare att bläddra och hitta vad de letar efter och förbättra den övergripande upplevelsen. Men de är inte uppenbara eller ostentatiska, och de flesta människor märker inte medvetet dem. Det är en stor avvikelse från de design som har varit framträdande sedan slutet av 90-talet.
Innehåll vs Style
För ofta tittar designers och särskilt deras kunder på innehåll och stil (eller design) separat. De ser de två som separata enheter som på något sätt måste göras för att arbeta tillsammans. Eller åtminstone samexistera i samma utrymme.
Det är dock fel sätt att närma sig ett projekt. Ditt innehåll bör förbättras av din webbplatss visuella stil. Och de visuella elementen ska skapas för att stödja innehållet, och göra det mer användbart för dina besökare. Att behandla innehåll och design som två separata saker leder till en slutprodukt som ofta saknas.
Titta på innehållet som din webbplats behöver införliva och tänk på hur man bäst visar upp innehållet inom designen. Att ta en helhetssyn är mer sannolikt att resultera i en design som enkelt levererar innehåll utan att uppmärksamma sig själv.
Den cykliska naturen av designen
Medan designen ständigt utvecklas rör den sig också i ganska regelbundna cykler. Vi har kommit i full cirkel från de tidiga dagarna av webbdesign till där innehållet är det främsta fokuset på webbplatser. Och ändå har vi växt så mycket från de tidiga dagarna på webben att ingen skulle förvirra en väldesignad webbplats från 2010 med en designad 1995.
Övertäckande visuell design kommer sannolikt att återkomma under de närmaste åren, men det är troligt att det kommer att utvecklas och förbättras så att det inte längre är skadligt för användarupplevelsen.
Med utbredningen av video och annat icke-textinnehåll kombinerat med de nya möjligheterna som presenteras av CSS3 och HTML5, är det bara meningsfullt att grafiken återigen kommer att ta tag i mittfasen.
Skriven uteslutande för WDD av Cameron Chapman
Hur ser du förhållandet mellan design och innehåll och livscyklerna som presenteras på det här inlägget? Vänligen dela dina åsikter nedan ...