En (ikke så) Jilted Engelsk Professors Guide til Creative Web Design
Responsivt design har en vis buzz af sent, og med god grund. Det lover at forenkle den stadig mere komplekse opgave at tilpasse hjemmesider til de utallige nye enheder, der multiplicerer i minuttet.
Ved at overveje nogle få almindelige variabler som skærmstørrelse bliver tilpasning af et websted til dets besøgendes særlige behov et spørgsmål om nogle smart CSS planlægning og Javascript snarere end det detaljerede design af mange parallelle steder. For alle, der står over for det logistiske minefelt i multi-site-koordinering, er det lydhurtigt, at det er en meget god ting, der er lydhør.
Som du måske ved, er selve begrebet rent faktisk lånt fra arkitektur, en anden disciplin, der fokuserer på forholdet mellem mennesker og skabte miljøer. Crossover giver mening.
Ifølge Steven Johnsons bog, hvor gode ideer kommer fra (2011), har denne form for begrebsmæssig krydsbefrugtning været ansvarlig for talrige vigtige gennembrud gennem hele tankens og opfindelsens historie. Denne indsigt gav mig en ide. Selvom jeg har været tilfældigt at designe websteder i næsten lige så lang tid som internettet har eksisteret, havde de for cirka seks måneder siden tænkt mig primært som engelsk professor. En nylig karriereflytning til fuldtidsudvikler / designer i kombination med min baggrund i litterære studier har givet mig et unikt og måske underligt perspektiv på designens verden.
Nu ville jeg ønske, at jeg kunne stoppe her for at sprænge de forkølede bastarder, der svor, jeg aldrig ville sætte foden på et universitet igen, for det ville være så dårligt, men faktum er, at jeg faktisk har forladt undervisningen hensigtsmæssigt og godt. Jeg gjorde det for at undersøge forholdet mellem teknologi og kultur, noget der har fascineret mig i hvert fald siden jeg først satte mig ned og spillede King's Quest II i 1986. Da jeg blev bedt om at skrive denne artikel, blev jeg nødt til at tænke over den produktive cross- befrugtning mellem design og arkitektur. Jeg spekulerede på, hvad - hvis nogen - begreber fra litterære studier kunne anvendes med fordel til webdesign.
Efter nogle musing har jeg samlet en liste med seks muligheder. Disse repræsenterer kun et første pass på spørgsmålet, men jeg håber, de kan i det mindste være suggestive og måske provokerende. I litterære geek termer gør jeg lidt ratiocination . På med begreberne ...
1. Metafor
Denne er næsten for indlysende, men sidst jeg kontrollerede metafor er stadig stort set ekspertise hos engelske professorer. Bremse dig selv for en af disse irriterende zingere folk siger altid om deres erhverv: tro det eller ej, nettet er alle metafor! Brænde! (Nej ikke rigtigt). Metafor - en sammenligning ved hjælp af to elementer, der tilsyneladende ikke har nogen relation - er den øverste (og nogle ville sige) paradigme, vi bruger til at behandle nye tekniske medier.
Ideen om et link er en metafor - det kunne lige så nemt være blevet kaldt en IP-overførselskode, men det ville betyde, at den gennemsnitlige ikke-tekniske bruger meget længere forstår. Da Tim Berners-Lee forsøgte at konceptualisere internettet selv, undersøgte han metaforer af miner og masker. Web, Windows, Tweets, Digg, Facebook, Canvas - disse er alle metaforer (og Reddit er et ordsprog).
Her er virkelig det vigtigste at tage væk fra denne: at være opmærksom på ens metaforer er en god rute til et vellykket design. Hemmeligheden bag mange kendte hjemmesider er, at de er fuldt bevidste om de metaforer, de bruger: De trækker ideer ned på jorden fra kodeens eter (interessant, i hvert fald for mig er sammenligningspunktet i en metafor faktisk kaldt "jord"). Metaforer appellerer til folks visuelle og taktile sanser, og det gør dem meget nemmere at huske, især fordi vi lever med stadig mere visuelle og taktile teknologier.
For at gøre ordet mere velsmagende til det øverste øre (tsk, tsk), kan du introducere det som "visuel sammenhæng" eller "taktil konsistens." De ville spise det op som en hunds morgenmad (oops, simil).
2. Underskrift
Da jeg plejede at undervise i første års kompositionsklasser, var underskrift det mest vigtige koncept, jeg arbejdede med at kommunikere. Det betyder ikke kun at sætte din John Hancock i bunden af noget. Det refererer til den unikke spor af den person, der tinder gennem ord og ideer. Nært relateret er ideen om stemme: den vitale, unikke kraft, der taler gennem et bestemt projekt.
Bedste praksis kan tage dig en lang vej, men godt design har normalt en klar signatur og en stemme, og igen er de bedste kodere dem, der er bevidste om deres unikke stil. Mens en skarp klient måske ser ud til at nyde ikke mere end tanken om at ødelægge din underskrift helt, kigger den igennem i alt fra farvepane til skrifttype til layout til cross-browser-løsninger (og ja selv din særlige implementering af responsivt design). Det er ikke helt det samme som mærke, fordi det altid er implicit snarere end eksplicit. At kigge efter sine spor tænker på, hvordan du redesigner Google eller Facebook.
Hvis det hele er lidt for abstrakt, kan du altid se, hvordan buzzwords "design subtext" eller "sub-theme" eller "implicit scheme" eller "abonnement" ruller af tungen.
3. Busting cyklen
Okay, denne er ikke strengt fra et engelsk klasseværelse. Jeg stjal det faktisk fra en episode af The Show med Ze Frank, men jeg brugte det ofte på lektioner om, hvordan man skriver A + papirer. De mest strålende papirer er dem, der ikke blot identificerer de nuværende måder at tænke på, men også tager dem et skridt videre.
Selv om jeg stadig er forelsket i CSS3s "border-radius" -attribut, har jeg bemærket, at Twitter's nye rollout rent faktisk rundede hjørner i en nedskaleret, tonet ned 3px slags måde. Langs disse linjer har meget få designere udforsket mulighederne for asymmetriske kurver på en effektiv måde (nogen får det!).
Sandt kreativt talent ligger i evnen til at få øje på og eksplodere et kliché - at svinge i sidste øjeblik væk fra den kreative ende. Hvis du bare kopierer, hvad der er derude, så er du allerede faldet bagud. De mennesker, der designede aktuelle hot sites arbejder allerede på deres næste fase.
Der er kun en sikker brand metode til at spotte clichés og busting cyklus: forskning. Før du stønner og skriker i sorg, skal du bare stoppe og indse, at forskning i dette tilfælde betyder at surfe meget af hvad du anser for at være virkelig fantastiske hjemmesider. Steven Johnson bemærker, at forskning er så effektiv, fordi det fører til en forbedret generation af det, der kaldes "tilstødende muligt" - mulighederne, der ligger lige ud over grænserne for de nuværende måder at se på ting.
Jeg vil betegne denne "prædiktive udvikling" eller "proaktivt design" eller "taktisk grænseoverskridelse", bare for spark.
4. Nonce Taxonomy
Hvad kan du spørge dig selv på dette tidspunkt, har denne fyr for alle disse vilkårlige vilkår? Lad mig forklare.
Udtrykket "nonce taxonomy" er lånt fra en kvinde, der døde alt for hurtigt, min litterære kritiske helt Eve Kosofsky Sedgwick. Nonce betyder "for den en gang", og en taksonomi er selvfølgelig et navngivningssystem. Så en "nonce taxonomy" er et system af begreber og terminologi, der er skræddersyet til projektet ved hånden, og bortskaffes eller genudvikles, så snart det bliver besværligt eller meningsløst.
Ikke alene giver denne måde at tænke på et projekt på, giver et godt udbud af friske ideer, det giver dig også mulighed for at skræddersy hvert projekt til kundens særlige (og ejendommelige) krav. En enkel måde at opfinde en nonce taksonomi på er at arbejde i et stykke tid og derefter whiteboard en liste over udtryk, temaer, ideer, tilbagevendende mønstre og kodeelementer, der synes mest relevante for det aktuelle projekt. Se om disse låner sig til yderligere mønstre eller vilkår og regelmæssigt tilføjer og trækker fra listen som du finder det passende. Ideen her er at bevare mobiliteten og fleksibiliteten, der er nødvendig for ethvert kreativt projekt.
Som en yderligere bemærkning er XML og OOP-sprog ikke-taxonomiske systemer af forskellige art, selv om de selvfølgelig er lidt mere regelbundne. Hvad angår mere specifikke praksis, kan ikke-taxonomisk design indarbejdes i alt fra variable navne til dokumentation, og kan bestemt bruges til at krydre klientinteraktioner (Jargon er sexet ). Du kan sige, at det giver en "sjæl" til projektet, hvis du er i den slags ting. Jeg ville komme med et feisty buzzword her, men jeg tror, at dette er en skønhed i sig selv. RIP Eve.
5. Kontaktzone
Dette udtryk blev udviklet af en kritiker ved navn Mary Louise Pratt som svar på tanken om grænser (som i de vestlige Vesten). Hun hævdede, at grænser er den forkerte metafor for situationen, fordi de kun tyder på, at handling sker i en retning fra ét perspektiv. Faktum er, at selv i situationer med ekstreme strømforstyrrelser, som f.eks. Mellem cowboys og indianere, udformes flere perspektiver og motiver fra begge sider. Ved at anerkende indflydelsen af disse mange ønsker kan en mere realistisk vurdering af hvad der fører til succeser og fejl i en given situation.
Så hvad har denne lille revisionistiske historielektion at gøre med webdesign? Et websted er en kontaktzone i den forstand, at du har en designer og en bruger, og det er generelt en meget ubalanceret interaktion. Selvom Web 2.0-websteder tilbyder en smule tema tilpasning, og selvfølgelig platforme til kommunikation, er de langt fra at overføre tøjlerne til koden og lade nogen gøre hvad de vil. Så hvorfor mislykkes nogle og andre lykkes?
Styrken af et websted som Reddit er, at dets skabere holder sine brugere i løbet af skabelsen og modifikationen. Det er så unintrusive af et websted som muligt med hensyn til privatlivets fred og endda layout, og følelsen af at være en kontaktzone forbliver i spidsen. Jeg mener, har du nogensinde kigget på Reddit? Der er intet der (men tusindvis af Redditors). Designerne og brugerne opretter en tilbagekoblingssløjfe, der selvdesigner webstedet.
Selv om udtrykket "kontaktzone" er ret anstændigt alene, lad os smide ud nogle flere sjove design buzzwords: "permeable interface" eller "generative feedback."
6. Mediet er meddelelsen
Den berømte tekno-visionære Marshall McLuhan artikulerede ideen om "hot" og "cold" teknologier. Hvis en teknologi er "hot", giver den dig næsten alle de oplysninger, du har brug for, og efterlader lidt op til fantasien - tænk 80 tommer storskærms-tv eller 3D-film. Jo koldere en teknologi, jo mere det kræver deltagelse og involvering (Reddit er koldt ... så koldt, skat).
Da McLuhan sagde, at mediet er beskeden, mente han, at medierne omdanner den måde, vi tænker på og kender verden. Da vi bliver så fuldstændigt nedsænket i kold teknologi på nettet, begynder de bogstaveligt at omforme vores opfattelser. Hvad vil verden være uden Facebook? Jeg vil ikke leve i den verden. Tja, måske. Det er opvarmet lidt for min smag på det seneste.
Før jeg trækker mig for langt ind i en fuddy-duddy technophobe rantelser her, lad mig komme til, hvorfor McLuhan's observationer betyder noget. Det giver os en ny terminologi til at tænke på virkningen af et websted. For det meste, som nettet har udviklet sig, er det blevet mere og mere fra en varm teknologi til en kold teknologi, især med stigningen i Web 2.0 design i de seneste år. Nu kan du tilpasse meget mere af det du ser, og interagere med og producere indhold på måder, der var ufattelige for kort tid siden. Det er ikke overstået endnu. Med især smarte telefoner ændrer mediet / beskeden igen, tror jeg på det varmere, fordi grænsefladen bliver så sømløs, at det er svært at undslippe.
Der vil altid være dem, der ønsker det modsatte af den dominerende "temperatur", og det er klogt at huske, når man forsøger at hente gamle trends med nyt webdesign. Det er også værd at overveje, hvad det behagelige temperaturområde er for dine kunder og deres kunder - vil de have en masse interaktion, eller er de den slags, der længes efter de gode gamle dage, da folk bare ville fortælle dem hvad de skulle købe? Er de den immersive Flash-type? Crazy for det dynamiske indhold, der tilbydes af PHP og andre? Eller throwbacks til nogle gode gammeldags statiske HTML? Når du nærmer dig design til et nyt medium, kan det også være værdifuldt at overveje spørgsmål om, hvordan mediet selv omdanner brugerens forventninger og evner og hvordan dette påvirker det overordnede formål med webstedet.
Hvis vi har brug for et konceptkoncept her, kan vi måske kalde det noget som "media måling" eller "hot messaging" og "cold messaging".
Parting Shot
Alt i alt er genialet af lydhørt design den måde, hvorpå det importerer et fremmed men uhensigtsmæssigt relevant koncept til en helt ny kontekst. Når du gør dette, kommer gamle ideer til liv på nye måder. Krydsbefrugtningen af ideer er, hvad der driver fora som TED, IFTF og denne meget eZine. Hvis du bruger for meget tid til at cykle gennem de samme buzzwords igen og igen, stagnerer du og dit arbejde lider - ting skal udvikle sig eller dø. Ved at tilbyde disse ideer her op, er det slet ikke min hensigt at forsøge at tvinge uønskede forslag til et felt af allerede kloge og motiverede designere. Hovedformålet er bare at være lidt provokerende. Hvis vi udvidede denne type tværfaglig udforskning til filosofi, historie, politik eller psykologi - disse ofte foragtede liberale kunst - kan vi bare forestille sig de mange nye begreber, der ville blive tilgængelige.