A (Not So) Jilted English Professor's Guide to Creative Web Design
Responsive design heeft laat in het ongewisse, en terecht. Het belooft de steeds complexere taak van het aanpassen van websites te vereenvoudigen voor de talloze nieuwe apparaten die met de minuut worden vermenigvuldigd.
Door enkele gemeenschappelijke variabelen zoals schermgrootte te beschouwen, wordt het aanpassen van een site aan de specifieke behoeften van zijn bezoekers een kwestie van sommigen slimme CSS-planning en Javascript in plaats van het gedetailleerde ontwerp van talrijke parallelle sites. Voor iedereen die voor het logistieke mijnenveld van multi-site coördinatie staat, is responsief ontwerpen, om het zachtjes gezegd te zeggen, een zeer goede zaak.
Zoals je wellicht weet, is het concept zelf eigenlijk ontleend aan architectuur, een andere discipline die zich richt op de relatie tussen mensen en gecreëerde omgevingen. De crossover is logisch.
Volgens Steven Johnson's boek Where Good Ideas Come From (2011) is dit soort conceptuele kruisbestuiving verantwoordelijk geweest voor talloze belangrijke doorbraken in de geschiedenis van het denken en de uitvinding. Dit inzicht gaf me een idee. Hoewel ik bijna net zo lang websites heb ontworpen als het internet al bestond, hadden de meesten tot ongeveer zes maanden geleden in de eerste plaats mij als een Engelse professor beschouwd. Een recente carrièreswitch naar fulltime ontwikkelaar / ontwerper, in combinatie met mijn achtergrond in literaire studies, heeft me een uniek en misschien een raar perspectief op de wereld van design gegeven.
Nu zou ik willen dat ik hier kon pauzeren om de koelhartige klootzakken te vernietigen die zwoeren dat ik nooit meer een universiteit zou stichten, omdat dat zo stoer zou zijn, maar feit is dat ik eigenlijk met opzet en met goede voorwaarden onderwijs geef. Ik deed het om de relatie tussen technologie en cultuur te onderzoeken, iets dat me althans fascinerend vond sinds ik voor het eerst ging zitten en King's Quest II speelde in 1986. Toen ik werd gevraagd om dit artikel te schrijven, begon ik te denken aan de productieve cross-over. bemesting tussen ontwerp en architectuur. Ik vroeg me af wat - zo er al was - concepten uit literaire studies bruikbaar zouden kunnen zijn voor webdesign.
Na enig nadenken heb ik een lijst met zes mogelijkheden samengesteld. Deze vertegenwoordigen slechts een eerste poging om de vraag te beantwoorden, maar ik hoop dat ze op zijn minst suggestief en misschien provocerend kunnen zijn. In termen van literaire geek, doe ik een beetje ratiocinatie . Op met de concepten ...
1. Metafoor
Deze is bijna te voor de hand liggend, maar de laatste keer dat ik de metafoor heb gecontroleerd, is nog grotendeels de expertise van Engelse professoren. Zet je schrap voor een van die irritante zingers die mensen altijd zeggen over hun beroep: geloof het of niet, het web is allemaal een metafoor! Brandwond! (Nee niet echt). Metafoor - een vergelijking met twee items die geen relatie lijken te hebben - is het belangrijkste (en sommigen zouden alleen zeggen) paradigma dat we gebruiken om nieuwe technische media te verwerken.
Het idee van een link is een metafoor - het zou net zo goed een IP-overdrachtknooppunt kunnen zijn, maar dat zou de gemiddelde niet-technische gebruiker veel langer nodig hebben om het te begrijpen. Toen Tim Berners-Lee het internet zelf probeerde te conceptualiseren, onderzocht hij metaforen van mijnen en mazen. Het web, Windows, tweets, Digg, Facebook, Canvas - dit zijn allemaal metaforen (en Reddit is een woordspeling).
Dit is echt het belangrijkste om hier afstand van te nemen: je bewust zijn van je metaforen is een geweldige manier om succesvol te ontwerpen. Het geheim van talloze bekende websites is dat ze zich volledig bewust zijn van de metaforen die ze gebruiken: ze halen ideeën naar de aarde terug uit de ether van code (interessant, althans voor mij, het punt van vergelijking in een metafoor wordt eigenlijk de "grond"). Metaforen doen een beroep op de visuele en tactiele zintuigen van mensen, en dit maakt ze veel gemakkelijker te onthouden, vooral omdat we leven met steeds meer visuele en tactiele technologieën.
Om het woord beter leesbaar te maken voor het uitvoerende oor (tsk, tsk), zou je het kunnen introduceren als 'visuele coherentie' of 'tactiele consistentie'. Ze zouden het opeten als een hondenontbijt (oeps, vergelijking).
2. Handtekening
Toen ik in de eerste klas componistenlessen gaf, was ondertekening het allerbelangrijkste concept dat ik aan communicatie werkte. Het betekent niet alleen dat je je John Hancock ergens onderaan moet plaatsen. Het verwijst naar het unieke spoor van de persoon die de woorden en ideeën doorsnijdt. Nauw verwant is het idee van stem: de vitale, unieke kracht die spreekt door een bepaald project.
Best practices kunnen u een lange weg banen, maar een goed ontwerp heeft meestal een duidelijke handtekening en een stem, en nogmaals, de beste codeerders zijn degenen die zich bewust zijn van hun unieke stijl. Hoewel een chagrijnige klant misschien niets liever doet dan de gedachte om je handtekening volledig te vernietigen, gluurt hij door alles heen, van kleurenpalet tot lettertype tot lay-out tot cross-browseroplossingen (en ja, zelfs je specifieke implementatie van responsief ontwerp). Het is niet helemaal hetzelfde als merk, omdat het altijd impliciet is in plaats van expliciet. Zoek naar zijn sporen om na te denken over hoe u Google of Facebook opnieuw zou ontwerpen.
Als dat allemaal een beetje te abstract is, kun je altijd zien hoe de buzzwords "ontwerp-subtekst" of "subthema" of "impliciet schema" of "subscaping" van je tong rollen.
3. Busting the Cycle
Oké, deze is niet strikt uit een Engels klaslokaal. Ik heb het echt gestolen een episode van The Show with Ze Frank, maar ik heb het vaak toegepast op lessen over het schrijven van A + papers. De meest briljante papers zijn die die niet alleen de huidige manier van denken identificeren, maar ook een stap verder gaan.
Hoewel ik nog steeds verliefd ben op de gewaagde geneugten van CSS3's "border-radius" -attribuut, merkte ik dat de nieuwe uitrol van Twitter eigenlijk de hoeken rondde in een teruggeschroefde, afgezwakte, 3px-manier. In deze zin hebben heel weinig ontwerpers op een effectieve manier de mogelijkheden voor asymmetrische krommingen verkend (iemand kan dat begrijpen!).
Waar creatief talent ligt in het vermogen om een cliché te herkennen en te exploderen - om op het laatste moment uit de buurt van de creatieve doodlopende weg te komen. Als je alleen maar kopieert wat daar is, ben je al achterop geraakt. De mensen die de huidige hot-sites hebben ontworpen, werken al aan hun volgende fase.
Er is maar één zekere methode om de clichés te vinden en de cyclus te doorbreken: onderzoek. Voordat je gaat kreunen en kronkelen van de pijn, stop dan en realiseer je dat onderzoek in dit geval betekent dat je veel van wat je ziet als fantastische websites surft. Steven Johnson merkt op dat onderzoek zo effectief is omdat het leidt tot een verbeterde generatie van wat we het 'aangrenzend mogelijk' noemen - de mogelijkheden die net buiten de grenzen van de huidige manier van kijken liggen.
Ik noem deze een "voorspellende ontwikkeling" of "proactief ontwerp" of "tactisch grensverleggend", alleen voor de kick.
4. Nonce Taxonomie
Wat, vraag je je misschien af op dit punt, heeft deze gast al deze willekeurige termen? Laat het me uitleggen.
De term 'nonce taxonomie' is ontleend aan een vrouw die veel te snel stierf, mijn literair-kritische held Eve Kosofsky Sedgwick. Nonce betekent 'voor de eerste keer' en een taxonomie is natuurlijk een naamgevingssysteem. Een 'nonce taxonomie' is dus een systeem van concepten en terminologie dat op maat is gemaakt voor het project en dat wordt verwijderd of herontwikkeld zodra het omslachtig of zinloos wordt.
Deze manier van denken over een project zorgt niet alleen voor een goed aanbod van frisse ideeën, het stelt je ook in staat elk project aan te passen aan de specifieke (en eigenaardige) eisen van de klant. Een eenvoudige manier om een nonce taxonomie uit te vinden, is om een tijdje te werken en vervolgens een lijst met termen, thema's, ideeën, terugkerende patronen en code-elementen te gebruiken die het meest relevant lijken voor het project. Kijk of deze zich lenen voor verdere patronen of termen, en voeg ze regelmatig toe en trek ze af van de lijst zoals je wilt. Het idee hier is om vriendschap te sluiten met de mobiliteit en flexibiliteit die nodig is voor elk creatief project.
Als een verdere opmerking, XML en OOP-talen zijn nonce taxonomische systemen van soorten, hoewel ze duidelijk een beetje meer aan regels gebonden zijn. In termen van meer specifieke praktijken kan nonce taxonomisch ontwerp worden opgenomen in alles, variërend van variabele namen tot documentatie, en kan het zeker worden gebruikt om klantinteracties op te peppen (Jargon is sexy ). Je zou kunnen zeggen dat het een "ziel" is voor het project, als je van dat soort dingen houdt. Ik zou hier met een pittig modewoord komen, maar ik denk dat deze op zichzelf een ding van schoonheid is. RIP Eve.
5. Contactzone
Deze term is ontwikkeld door een criticus Mary Louise Pratt als reactie op het idee van grenzen (zoals in de grensgebieden van het Wilde Westen). Ze beweerde dat grenzen de verkeerde metafoor voor de situatie zijn, omdat ze alleen suggereren dat actie vanuit één perspectief in één richting plaatsvindt. Feit is dat zelfs in situaties van extreme machtsonevenwichtigheden, zoals die tussen cowboys en indianen, meerdere perspectieven en motieven van beide kanten de uitkomst bepalen. Door de invloed van deze verschillende wensen te erkennen, kan een meer realistische inschatting gemaakt worden van wat leidt tot successen en mislukkingen in een bepaalde situatie.
Wat heeft deze kleine revisionistische geschiedenisles te maken met webdesign? Een website is een contactzone in de zin dat u een ontwerper en een gebruiker heeft en het is over het algemeen een zeer onevenwichtige interactie. Hoewel Web 2.0-sites een beetje thema-aanpassing bieden, en natuurlijk platforms voor communicatie, zijn ze in geen geval hetzelfde als de teugels over te dragen aan de code en iedereen te laten doen wat ze willen. Dus waarom falen sommigen en andere slagen?
De kracht van een site als Reddit is dat de makers hun gebruikers houden aan de creatie en aanpassing. Het is net zo niet opdringerig voor een site als mogelijk in termen van privacy en zelfs lay-out, en dus blijft het gevoel van een contactzone op de voorgrond te staan. Ik bedoel, heb je ooit echt naar Reddit gekeken ? Er is niets daar (maar duizenden Redditors). De ontwerpers en gebruikers creëren een feedbacklus die de site zelf ontwerpt.
Hoewel de term 'contactzone' op zichzelf best fatsoenlijk is, laten we nog een paar leuke ontwerpbuzzwords weggooien: 'permeabele interface' of 'generatieve feedback'.
6. Het medium is de boodschap
De beroemde techno-visionaire Marshall McLuhan verwoordde het idee van "hete" en "koude" technologieën. Als een technologie "heet" is, geeft deze je bijna alle informatie die je nodig hebt, waardoor je weinig tot de verbeelding kunt spreken - denk aan tv's met een groot scherm van 80 inch of 3D-films. Hoe kouder een technologie, des te meer vereist het participatie en betrokkenheid (Reddit is koud ... zo koud, schat).
Toen McLuhan zei dat het medium de boodschap is, bedoelde hij dat media de manier veranderen waarop we denken en de wereld kennen. Terwijl we zo volledig worden ondergedompeld in koude technologieën op het web, beginnen ze onze waarnemingen letterlijk opnieuw vorm te geven. Wat zou de wereld zijn zonder Facebook? Ik wil niet in die wereld leven. Misschien. Het is de laatste tijd wat verhit voor mijn smaak.
Voordat ik me terugtrekt in de tirades van een fuddy-duddy technophobe hier, wil ik eerst even uitleggen waarom de waarnemingen van McLuhan er toe doen. Het geeft ons een nieuwe terminologie om na te denken over de impact van een website. Grotendeels, zoals het web zich heeft ontwikkeld, is het in toenemende mate overgestapt van een hete technologie naar een koude technologie, met name door de sterke toename van Web 2.0-ontwerp in de afgelopen jaren. Nu kunt u veel meer aanpassen aan wat u ziet en kunt u communiceren met en inhoud produceren op manieren die een tijdje geleden nog ondenkbaar waren. Het is nog niet gedaan. Met smartphones in het bijzonder, verandert het medium / bericht weer, ik denk dat het warmer is omdat de interface zo naadloos wordt dat het moeilijk is om te ontsnappen.
Er zullen altijd mensen zijn die hunkeren naar het tegenovergestelde van de dominante 'temperatuur', en dit is verstandig om in gedachten te houden wanneer je probeert oude trends te doorbreken met nieuw webdesign. Het is ook de moeite waard om te overwegen wat het comfortabele temperatuurbereik is voor uw klanten en hun klanten - willen ze veel interactie, of zijn ze het soort die verlangen naar de goede oude tijd wanneer mensen hen gewoon vertellen wat ze moeten kopen? Zijn ze het meeslepende Flash-type? Gek op de dynamische inhoud van PHP en anderen? Of teruggooi naar een goede ouderwetse statische HTML? Wanneer u het ontwerp voor een nieuw medium benadert, kan het ook waardevol zijn om vragen te overwegen over hoe het medium zelf de verwachtingen en mogelijkheden van de gebruiker transformeert en hoe dit het overkoepelende doel van de site beïnvloedt.
Als we hier een ontwerpconcept nodig hebben, kunnen we het misschien iets noemen als 'media-peiling' of 'hot messaging' en 'cold messaging'.
Schot afbreken
Al met al is de genialiteit van responsief ontwerp de manier waarop het een buitenlands maar griezelig relevant concept in een geheel nieuwe context invoert. Wanneer je dit doet, komen oude ideeën op nieuwe manieren tot leven. De kruisbestuiving van ideeën is wat forums als TED, IFTF en deze eZine stimuleert. Als je te veel tijd doorbrengt met het doorlopen van dezelfde buzzwords, stagneer je en je werk lijdt - dingen moeten evolueren of sterven. Door deze ideeën hier aan te bieden, is het helemaal niet mijn bedoeling om ongewenste suggesties op een gebied van al slimme en gemotiveerde ontwerpers te proberen te forceren. Het hoofddoel is om een beetje provocerend te zijn. Als we dit soort interdisciplinaire verkenning naar filosofie, geschiedenis, politiek of psychologie - die vaak versleten liberale kunst - uitbreiden, stel je dan voor de vele nieuwe concepten die beschikbaar zouden komen.