A (Non So) Jilted English Professor's Guide to Creative Web Design
Il design reattivo ha un certo brusio di ritardo, e con buone ragioni. Promette di semplificare il compito sempre più complesso di adattare i siti Web per gli innumerevoli nuovi dispositivi che si moltiplicano di minuto in minuto.
Considerando alcune variabili comuni come le dimensioni dello schermo, l'adattamento di un sito alle particolari esigenze dei suoi visitatori diventa una questione di alcuni pianificazione CSS intelligente e Javascript piuttosto che la progettazione dettagliata di numerosi siti paralleli. Per chiunque abbia affrontato il campo minato logistico del coordinamento multi-sito, il design reattivo è, per usare un eufemismo, un'ottima cosa.
Come forse saprai, il concetto stesso è in realtà preso in prestito dall'architettura, un'altra disciplina che si concentra sulla relazione tra le persone e gli ambienti creati. Il crossover ha senso.
Secondo il libro di Steven Johnson Where Good Ideas Come From (2011), questo tipo di fertilizzazione incrociata concettuale è stato responsabile di numerose scoperte chiave nella storia del pensiero e dell'invenzione. Questa intuizione mi ha dato un'idea. Sebbene io stia progettando casualmente dei siti per quasi tutto il tempo in cui internet è stato in circolazione, fino a circa sei mesi fa la maggior parte avrebbe pensato a me principalmente come professore di inglese. Un recente passaggio di carriera a sviluppatore / designer a tempo pieno, in combinazione con il mio background in studi letterari, mi ha dato una prospettiva unica e forse strana sul mondo del design.
Ora vorrei poter fare una pausa qui per far esplodere i bastardi dal cuore freddo che giuravano che non avrei mai più messo piede in un'università, perché sarebbe stato così tosto, ma il fatto è che in realtà ho lasciato l'insegnamento di proposito e in buoni termini. L'ho fatto per esplorare il rapporto tra tecnologia e cultura, qualcosa che mi ha affascinato almeno da quando mi sono seduto per la prima volta e ho giocato a King's Quest II nel 1986. Quando mi è stato chiesto di scrivere questo articolo, ho pensato alla produttività fertilizzazione tra design e architettura. Mi sono chiesto che cosa - se del caso - concetti di studi letterari potrebbero essere utilmente applicati al web design.
Dopo un po 'di riflessione, ho compilato un elenco di sei possibilità. Questi rappresentano solo un primo passaggio alla domanda, ma spero che possano almeno essere suggestivi e forse provocatori. In termini di geek letterario, sto facendo un po 'di raziocinio . Con i concetti ...
1. Metafora
Questo è quasi troppo ovvio, ma l'ultima volta che ho controllato la metafora è ancora in gran parte la competenza dei professori di inglese. Preparati per uno di quei fastidiosi zingers che la gente dice sempre sulla loro professione: credici o no, il web è tutto metafora! Bruciare! (No, non proprio). Metafora - un confronto usando due elementi che sembrano non avere alcuna relazione - è il paradigma principale (e alcuni direbbero solo) che usiamo per elaborare nuovi media tecnici.
L'idea di un collegamento è una metafora - potrebbe essere chiamata semplicemente un nodo di trasferimento IP, ma ciò richiederebbe molto più tempo alla comprensione dell'utente medio non tecnico. Quando Tim Berners-Lee stava cercando di concettualizzare Internet, esplorò metafore di mine e maglie. Il Web, Windows, Tweets, Digg, Facebook, Canvas - queste sono tutte metafore (e Reddit è un gioco di parole).
Ecco in realtà la cosa principale da togliere a questo: essere consapevoli delle proprie metafore è un'ottima via per un design di successo. Il segreto di numerosi siti Web noti è che sono pienamente consapevoli delle metafore che usano: trascinano le idee sulla terra dall'etere del codice (interessante, almeno per me, il punto di confronto in una metafora viene in realtà chiamato "terra"). Le metafore attraggono i sensi visivi e tattili delle persone e questo li rende molto più facili da ricordare, soprattutto perché viviamo con tecnologie sempre più visive e tattili.
Per rendere la parola più gradevole all'orecchio dell'esecutivo (tsk, tsk), potresti introdurla come "coerenza visiva" o "consistenza tattile". La mangerebbero come la colazione di un cane (oops, similitudine).
2. Firma
Quando insegnavo le classi di composizione del primo anno, la firma era il concetto più importante che ho lavorato per comunicare. Non significa solo mettere il tuo John Hancock in fondo a qualcosa. Si riferisce alla traccia unica della persona che supera le parole e le idee. Strettamente correlata è l'idea della voce: la forza vitale e unica che parla attraverso un particolare progetto.
Le buone pratiche possono portarti molto lontano, ma un buon design di solito ha una firma chiara e una voce, e ancora una volta, i migliori programmatori sono quelli che sono consapevoli del loro stile unico. Mentre un cliente irritabile può sembrare non apprezzare nient'altro che il pensiero di distruggere completamente la tua firma, si guarda attraverso tutto, dal palato del colore al font fino al layout per le soluzioni cross-browser (e, sì, anche la tua particolare implementazione del responsive design). Non è esattamente la stessa cosa del marchio, perché è sempre implicito piuttosto che esplicito. Per cercare le sue tracce, pensa a come ridisegnare Google o Facebook.
Se tutto ciò è un po 'troppo astratto, puoi sempre vedere come le parole d'ordine "design sottotesto" o "sottotema" o "schema implicito" o "sottoscapolare" ti tergeranno la lingua.
3. Busting the Cycle
Ok, questo non è rigorosamente di un'aula inglese. L'ho davvero rubato un episodio di The Show con Ze Frank, ma l'ho applicato spesso a lezioni su come scrivere A + papers. I documenti più brillanti sono quelli che non solo identificano i modi di pensare attuali, ma li portano anche oltre.
Anche se sono ancora innamorato delle bizzarre gioie dell'attributo "border-radius" di CSS3, ad esempio, ho notato che la nuova implementazione di Twitter ha effettivamente arrotondato gli angoli in un modo ridimensionato, attenuato, 3px. In questo senso, pochissimi disegnatori hanno esplorato le possibilità di curve asimmetriche in modo efficace (qualcuno se la cava!).
Il vero talento creativo risiede nella capacità di individuare ed esplodere un cliché - per sterzare all'ultimo momento lontano dal vicolo cieco creativo. Se stai solo copiando ciò che è là fuori, allora sei già rimasto indietro. Le persone che hanno progettato i siti caldi attuali stanno già lavorando alla fase successiva.
C'è solo un metodo sicuro per individuare i luoghi comuni e interrompere il ciclo: la ricerca. Prima di lamentarti e agitarti in agonia, basta fermarsi e capire che la ricerca in questo caso significa navigare su molti siti che consideri davvero fantastici. Steven Johnson osserva che la ricerca è così efficace perché porta a una generazione migliorata di ciò che viene chiamato il "possibile adiacente" - le possibilità che si trovano oltre i limiti degli attuali modi di guardare alle cose.
Definirò questo "sviluppo predittivo" o "progettazione proattiva" o "confusione tattica di confine", solo per i calci.
4. Tassonomia non monetaria
Cosa, potresti chiedertelo a questo punto, ha questo ragazzo per tutti questi termini casuali? Lasciatemi spiegare.
Il termine "nonce taxonomy" è preso a prestito da una donna che è morta troppo presto, il mio eroe critico letterario Eve Kosofsky Sedgwick. Nonce significa "per una volta", e una tassonomia, naturalmente, è un sistema di denominazione. Quindi una "nonce taxonomy" è un sistema di concetti e terminologia che è fatto su misura per il progetto in questione, e dismesso o rielaborato non appena diventa ingombrante o privo di significato.
Non solo questo modo di pensare su un progetto consente una buona scorta di nuove idee, ma consente anche di adattare ciascun progetto alle particolari (e peculiari) richieste del cliente. Un modo semplice per inventare una nonce tassonomia è di lavorare per un po 'e poi di scrivere una lista di termini, temi, idee, schemi ricorrenti ed elementi di codice che sembrano più rilevanti per il progetto in questione. Vedi se questi si prestano a ulteriori schemi o termini e regolarmente aggiungono e sottraggono dalla lista come meglio credi. L'idea qui è di fare amicizia con la mobilità e la flessibilità necessarie per qualsiasi progetto creativo.
Come ulteriore nota, i linguaggi XML e OOP sono non ordinari sistemi tassonomici, sebbene siano ovviamente un po 'più vincolati da regole. In termini di pratiche più specifiche, la progettazione tassonomica nonce può essere incorporata in qualsiasi cosa, dai nomi delle variabili alla documentazione, e può certamente essere usata per rendere più interessanti le interazioni con i clienti (il gergo è sexy ). Potresti dire che fornisce un'anima per il progetto, se ti piace questo genere di cose. Avrei inventato una parola d'ordine esuberante, ma penso che questa sia una cosa di bellezza in sé. RIP Eve.
5. Zona di contatto
Questo termine è stato sviluppato da un critico di nome Mary Louise Pratt in risposta all'idea di frontiere (come nelle frontiere del selvaggio West). Affermò che le frontiere sono la metafora sbagliata della situazione, perché suggeriscono solo che l'azione avvenga in una direzione da una prospettiva. Il fatto è che anche in situazioni di squilibri di potere estremi, come quello tra cowboys e indiani, molteplici prospettive e motivazioni da entrambe le parti danno forma al risultato. Riconoscendo l'influenza di questi molteplici desideri, si può fare una valutazione più realistica di ciò che porta a successi e fallimenti in una data situazione.
Che cosa ha a che fare questa piccola lezione di storia revisionista con il web design? Un sito web è una zona di contatto nel senso che hai un designer e un utente, ed è generalmente un'interazione molto sbilanciata. Sebbene i siti Web 2.0 offrano un po 'di personalizzazione del tema e, naturalmente, piattaforme per la comunicazione, sono ben lungi dal passare le redini al codice e permettere a chiunque di fare ciò che vogliono. Quindi perché alcuni falliscono e altri riescono?
La forza di un sito come Reddit è che i suoi creatori mantengono i propri utenti nel ciclo di creazione e modifica. È meno intrusivo di un sito il più possibile in termini di privacy e persino di layout, e quindi la sensazione di essere una zona di contatto rimane in prima linea. Voglio dire, hai mai visto davvero Reddit? Non c'è niente lì (ma migliaia di Redditors). I designer e gli utenti creano un ciclo di feedback che auto-progetta il sito.
Anche se il termine "zona di contatto" è abbastanza decente da solo, buttiamo fuori alcune parole d'ordine più divertenti: "interfaccia permeabile" o "feedback generativo".
6. Il mezzo è il messaggio
Il famoso techno-visionario Marshall McLuhan ha articolato l'idea di tecnologie "calde" e "fredde". Se una tecnologia è "calda", ti dà quasi tutte le informazioni di cui hai bisogno, lasciando poco all'immaginazione - pensa a TV a schermo grande da 80 pollici o film 3D. Più fredda è una tecnologia, più richiede partecipazione e coinvolgimento (Reddit è fredda ... così fredda, piccola).
Quando McLuhan ha affermato che il mezzo è il messaggio, ha significato che i media trasformano il modo in cui pensiamo e conosciamo il mondo. Diventando così totalmente immersi in tecnologie fredde sul web, iniziano letteralmente a rimodellare le nostre percezioni. Cosa sarebbe il mondo senza Facebook? Non voglio vivere in quel mondo. Beh forse. Si è riscaldato un po 'per i miei gusti ultimamente.
Prima di ritirarmi troppo in là nelle cavillate di un tecnofobo dal fango vistoso, lasciami capire perché le osservazioni di McLuhan sono importanti. Ci dà una nuova terminologia per riflettere sull'impatto di un sito web. Per la maggior parte, come il web si è sviluppato, è passato da una tecnologia sempre più calda a una tecnologia a freddo, in particolare con l'aumento del design Web 2.0 negli ultimi anni. Ora puoi personalizzare molto di più di ciò che stai vedendo, interagire e produrre contenuti in modi inimmaginabili fino a poco tempo fa. Non è ancora finita. In particolare, con gli smartphone, il mezzo / messaggio cambia di nuovo, penso per il più caldo perché l'interfaccia diventa così semplice da evadere.
Ci saranno sempre quelli che bramano il contrario della "temperatura" dominante, e questo è saggio da tenere a mente quando si cerca di superare le vecchie tendenze con il nuovo web design. Vale anche la pena considerare quale sia l'intervallo di temperatura confortevole per i tuoi clienti e i loro clienti: vogliono un sacco di interazione, o sono quelli che desiderano i bei vecchi tempi quando le persone semplicemente dicevano loro cosa comprare? Sono il tipo di Flash immersivo? Pazzo per il contenuto dinamico offerto da PHP e altri? O i rimandi a qualche buon HTML statico vecchio stile? Quando ti avvicini al design per un nuovo mezzo, può essere utile considerare anche le domande su come il mezzo stesso trasforma le aspettative e le capacità dell'utente e come questo influenzi lo scopo generale del sito.
Se abbiamo bisogno di un concetto di design qui, forse potremmo chiamarlo qualcosa come "media gauging" o "hot messaging" e "cold messaging".
Colpo di separazione
Tutto sommato, il genio del design reattivo è il modo in cui importa un concetto estraneo ma straordinariamente rilevante in un contesto completamente nuovo. Quando lo fai, le vecchie idee prendono vita in modi nuovi. La fertilizzazione incrociata delle idee è ciò che spinge forum come TED, IFTF e questa eZine. Se passi troppo tempo a pedalare ripetutamente attraverso le stesse parole d'ordine, stai stagnando e il tuo lavoro soffre - le cose devono evolversi o morire. Offrendo queste idee qui, non è affatto mia intenzione cercare di forzare suggerimenti indesiderati su un campo di designer già intelligenti e motivati. L'obiettivo principale è solo essere un po 'provocatorio. Se espandessimo questo tipo di esplorazione interdisciplinare in Filosofia, Storia, Politica o Psicologia - quelle di arti liberali disdegnate - immaginiamo solo l'insieme di nuovi concetti che sarebbero disponibili.