Non infrangere le regole, reinventarle
Le persone costruiscono siti web per molte ragioni: per raggiungere un pubblico più ampio; vendere, promuovere o esprimere; per placare la pressione dei pari. La novità ha smesso di essere un motivo intorno al 2001. Al suo posto, ovviamente , abbiamo : naturalmente ho un sito web; ovviamente devi avere un muro di Facebook, un account Twitter, un profilo LinkedIn o una board Pinterest; certo, tutti noi abbiamo l'email
E, naturalmente, il web design utilizza HTML e CSS - due lingue con cui i produttori di browser e i designer trovano un terreno comune. Ma molti web designer creano una varietà incredibile con le stesse regole linguistiche chiedendo cosa succederebbe invece di cadere nel corso.
Altri si attaccano a ciò che funziona.
Coloro che seguono la saggezza convenzionale usano non solo la lingua ma le stesse frasi - in termini di web, non solo HTML / CSS, ma Arial e Georgia, layout da 960 pixel di pixel o collegamenti blu sottolineati. Utilizzare tali convenzioni non è sbagliato. Ma i designer che non scelgono di usare modelli stabiliti - che seguono la saggezza convenzionale senza chiedere il perché - perdono opportunità.
La struttura standard
La struttura standard a un livello presenta vantaggi pratici. È semplice e semplice è buono per le scadenze. Ancora più importante, è familiare. Sia il web browser che i web designer hanno un accordo non detto su come funzionano i siti web. Seguendo il modello di casa / servizi / informazioni / contatti, i designer e il pubblico rispondono alle loro aspettative.
Altre nozioni sono così ovvie che sono facili da trascurare:
- Le persone si aspettano che facendo clic sulla parola "contatto" vengano visualizzati i dettagli dell'email o del telefono.
- Sanno che troveranno un collegamento a casa nell'angolo in alto a sinistra di una pagina. In combinazione con un logo, ovviamente.
- Vedranno le dichiarazioni sul copyright nel footer, spesso a sinistra, con un anno.
- Sanno che i siti web scorrono su e giù, non di lato.
Inoltre, il rispetto del comportamento appreso allevia l'attrito. Ma i progettisti che seguono le convenzioni, con o senza rendersene conto, rafforzano le convenzioni stesse.
- Fare clic sul logo e ottenere un modulo di contatto? "Non è quello che mi aspettavo."
- Fai clic su un link che dice "leggi altro" e ottieni un muro paga? "Dammi solo l'articolo."
- Scorri orizzontalmente anziché verticalmente? "Quello è strano. È rotto?"
- Grafica più prominente nella parte inferiore di una pagina? "È sottosopra".
È facile trarre la conclusione ovvia: rompere le convenzioni e rischiare di alienare le persone.
Eppure non tutte le convenzioni sono assolute. La maggior parte dei siti web segue le regole con le proprie differenze stilistiche. Non tutti i link su ogni sito sono sottolineati in testo blu. Non tutte le foto hanno le stesse dimensioni. Non tutti i layout utilizzano la stessa disposizione di colonne. Le persone si adattano perché le variazioni delle convenzioni sono, loro stesse, convenzioni. Le persone si aspettano di trovare stranezze tra i siti.
In tal caso, in che modo i siti Web non convenzionali superano il grado di rottura? I loro designer inventano nuove convenzioni facili da apprendere.
Pensiero adattivo
Il vecchio adagio, "non rompere ciò che non è rotto" è un buon consiglio finché qualcuno non cambia la definizione di "rotto".
Fin dall'inizio del web, i designer potevano contare su schermi con almeno 640 pixel di larghezza . Più recentemente, 1024 pixel e oltre sono comuni. A partire dal 2007 minuscologadget metti i siti web nelle mani delle persone. Progettando improvvisamente per 320 pixel era in voga .
Ma costretti a cambiare e scegliere di cambiare sono atteggiamenti diversi. La creatività non ha paura di seguire un percorso di maggiore resistenza.
The Roberts Group Il sito web sperimenta con un layout basato sulla griglia. Gli utenti navigano nel loro sito con una "mappa del sito letterale". I collegamenti testuali forniscono un ripiego agli utenti che non si sentono a proprio agio con la griglia.
Come rompere le convenzioni
Non tutti i rischi pagano. La maggior parte dei progetti web non convenzionali falliscono non perché rompono gli schemi, ma perché non riescono a comunicare nuove promesse. Il trucco è identificare il motivo per cui le convenzioni si sono concretizzate.
1. Inserisci un collegamento a casa con un logo nell'angolo in alto a sinistra
Problema: i visitatori di un sito complesso potrebbero andare persi. Un affidabile collegamento alla pagina iniziale funge da pulsante di ripristino del sito.
Pensiero convenzionale: ogni caricamento della pagina inizia nella parte superiore di una pagina. Poiché la maggior parte dei layout Web scorre verso il basso, la parte superiore di ogni pagina è la posizione più logica per un pulsante affidabile.
Pensiero non convenzionale:
- Usa posizione: fissa per mantenere un tasto home nello stesso posto sul browser dei visitatori, non solo sulla pagina
- Incoraggia le persone a scorrere il contenuto con un link principale nella parte inferiore delle pagine
- Rimuovi la pagina iniziale a favore di una ricca barra di navigazione
2. Un elenco di articoli renderà cliccabili i titoli, le immagini o "leggi di più"
Problema: le persone hanno bisogno di segnali ovvi per ottenere informazioni che promettono titoli e descrizioni.
Pensiero convenzionale: titoli e miniature rappresentano al meglio il contenuto che descrivono. Il percorso più breve per "Voglio saperne di più su questo" è renderlo selezionabile. Pertanto, rendere i titoli e le miniature cliccabili.
Pensiero non convenzionale:
- Fai in modo che l'intero teaser - immagine, titolo e descrizione - sia cliccabile. I collegamenti con più area di superficie sono perfetti per la progettazione mobile e facili da creare con i CSS
- Giralo sottosopra: conduci con una o due frasi convincenti, quindi metti sotto il titolo cliccabile in un testo più piccolo
- Invece di "leggere questo ora", lascia che gli utenti aggiungano articoli a una coda da leggere a loro piacimento nell'ordine in cui scelgono
3. Disegna un modello prima di scrivere il contenuto
Problema: estetica, non codice o semantica, creare la prima impressione di un sito.
Pensiero convenzionale: progetta per prima cosa il look del sito. Lascia uno spazio per il contenuto.
Pensiero non convenzionale:
- Usa la tipografia e il colore per conferire al contenuto stesso l'atmosfera, la voce e il carattere. Quindi progetta elementi che rinforzano quel personaggio, se necessario, come trame di sfondo e barre laterali.
- Rendi lo sfondo parte del contenuto. Cambia i colori per pagina per riflettere l'umore, l'argomento o la funzione.
- Nascondi o diminuisci le informazioni della barra laterale fino a quando l'utente non sceglie di prestare attenzione.
Storie a Longboard World non solo sfida la regola "teasers must be text", ma impara una lezione da Legge di Fitt rendendo cliccabile l'intera notecard.
Linee guida alle regole
Rompere il comportamento colto del pubblico è rinunciare a una promessa. Le convenzioni sono sinonimo di fiducia. Il modo migliore per violare le regole stabilite, quindi, non è di romperle, ma di sostituirle.
1. Sostituisci, non rompere, regole
Per cambiare convenzione, dobbiamo rispettare il motivo per cui le vecchie regole hanno funzionato.
- I primi browser dovevano rendere evidenti i collegamenti, quindi sottolineavano il testo cliccabile.
- Linee di testo più larghe di 400 pixel sono difficili da seguire per le persone riga dopo riga. Non solo le colonne accorciano le linee, ma consentono una maggiore organizzazione orizzontale.
- Siti Web ricchi di contenuti creano mal di testa organizzativo. Gli strumenti di ricerca consentono alle persone di rintracciare una frase specifica anziché scavare in categorie arbitrarie.
2. Rispettare le proprie regole
Una volta che le persone si associano, ad esempio, a scatole arancioni con collegamenti, il design non dovrebbe differire da quella promessa. Ogni volta che fai clic su una casella arancione porta le persone a una nuova pagina, questa regola viene rinforzata. Ogni scatola arancione che fa altrimenti degraderà la regola.
3. Dagli tempo
Sia i titolari di siti pubblici che riluttanti guadagnano fiducia attraverso l'esposizione. Il design può aiutarlo abbassando la curva di apprendimento - rendendo chiare le regole.
4. Usa gli obiettivi
Le convenzioni funzionano. Sono facili per i designer e il pubblico allo stesso modo. Spezzandoli per il gusto del cambiamento, nessuno gode di alcun favore. Piuttosto, ripensa i problemi.
- Il consenso popolare è contrario a questa legislatura. Se le persone visitano il sito web, abbiamo meno di un secondo per vincerle. Come possiamo cambiare le menti così in fretta?
- Vogliamo mostrare più di 200 foto. Come possiamo rendere più facile per le persone navigare?
- I nostri prodotti sono sicuri, ma abbiamo una reputazione per non preoccuparsi dell'ambiente. I comunicati stampa non significano nulla. Come possiamo mostrare sincera preoccupazione nel sottotesto?
- Abbiamo un eccesso di inventario. Nessuno sta comprando. Come possiamo trasformarlo a nostro vantaggio?
Evoluzione del web osa interrompere la "piegatura a destra" dei browser estendendosi lateralmente. L'animazione all'inizio dimostra agli utenti cosa otterranno per lo scorrimento laterale.
Con l'evoluzione del web design, rispettare la convenzione è più rischioso che sperimentare. Quando il pubblico nota che i progetti non convenzionali funzionano bene, mobili o meno, saranno anche a conoscenza di siti Web che si limitano alle convenzioni di ieri. I progettisti che lo riconoscono possono fare grandi progressi verso la creazione di siti web migliori.
Rompi le regole o giochi sul sicuro? Quali regole del web design vorresti riscrivere? Fateci sapere nei commenti.
Immagine in primo piano / miniatura, immagine non convenzionale via Shutterstock