En (inte så) Jilted engelsk professor guide till kreativ webbdesign
Responsiv design har viss bestämd buzz av sent, och med goda skäl. Det lovar att förenkla den alltmer komplexa uppgiften att anpassa webbplatser för de otaliga nya enheterna som multipliceras i minuten.
Genom att överväga några vanliga variabler som skärmstorlek blir en fråga om att anpassa en webbplats till sina besökares särskilda behov smart CSS planering och Javascript snarare än den detaljerade utformningen av många parallella platser. För alla som möttes av det logistiska minfältet för samverkan med flera platser är responsiv design, för att uttrycka det mildt, en mycket bra sak.
Som du kanske vet är själva konceptet lånat från arkitektur, en annan disciplin som fokuserar på förhållandet mellan människor och skapade miljöer. Crossover är meningsfullt.
Enligt Steven Johnsons bok Where Good Ideas Comes From (2011) har denna typ av begreppsmässig korsbefruktning varit ansvarig för många viktiga genombrott i hela tankens och uppfinningens historia. Denna insikt gav mig en idé. Även om jag har varit casually utformande webbplatser för nästan så länge som internet har funnits, skulle de för ungefär sex månader sedan ha tänkt på mig främst som en engelsk professor. En ny karriärskifte till heltidsutvecklare / designer, i kombination med min bakgrund i litterära studier, har gett mig ett unikt och kanske konstigt perspektiv på designvärlden.
Nu önskar jag att jag kunde stanna här för att spränga de kallhjärtade bastarderna som svorade att jag aldrig skulle sätta foten på ett universitet igen, för det skulle vara så dåligt, men faktum är att jag faktiskt lämnat undervisning på ändamålsenliga och goda villkor. Jag gjorde det för att utforska förhållandet mellan teknik och kultur, något som fascinerat mig åtminstone sedan jag först satt och spelade King's Quest II 1986. När jag blev ombedd att skriva den här artikeln fick jag tänka på den produktiva cross- befruktning mellan design och arkitektur. Jag undrade vad - om några - begrepp från litteraturstudier skulle kunna användas till webdesign.
Efter lite musing har jag sammanställt en lista med sex möjligheter. Dessa representerar bara ett första pass på frågan, men jag hoppas att de åtminstone kan vara suggestiva och kanske provocerande. I litterära geek termer gör jag en liten ratiocination . På med begreppen ...
1. Metafor
Den här är nästan för uppenbar, men senast kontrolleras metaforen fortfarande i stor utsträckning kompetensen hos engelska professorer. Brace dig själv för en av dessa irriterande zingers människor säger alltid om sitt yrke: tro det eller inte, webben är all metafor! Bränna! (Nej inte direkt). Metafor - en jämförelse med två saker som inte verkar ha relation - är chefen (och vissa skulle bara säga) paradigmet vi använder för att bearbeta nya tekniska medier.
Idén om en länk är en metafor - det kunde lika lätt kallas en IP-överföringskod, men det skulle göra den genomsnittliga icke-tekniska användaren mycket längre att förstå. När Tim Berners-Lee försökte konceptualisera Internet själv, undersökte han metaforer av gruvor och maskor. Webben, Windows, Tweets, Digg, Facebook, Canvas - det här är alla metaforer (och Reddit är ett ordsprog).
Här är verkligen det viktigaste att ta bort från den här: Att vara medveten om metaforerna är en bra väg till framgångsrik design. Hemligheten på många kända webbplatser är att de är fullt medvetna om de metaforer de använder: de drar idéer ner till jorden från kodens eter (intressant, åtminstone för mig är jämförelsespunktet i en metafor faktiskt kallad "jord"). Metaforer vädjar till människors visuella och taktila sinnen, vilket gör dem mycket enklare att komma ihåg, särskilt för att vi lever med alltmer visuell och taktil teknik.
För att göra ordet mer tilltalande till det verkliga örat (tsk, tsk) kan du introducera det som "visuell koherens" eller "taktil konsistens". De skulle äta upp det som en hunds frukost (oops, simil).
2. Signatur
När jag brukade lära av första klassens kompositionskurser var signatur det enda viktigaste konceptet jag arbetade med att kommunicera. Det betyder inte bara att du sätter din John Hancock längst ner på någonting. Det hänvisar till det unika spåret av personen som toppar sig genom orden och idéerna. Närstående är tanken på röst: den vitala, unika kraften som talar genom ett visst projekt.
Bästa praxis kan ta dig en lång väg, men bra design har vanligtvis en tydlig signatur och en röst, och igen är de bästa kodarna de som är medvetna om sin unika stil. Medan en vredig klient kan tycka att det inte är något mer än tanken på att förstöra din signatur helt, kollar den i allt från färgpalett till typsnitt till layout för cross-browser-lösningar (och ja, även din specifika implementering av responsiv design). Det är inte riktigt samma sak som varumärke, för det är alltid implicit snarare än explicit. Att leta efter spåren tänker på hur du skulle omorganisera Google eller Facebook.
Om det är alltför lite abstrakt kan du alltid se hur buzzwords "design subtext" eller "sub-theme" eller "implicit scheme" eller "abonnemang" rullar av tungan.
3. Bryta cykeln
Okej, det här är inte strikt från ett engelskt klassrum. Jag stal det faktiskt från en episod av The Show med Ze Frank, men jag använde det ofta på lektioner om hur man skriver A + -papper. De mest briljanta papper är de som inte bara identifierar nuvarande sätt att tänka men tar dem också ett steg längre.
Även om jag fortfarande är kär i CSS3s "border-radius" -attribut, så märkte jag till exempel att Twitters nya utbyggnad faktiskt runda hörn i en nedskalad, tonad ner, 3px sorts sätt. Längs dessa linjer har mycket få designers undersökt möjligheterna för asymmetriska kurvor på ett effektivt sätt (någon kommer på det!).
Sann kreativ talang ligger i förmågan att upptäcka och explodera en kliché - att svänga i sista stund bort från det kreativa dödsänden. Om du bara kopierar vad som är där ute, har du redan fallit bakom. De människor som utformade nuvarande heta platser jobbar redan i sin nästa fas.
Det finns bara en säker eld metod för att upptäcka klichéerna och bråka cykeln: forskning. Innan du stöter och skriker i sorg, sluta bara och inse att forskning i det här fallet betyder att du surfar mycket av vad du anser vara riktigt fantastiska webbplatser. Steven Johnson konstaterar att forskning är så effektiv eftersom det leder till en förbättrad generation av vad som kallas "intilliggande möjligt" - möjligheterna som ligger strax utanför gränserna för nuvarande sätt att titta på saker.
Jag kommer att beteckna den här "prediktiva utvecklingen" eller "proaktiv design" eller "taktisk gränshantering", bara för sparkar.
4. Nonce Taxonomy
Vad kan du fråga dig själv vid denna tidpunkt har den här killen för alla dessa slumpmässiga termer? Låt mig förklara.
Uttrycket "nonce taxonomy" lånas från en kvinna som dog alldeles för tidigt, min litterära kritiska hjälte Eve Kosofsky Sedgwick. Nonce betyder "för en gång", och en taxonomi är givetvis ett system för namngivning. Så en "nonce taxonomy" är ett system av begrepp och terminologi som skräddarsys för projektet till hands och bortskaffas eller ombyggs så snart det blir besvärligt eller meningslöst.
Detta sätt att tänka på ett projekt möjliggör inte bara ett bra utbud av nya idéer, det gör det också möjligt för dig att skräddarsy varje projekt till kundens specifika (och egendomliga) krav. Ett enkelt sätt att uppfinna en nonce-taxonomi är att arbeta ett tag och sedan whiteboard en lista över termer, teman, idéer, återkommande mönster och kodelement som verkar mest relevanta för det aktuella projektet. Se om dessa lånar sig till några ytterligare mönster eller villkor, och lägg till och subtrahera regelbundet från listan som du tycker är lämplig. Tanken här är att bli vän med den rörlighet och flexibilitet som är nödvändig för något kreativt projekt.
Som en extra anteckning är XML och OOP-språk icke-taxonomiska system av olika slag, men de är uppenbarligen lite mer regelbundna. När det gäller mer specifika metoder kan icke-taxonomisk design inkorporeras i allt från variabla namn till dokumentation, och kan säkert användas för att krydda kundinteraktioner (Jargon är sexig ). Du kan säga att det ger en "själ" för projektet, om du är i den typen av saker. Jag skulle komma fram med ett feisty buzzword här, men jag tror att det här är en skönhet i sig. RIP Eve.
5. Kontaktzon
Denna term utvecklades av en kritiker med namnet Mary Louise Pratt som svar på tanken om gränser (som i Väst-Västgränserna). Hon hävdade att gränserna är fel metafor för situationen, eftersom de bara föreslår att åtgärden sker i en riktning från ett perspektiv. Faktum är att även i situationer med extrema maktobalanser, som mellan cowboys och indianer, formar flera perspektiv och motiv från båda sidor resultatet. Genom att erkänna påverkan av dessa flera önskningar kan en mer realistisk bedömning göras av vad som leder till framgångar och misslyckanden i en given situation.
Så vad har den här lilla revisionistiska historielektionen att göra med webbdesign? En webbplats är en kontaktzon i den meningen att du har en designer och en användare, och det är i allmänhet en väldigt obalanserad interaktion. Även om Web 2.0-webbplatser erbjuder lite anpassning av teman, och naturligtvis plattformar för kommunikation, är de långt ifrån att överlämna tygarna till koden och låta någon göra vad de vill. Så varför misslyckas några och andra lyckas?
Styrkan hos en webbplats som Reddit är att dess skapare behåller sina användare i skapelsens och förändringsslingan. Det är lika ointressant av en webbplats som möjligt när det gäller integritet och jämn layout, och känslan av att den är en kontaktzon förblir i framkant. Jag menar, har du någonsin verkligen tittat på Reddit? Det finns inget där (men tusentals Redditors). Designern och användarna skapar en återkopplingsslinga som självdesignar webbplatsen.
Även om termen "kontaktzon" är ganska anständig på egen hand, låt oss slänga ut några fler roliga designord: "permeabelt gränssnitt" eller "generativ feedback".
6. Mediet är meddelandet
Den berömda techno-visionary Marshall McLuhan artikulerade idén om "het" och "kall" teknik. Om en teknik är "het", ger den dig nästan all information du behöver, och lämnar lite upp till fantasin - tänk 80 tums storbilds-TV eller 3D-filmer. Ju kallare en teknik desto mer krävs deltagande och engagemang (Reddit är kallt ... så kallt, älskling).
När McLuhan sa att mediet är meddelandet menade han att media förändra hur vi tänker och känner världen. När vi blir så helt nedsänkt i kall teknik på webben börjar de bokstavligen att omforma våra uppfattningar. Vad skulle världen vara utan Facebook? Jag vill inte leva i den världen. Kanske. Det har värmts lite för min smak nyligen.
Innan jag återvänder för långt in i en fuddy-duddy technophobe rantingar här, låt mig ta reda på varför McLuhans observationer betyder. Det ger oss en ny terminologi för att tänka på effekterna av en webbplats. För det mesta, som webben har utvecklats, har det blivit alltmer från en het teknik till en förkylningsteknologi, särskilt med ökningen av Web 2.0 design de senaste åren. Nu kan du anpassa mycket mer av vad du ser och interagera med och producera innehåll på sätt som var ofattbara för ett tag sedan. Det är inte över än. Med speciella smarta telefoner förändras mediet / meddelandet igen, jag tänker på det varmare eftersom gränssnittet blir så sömlöst är det svårt att fly.
Det kommer alltid att finnas de som längtar efter motsatsen till den dominerande "temperaturen", och det är klokt att komma ihåg när man försöker bota gamla trender med ny webbdesign. Det är också värt att överväga vad det behagliga temperaturintervallet är för dina kunder och deras kunder - vill de ha mycket interaktion, eller är de typiska som längtar efter de goda gamla dagarna när folk bara skulle berätta för dem vad de ska köpa? Är de den immersiva Flash-typen? Crazy för det dynamiska innehållet som erbjuds av PHP och andra? Eller throwbacks till någon bra gammaldags statisk HTML? När du närmar dig design för ett nytt medium kan det också vara värdefullt att överväga frågor om hur mediet själv omvandlar användarens förväntningar och förmågor och hur det påverkar det övergripande syftet med webbplatsen.
Om vi behöver ett konceptkoncept här kan vi kanske kalla det som "media mätning" eller "hot messaging" och "cold messaging".
Avskärning Shot
Sammantaget är genialet av lyhörd design det sätt som den importerar ett främmande men ojämnt relevant koncept till ett helt nytt sammanhang. När du gör det, kommer gamla idéer till liv på nya sätt. Korsbefruktningen av idéer är vad som driver forum som TED, IFTF och denna mycket eZine. Om du spenderar för mycket tid på att cykla genom samma buzzwords om och om igen, stagnerar du och ditt arbete lider - saker måste utvecklas eller dö. Genom att erbjuda dessa idéer här uppe är det inte alls min avsikt att försöka tvinga oönskade förslag på ett område med redan smarta och motiverade designers. Huvudsyftet är bara att vara lite provocerande. Om vi utvidgade denna typ av tvärvetenskaplig utforskning till filosofi, historia, politik eller psykologi - de ofta fördrinkade liberalkunsten - föreställ dig bara de nya koncept som skulle bli tillgängliga.