En (ikke så) Jilted Engelsk Professors Guide til Creative Web Design
Responsive design har noen bestemt buzz sent, og med god grunn. Det lover å forenkle den stadig mer komplekse oppgaven med å tilpasse nettsteder for de utallige nye enhetene som multipliserer i minuttet.
Ved å vurdere noen få vanlige variabler som skjermstørrelse, blir det et spørsmål om noen å tilpasse et nettsted til de besøkendees spesielle behov smart CSS planlegging og Javascript snarere enn detaljert utforming av mange parallelle sider. For alle som står overfor logistikkfeltet i multi-site-koordinering, er responsivt design, for å si det mildt, en veldig god ting.
Som du kanskje vet, er konseptet faktisk lånt fra arkitektur, en annen disiplin som fokuserer på forholdet mellom mennesker og skapte miljøer. Crossover er fornuftig.
Ifølge Steven Johnsons bok Where Good Ideas Comes From (2011), har denne typen konseptuelle kryssbefruktning vært ansvarlig for mange viktige gjennombrudd gjennom hele tanken og oppfinnelsens historie. Denne innsikt ga meg en ide. Selv om jeg har vært casually utforming av nettsteder i nesten så lenge internett har eksistert, ville de for omtrent seks måneder siden ha tenkt meg primært som engelsk professor. En nylig karriereflytning til heltidsutvikler / designer, i kombinasjon med min bakgrunn i litterære studier, har gitt meg et unikt og kanskje rart perspektiv på designens verden.
Nå skulle jeg ønske jeg kunne stoppe her for å sprenge de forkjølte bastardene som sverget at jeg aldri ville sette foten på et universitet igjen, fordi det ville være så dårlig, men faktum er at jeg faktisk forlot undervisning på hensikt og på god måte. Jeg gjorde det for å utforske forholdet mellom teknologi og kultur, noe som har fascinert meg minst siden jeg først satte meg ned og spilte King's Quest II i 1986. Da jeg ble bedt om å skrive denne artikkelen, måtte jeg tenke på produktive cross- befruktning mellom design og arkitektur. Jeg lurte på hva - om noen - begreper fra litterære studier kan være nyttig å søke på webdesign.
Etter litt musing har jeg samlet en liste med seks muligheter. Disse representerer bare et første pass på spørsmålet, men jeg håper de kan i det minste være suggestive og kanskje provoserende. I litterære geek termer gjør jeg en liten ratiocinasjon . På med konseptene ...
1. Metafor
Denne er nesten for åpenbar, men sist jeg sjekket metafor er fortsatt stort sett kompetansen til engelsk professorer. Brace deg selv for en av disse irriterende zingers folk sier alltid om sitt yrke: tro det eller ikke, nettet er all metafor! Brenne! (Nei egentlig ikke). Metafor - en sammenligning ved hjelp av to elementer som ikke ser ut til å være relativ - er det viktigste (og noen vil si bare) paradigmet vi bruker til å behandle nye tekniske medier.
Ideen om en lenke er en metafor - det kunne like lett blitt kalt en IP-overføringskode, men det ville ta den gjennomsnittlige ikke-tekniske brukeren mye lenger å forstå. Da Tim Berners-Lee forsøkte å konseptualisere Internettet selv, undersøkte han metaforer av miner og masker. Web, Windows, Tweets, Digg, Facebook, Canvas - disse er alle metaforer (og Reddit er et ordspill).
Her er virkelig det viktigste å ta bort fra denne: å være klar over ens metaforer er en god rute til vellykket design. Hemmeligheten til mange kjente nettsteder er at de er fullt klar over de metaforer de bruker: de trekker ideer ned til jorden fra kodeeteren (interessant, i hvert fall for meg er sammenligningspunktet i en metafor faktisk kalt "bakke"). Metaforer appellerer til folks visuelle og taktile sanser, og dette gjør dem mye lettere å huske, særlig fordi vi lever med stadig mer visuelle og taktile teknologier.
For å gjøre ordet mer velsmakende til utøvende øre (tsk, tsk), kan du introdusere det som "visuell sammenheng" eller "taktil konsistens." De ville spise den opp som en hunds frokost (oops, simile).
2. Signatur
Da jeg pleide å undervise i første årssammensetningsklasser, var signatur det eneste viktigste konseptet jeg jobbet med med å kommunisere. Det betyr ikke bare å sette John Hancock på bunnen av noe. Det refererer til det unike spor av personen som tinder gjennom ordene og ideene. Nært relatert er ideen om stemme: den vitale, unike kraften som snakker gjennom et bestemt prosjekt.
Beste praksis kan ta deg en lang vei, men god design har vanligvis en klar signatur og en stemme, og igjen er de beste kodene de som er bevisste på deres unike stil. Mens en skarp klient kan virke som om ikke mer enn å tenke på å ødelegge signaturen din helt, kikker den gjennom i alt fra fargeval til skrift til layout til kryss-nettleserløsninger (og ja, selv din spesielle implementering av responsiv design). Det er ikke helt det samme som merke, fordi det alltid er implisitt snarere enn eksplisitt. For å lete etter sporene sine, tenk på hvordan du redigerer Google eller Facebook.
Hvis det er litt for abstrakt, kan du alltid se hvordan buzzwords "design subtext" eller "sub-tema" eller "implisitt ordning" eller "abonnement" rulle av tungen din.
3. Busting syklusen
Ok, dette er ikke strengt fra et engelskspråklig klasserom. Jeg stjal det faktisk fra en episode av The Show med Ze Frank, men jeg brukte det ofte på leksjoner om hvordan man skrev A + -papirer. De mest briljante papirene er de som ikke bare identifiserer nåværende tankegang, men også tar dem et skritt videre.
Selv om jeg fremdeles er forelsket i den krumme glede i CSS3s "border-radius" -attributt, merket jeg for eksempel at Twitters nye utrulning faktisk rundet hjørner i en nedskalert, tonet ned, 3px måte. Langs disse linjene har svært få designere utforsket mulighetene for asymmetriske kurver på en effektiv måte (noen får det!).
Sant kreativt talent ligger i evnen til å oppdage og eksplodere en cliché - å svinge i det siste øyeblikk vekk fra den kreative dødsenden. Hvis du bare kopierer hva som er der ute, har du allerede falt bak. Folket som designe nåværende varme nettsteder jobber allerede i neste fase.
Det er bare en sikker brannmetode for å spotte klichéene og bremse syklusen: forskning. Før du stønner og skriker i smerte, må du bare stoppe og innse at forskning i dette tilfellet betyr å surfe mye av det du anser for å være virkelig fantastiske nettsteder. Steven Johnson bemerker at forskning er så effektiv fordi det fører til bedre generering av det som kalles "tilstøtende mulig" - mulighetene som ligger like utenfor grensene for nåværende måter å se på ting.
Jeg vil si denne "predictive development" eller "proactive design" eller "tactical border-trashing", bare for spark.
4. Nonce Taxonomy
Hva kan du spørre deg selv på dette tidspunktet, har denne fyren for alle disse tilfeldige vilkårene? La meg forklare.
Begrepet "nonce taxonomy" er lånt fra en kvinne som døde altfor tidlig, min litterære kritiske helt Eve Kosofsky Sedgwick. Nonce betyr "for en gang", og en taksonomi er selvfølgelig et system for navngivning. Så en "nonce-taksonomi" er et system av begreper og terminologi som er skreddersydd for prosjektet ved hånden, og bortskaffes eller ombygges så snart det blir besværlig eller meningsløst.
Ikke bare gir denne tenkemåten om et prosjekt mulighet for en god tilførsel av friske ideer, det gir deg også mulighet til å skreddersy hvert prosjekt til kundens spesielle (og særegne) krav. En enkel måte å oppfatte en nonce-taksonomi på er å jobbe for en stund og deretter tavle en liste over begreper, temaer, ideer, tilbakevendende mønstre og kodeelementer som synes mest relevante for prosjektet ved hånden. Se om disse låner seg til ytterligere mønstre eller vilkår, og legg til og trekk regelmessig fra listen slik du ser det. Tanken her er å bli venn med mobiliteten og fleksibiliteten som er nødvendig for ethvert kreativt prosjekt.
Som et ytterligere notat er XML og OOP-språk ikke-taksonomiske systemer av forskjellige slag, selv om de åpenbart er litt mer regelbundne. Når det gjelder mer spesifikk praksis, kan ikke-taksonomisk design inkorporeres i alt fra variable navn til dokumentasjon, og kan sikkert brukes til å spice opp klientinteraksjoner (Jargon er sexy ). Du kan si at det gir en "sjel" for prosjektet, hvis du er i den typen ting. Jeg vil komme opp med et feisty buzzword her, men jeg tror dette er en ting med skjønnhet i seg selv. RIP Eve.
5. Kontakt sone
Dette begrepet ble utviklet av en kritiker kalt Mary Louise Pratt som svar på ideen om grenser (som i de vestlige Vesten). Hun hevdet at grenser er feil metafor for situasjonen, fordi de bare antyder at handling skjer i en retning fra ett perspektiv. Faktum er at selv i situasjoner med ekstreme strømforstyrrelser, som for eksempel mellom cowboys og indianere, formler flere perspektiver og motiver fra begge sider utfallet. Ved å anerkjenne innflytelsen fra disse flere ønskene, kan en mer realistisk vurdering av hva som fører til suksesser og feil i en gitt situasjon.
Så hva har denne lille revisjonshistoriske leksjonen å gjøre med webdesign? Et nettsted er en kontakt sone i den forstand at du har en designer og en bruker, og det er generelt en veldig ubalansert samhandling. Selv om Web 2.0-områder tilbyr litt tilpasset tema, og selvfølgelig plattformer for kommunikasjon, er de langt fra å overføre tøyene til koden og la noen gjøre hva de vil. Så hvorfor lykkes noen og andre lykkes?
Styrken til et nettsted som Reddit er at dets skapere holder brukerne i løpet av etableringen og modifikasjonen. Det er så unintrusive av et nettsted som mulig når det gjelder personvern og til og med layout, og følelsen av å være en kontaktsone forblir i forkant. Jeg mener, har du noen gang virkelig sett på Reddit? Det er ingenting der (men tusenvis av Redditors). Designerne og brukerne lager en tilbakemelding loop som selvdesigner nettstedet.
Selv om begrepet "kontaktsonen" er ganske anstendig alene, la vi kaste ut noen flere morsomme design buzzwords: "permeable grensesnitt" eller "generativ tilbakemelding."
6. Mediet er meldingen
Den berømte teknovisjonære Marshall McLuhan formulerte ideen om "hot" og "cold" teknologier. Hvis en teknologi er "hot", gir den deg nesten all den informasjonen du trenger, og gir lite opp til fantasien. Tenk 80 tommers storskjerm-TV eller 3D-filmer. Jo kaldere en teknologi, jo mer det krever deltakelse og engasjement (Reddit er kaldt ... så kaldt, kjære).
Når McLuhan sa at mediet er meldingen, mente han at media forandrer måten vi tenker og kjenner verden på. Når vi blir så helt nedsenket i kalde teknologier på nettet, begynner de bokstavelig talt å omforme våre oppfatninger. Hva ville verden være uten Facebook? Jeg vil ikke leve i den verden. Vel kanskje. Det er oppvarmet litt for min smak i det siste.
Før jeg trekker for langt inn i rynkene til en fuddy duddy technophobe her, la meg få vite hvorfor McLuhans observasjoner betyr noe. Det gir oss en ny terminologi for å tenke på virkningen av et nettsted. For det meste, som nettverket har utviklet seg, har det blitt mer og mer fra varm teknologi til kald teknologi, spesielt med bølgen på Web 2.0-design de siste årene. Nå kan du tilpasse mye mer av det du ser, og samhandle med og produsere innhold på måter som var ufattelige for kort tid siden. Det er ikke over ennå. Med spesielt smarte telefoner endres mediet / meldingen igjen, jeg tenker på det varmere fordi grensesnittet blir så sømløst at det er vanskelig å unnslippe.
Det vil alltid være de som ønsker det motsatte av den dominerende "temperaturen", og dette er klokt å huske på når man prøver å peke gamle trender med nytt webdesign. Det er også verdt å vurdere hva det behagelige temperaturområdet er for kundene dine og deres kunder - vil de ha mye interaksjon, eller er de hyggelige som lengter etter de gode gamle dager da folk bare vil fortelle dem hva de skal kjøpe? Er de immersive Flash-typen? Crazy for det dynamiske innholdet som tilbys av PHP og andre? Eller throwbacks til noen gode gammeldags statiske HTML? Når du nærmer deg design for et nytt medium, kan det også være verdifullt å vurdere spørsmål om hvordan mediet selv forvandler brukerens forventninger og evner og hvordan dette påvirker den overordnede hensikten med nettstedet.
Hvis vi trenger et designkonsept her, kan vi kanskje kalle det noe som "media gauging" eller "hot messaging" og "cold messaging."
Parting Shot
Alt i alt er geni av lydhør design den måten den importerer et utenlandsk, men uvitende relevant konsept til i en helt ny kontekst. Når du gjør dette, kommer gamle ideer til liv på nye måter. Kryssbefruktning av ideer er det som driver fora som TED, IFTF, og denne veldig eZine. Hvis du bruker for mye tid på å sykle gjennom samme buzzwords igjen og igjen, stagnerer du og arbeidet ditt lider - ting må utvikles eller dø. Ved å tilby disse ideene her oppe, er det ikke min hensikt å prøve og tvinge uønskede forslag på et felt av allerede smarte og motiverte designere. Hovedmålet er bare å være litt provoserende. Hvis vi utvidet denne typen tverrfaglig utforskning til filosofi, historie, politikk eller psykologi - de ofte disdained liberal artsene - bare tenk på at det er mange nye konsepter som vil bli tilgjengelige.