Saturazione in Web Design
Nel corso degli anni, i progetti web e i layout sono aumentati in complessità. Eppure, mentre il nostro lavoro diventa sempre più lucido e interattivo, allontanandosi dai layout di boxe statici che hanno dominato gli anni '90, l'obiettivo centrale non è cambiato.
La visibilità è oggi tanto importante per i designer. Si tratta della nostra capacità di focalizzare l'attenzione dell'utente sui contenuti significativi che aiutano a vendere beni e incoraggiare gli abbonati e aiuta i siti Web a ottenere lettori regolari.
Con le persone che sfruttano sempre più le soluzioni predefinite, dare ai siti web la distinzione e la personalità sufficienti per coltivare l'interesse degli utenti è importante.
Dopo tutto, l'intero punto di un sito Web deve essere unico, non seguire gli altri o offrire un layout usabile ma generico e senza vita. Tenendo questo a mente, esaminiamo come la compulsione a sfruttare eccessivamente certe convenzioni e schemi di progettazione possa influenzare positivamente o negativamente gli utenti.
Saturazione e Sensibilizzazione
Per iniziare, rivediamo le due variabili fondamentali al lavoro. La saturazione, da non confondere con il termine relativo al colore, si riferisce all'ubiquità di alcuni strumenti, tecniche o implementazioni di progettazione attraverso il web. Ad esempio, considera quanto sono diffusi gli annunci Google oggi e come alcuni designer li impacchettano sulle loro pagine web.
La sensibilizzazione, d'altra parte, si riferisce al grado in cui un utente è influenzato dall'esposizione a strumento, tecnica o implementazione. Si potrebbe dire che siamo cresciuti così abituati a vedere gli annunci online che abbiamo adattato per filtrarli come rumore di fondo irrilevante e, a volte, filtrarli fisicamente.
Stiamo vedendo annunci sempre più intrusivi che utilizzano animazioni, suoni e colori vividi.
Mentre alcune implementazioni, ad esempio la pubblicità, potrebbero essere considerate in grado di sminuire il valore del contenuto, altre possono essere di grande beneficio se utilizzate ripetutamente e coerentemente, come le miniature delle immagini nei portfolio. Poiché sia la saturazione che la desensibilizzazione possono essere sia buone che cattive, il problema essenziale che i progettisti devono affrontare è capire come e quando seguire le convenzioni.
La nostra industria fa molto affidamento sulle convenzioni. Se non utilizziamo un CMS o un modello, utilizziamo framework e siti web di ispirazione. Affidarsi alle convenzioni di design potrebbe derivare dal timore che, se non si seguono i cambiamenti e le tendenze culturali, essi saranno ritenuti scaduti o la loro comprensione dell'usabilità sarà messa in discussione. Ma questo è lontano dalla verità.
Mentre la duplicazione di disegni o l'uso di convenzioni generiche può essere più semplice, limita il potenziale di connessione con gli utenti a livello emotivo, che non deve essere preso alla leggera.
Con così tanti framework e motori CMS, è una meraviglia che abbiamo bisogno di costruire qualsiasi cosa.
Esaminiamo alcuni dei vantaggi che le convenzioni possono apportare a una pagina Web e analizziamo alcune delle principali insidie che potrebbero portare a decidere su un particolare layout oa ripensare a una funzione.
Esploreremo anche un paio di soluzioni praticabili per aiutarti a evitare di rendere il tuo sito web simile ai milioni di layout che non hanno una proposta di vendita (USP) o una pertinenza.
Il lato positivo della saturazione
Una giustificazione primaria per l'utilizzo di elementi saturi in un disegno è il riconoscimento che offre agli utenti. Tendenze e modelli non solo forniscono soluzioni semplici per le funzionalità che vogliamo implementare (come i menu di navigazione), ma hanno chiari vantaggi sull'usabilità perché rassicurano gli utenti con punti di riferimento familiari sulla pagina.
I sistemi di navigazione stanno diventando sempre più complessi, ma possono anche essere piuttosto eleganti.
La saturazione può portare valore educativo a un'esperienza. Fornendo convenzioni per gli utenti, la saturazione riduce la curva di apprendimento per un sito web nel tempo.
Considera come ci siamo abituati al menu a discesa; se non avessi mai visto questo strumento, potresti non aver realizzato che al passaggio del mouse si sarebbe steso un elenco secondario di elementi. Tali componenti comuni possono avere un valore o un'unicità meno empatici, ma aiutano gli utenti a svolgere rapidamente i loro compiti.
La navigazione della carne misteriosa pone problemi agli utenti. La familiarità dovrebbe precedere l'estetica.
Tendiamo a dare per scontato cose che vediamo ogni giorno. Quante volte, ad esempio, consideri la tecnologia dietro i semafori? Questo fenomeno può essere applicato anche al web design.
Man mano che aumenta il livello di saturazione di una tendenza, acquisiamo familiarità con la sua funzione e il modo in cui influisce su di noi. Di conseguenza, siamo in grado di ignorarlo mentalmente finché non abbiamo bisogno di usarlo. Il pericolo di questo è "zombie browsing", di cui parleremo più avanti.
Gli utenti tendono a concentrarsi esclusivamente sui contenuti e potrebbero perdere il messaggio del design.
La stabilità è un altro effetto comune delle convenzioni di design. Quando qualcosa è stato implementato più e più volte, è probabile che sia passato attraverso diverse iterazioni di test, analisi e miglioramenti e, come tale, aumenta di valore.
Inoltre, poiché l'efficacia delle convenzioni come il menu a discesa è stata oggetto di ricerche approfondite, possiamo creare scenari di utilizzo per determinare se e in che modo sarebbero appropriati per un particolare layout.
Sappiamo che gli utenti si aspettano di essere reindirizzati a una home page quando fanno clic su un logo.
Il lato negativo della saturazione
Mentre tutti questi punti mostrano che la saturazione può essere utile, come in ogni aspetto del design, c'è un rovescio che dovrebbe farti riflettere due volte prima di saltare sul carro. Il primo di questi problemi è l'abuso.
Per quelli di voi che ricordano l'era del design del Web 2.0, quando tutto era lucido e smussato, il web era pieno di progetti inutili, sia professionali che personali. Tutti hanno copiato ciò che pensavano fosse popolare, e così la tendenza è diventata così comune che il suo valore è stato perso in un mare di cloni.
L'era del design del Web 2.0 è sfuggita di mano e l'innovazione del layout ha subito conseguenze.
Al di là solo dell'abuso di saturazione, un altro ostacolo è la spensieratezza che a volte circonda la saturazione. Quando implementiamo una funzione come un menu di navigazione, i visitatori dovrebbero riconoscerne i numerosi elementi nella pagina.
Ma cosa succede se lo strumento non funziona come previsto? All'inizio potrebbe sembrare banale, ma le tendenze limitano la nostra capacità di innovare e le ipotesi degli utenti possono ostacolare il progresso del web.
Gli utenti si aspettano un'azione dopo aver fatto clic su un pulsante, quindi la funzione deve essere reattiva.
Oltre a questi fattori, uno dei maggiori argomenti contro i template e le funzionalità saturate è che non mirano alle esigenze di un pubblico specifico.
Una delle caratteristiche distintive di un sito Web fatto a mano è che è stato costruito (si spera) con le esigenze del visitatore al centro. Mentre i siti web possono farla franca con un layout dall'aspetto generico, i design che sono magnificamente realizzati miglioreranno il valore del sito web e arricchiranno o completeranno il contenuto.
Puoi chiaramente dire che questo sito web è stato creato per il suo pubblico di riferimento: i bambini.
Il problema finale è l'influenza che la saturazione ha sui visitatori. Quando i layout diventano di routine, gli utenti possono facilmente perdere nuovi componenti che presumono esistiti durante la loro visita precedente.
Questo stato psicologico, noto come "zombie browsing", si manifesta quando gli utenti non riescono a notare oggetti che inconsciamente o consapevolmente ritengono irrilevante. Questo è particolarmente problematico nella pubblicità; molti utenti bloccano gli annunci con le estensioni del browser o evitano di guardarli, anche se gli annunci potrebbero essere utili.
Mentre le opzioni di filtro possono essere utili per gli utenti, possono anche rendere le cose più difficili da individuare.
Soluzioni per i progettisti
La prima soluzione, che sembra piuttosto ovvia, è innovare, piuttosto che copiare ciò che esiste.
In alcuni casi, tuttavia, la migliore linea d'azione sarà semplicemente quella di non reinventare la ruota; la disponibilità di gallerie di ispirazione, script taglia-e-incolla, motori CMS e modelli di layout tendono a favorire la preferenza per un rapido progetto di turnaround, piuttosto che una lavorazione artigianale originale.
Anche se utilizzi una soluzione predefinita, puoi comunque migliorarla o personalizzarla per il tuo pubblico.
WordPress può (e dovrebbe essere) essere altamente personalizzato per corrispondere all'identità della persona o dell'azienda.
La seconda soluzione è determinare se una funzione generica serve effettivamente un determinato obiettivo. L'idea di progettare con lo scopo è in circolazione da molti anni e, mentre gli utenti continuano a richiedere maggiori livelli di interattività e controllo su un sito web (ben lontano dall'era del design statico), dovremmo includere un elemento in un sito web solo se l'utilità supera i costi di essere lì; non dovrebbe, per esempio, sottrarre attenzione ad altri contenuti. Ogni oggetto dovrebbe avere uno scopo utile, anche elementi minori come i collegamenti "Salta", che aiutano gli screen reader.
Rimozione di funzionalità non necessarie rimane popolare in quanto tutti noi amiamo un'interfaccia pulita.
La semplicità e l'obiettivo di indirizzare gli occhi del visitatore verso contenuti utili è al centro del buon design. Per evitare un'eccessiva saturazione, dobbiamo prestare attenzione quando aggiungiamo oggetti alla pagina (e soprattutto non lo facciamo ripetutamente) e non ci entusiasmiamo troppo con il "caricamento delle funzionalità".
Sappiamo che sovraccaricare gli utenti li costringerà a lavorare di più per progredire nella pagina; e più distrazioni esistono, maggiore è il rischio che i contenuti importanti vengano persi. I progettisti devono essere sensibili alle esigenze degli utenti, ridurre la curva di apprendimento e massimizzare la visibilità dei contenuti.
Esempi buoni e cattivi
Nel primo esempio qui sotto, molta energia è andata chiaramente a bilanciare la convenzione e l'originalità. Nota come il layout a larghezza fissa, il logo centrato e altamente visibile e gli elementi familiari si uniscono nella pagina senza sovraccaricare l'utente. Mentre è necessario lo scrolling, l'interfaccia offre uno spin unico, con il suo hover sottile, le scelte tipografiche e le immagini del profilo attentamente organizzate.
L'unico vero svantaggio è che gli utenti non esperti potrebbero non essere in grado di identificare facilmente le icone visive. La navigazione della carne misteriosa è sempre un grosso rischio.
Il layout per questo secondo esempio è forse meno unico del primo. Eppure è ancora una buona esperienza grazie alla breve curva di apprendimento per l'interazione con l'utente: il logo e il menu di navigazione sono quelli in cui ti aspetti che siano; il sito web segue i termini convenzionali per gli elementi del portfolio (sebbene, in questo caso, lo spazio dello schermo sia piuttosto sprecato); e le infografiche accattivanti spingono gli utenti a scorrere la pagina verso il basso.
La barra di scorrimento alternativa è piuttosto interessante. Molti designer sembrano adottarne uno nel tentativo di assumere un maggiore controllo sull'estetica del sito web. Ma a causa della regione cliccabile più piccola qui, questo layout potrebbe essere molto inaccessibile per gli utenti con deficit di motore, e va contro la tendenza comune di utilizzare l'impostazione predefinita del browser. Si tratta di un anti-pattern, ed è un buon esempio di una scelta di design inappropriata.
Questo sito web finale è un vero esempio di "cosa non fare". Come puoi vedere, mentre cerca di mettere gli utenti a proprio agio, la home page di MSN non è originale e non presenta i suoi contenuti in modo chiaro.
Il logo, la casella di ricerca e i collegamenti alle icone sono resi in modo accettabile, ma mentre l'utente scorre verso il basso, la pagina diventa sempre più ingombrante a causa delle convenzioni progettuali strettamente impacchettate.
Ci sono troppe scelte di menu di navigazione, che portano alla confusione; forse un menu a tendina sarebbe stato sufficiente. Inoltre, la pubblicità occupa un sesto della pagina, quindi dirottando l'attenzione dell'utente. Inoltre, mentre ci spostiamo verso il basso, la pagina è disseminata di presentazioni, blocchi di contenuti a schede e centinaia di collegamenti sovraffollati. Questo è il massimo della saturazione: troppo viene fornito troppo poco originalità o scopo.
La saturazione e l'equilibrio tra convenzione e originalità saranno sempre in gran parte nel design.
Mentre il web continua ad evolversi, si presenteranno nuovi standard e convenzioni. Mentre vogliamo evitare di creare progetti così diversi da confondere gli utenti, dobbiamo mantenere un elemento di unicità nel nostro lavoro per evitare di incasellare i nostri visitatori.
Ogni sito avrà le proprie sfide e necessità, e la responsabilità del progettista sarà di respingere la generica "anti-esperienza" dei modelli e riportare qualche innovazione nel loro lavoro.
Scritto in esclusiva per WDD da Alexander Dawson. È un web designer freelance, autore e sviluppatore di software ricreativo specializzato in standard web, accessibilità e design UX. Oltre a gestire un'attività chiamata HiTechy e scrivendo, passa il tempo cinguettio , I forum di SitePoint e altri luoghi, per aiutare chi ne ha bisogno. "]
Cosa ne pensi della saturazione nel web design e come affronta queste sfide sui tuoi siti web? Per favore condividi i tuoi pensieri qui sotto ...