Che cos'è il web design inclusivo?

L'usabilità del sito Web è un termine ampio che descrive la facilità di utilizzo e interazione con un sito Web. Una cosa importante da ricordare quando si progetta un sito Web per essere utilizzabile, tuttavia, è che non tutti interagiscono con un sito Web allo stesso modo o nelle stesse circostanze.

Se progetti un sito Web per l'utente "medio" o "ideale", potresti realisticamente finire per creare un'interfaccia spiacevole, difficile o impossibile da usare per gli altri.

Le linee guida fornite dal World Wide Web Consortium e dai governi locali hanno aiutato i progettisti a colmare le lacune in termini di usabilità e accessibilità. Tuttavia, ciò non rende necessariamente un sito Web completamente inclusivo.

Nel seguente post, esamineremo cosa significa design inclusivo, il suo valore nel web design e cosa devi considerare quando progetti interfacce e interazioni inclusive.

Scopri come progettare per l'accessibilità al Web

Che cos'è il design inclusivo?

Il web design inclusivo rimuove i pregiudizi e le ipotesi da un sito Web in modo che gli utenti non si sentano esclusi a causa di menomazioni, dati demografici o altre circostanze temporanee o permanenti.

Sia il web design accessibile che il design UX sono componenti critici di un sito web inclusivo. La progettazione accessibile è il processo di rimozione delle barriere all'ingresso per le persone con disabilità e altre disabilità. La progettazione dell'esperienza utente è un approccio alla progettazione basato sui dati che verifica e convalida il modo in cui gli utenti reali interagiscono con un sito Web.

Per questo motivo, c'è molto da considerare nel design inclusivo in quanto non è strettamente la menomazione di un utente che può impedire loro di utilizzare completamente o essere soddisfatti di un sito Web. I web designer possono anche incontrare problemi creando esperienze per un gruppo esclusivo di utenti.

Pertanto, i web designer devono considerare i seguenti fattori:

• Compromissioni fisiche legate alla vista, all'udito o alla destrezza
• Compromissioni mentali che influiscono sulla cognizione o sulla parola
• Limitazioni situazionali che impediscono all'utente di interagire completamente con il prodotto
• Vincoli tecnici come hardware, connettività Internet e alfabetizzazione informatica
• Barriere linguistiche e geografiche
• Differenze demografiche come età, razza e sesso
• Differenze socioeconomiche

Conclusione: il design inclusivo si traduce in definitiva in un design universale.

I web designer hanno a disposizione una varietà di strumenti per affrontare l'aspetto dell'accessibilità del design inclusivo. Ad esempio, gli strumenti di accessibilità di WordPress, i controlli di accessibilità web, le linee guida WAI-ARIA e altro possono semplificare la progettazione e l'implementazione accessibili.

Con un design inclusivo, tuttavia, è necessaria una maggiore comprensione dei limiti che gli utenti possono incontrare sul Web. Non esiste uno strumento in grado di eseguire la scansione del tuo sito Web e confermare che hai creato l'esperienza più diversificata ed equa possibile. È qualcosa che dovrai imparare a implementare e verificare da solo.

Perché il web design inclusivo è importante

Ci sono una serie di ragioni per cui i web designer devono rendere l'accessibilità e l'inclusività parte di ogni sito web che creano. Diamo prima un'occhiata a come un sito Web non inclusivo danneggia tutti:

Il lato negativo della non inclusività

Nel 2021, WebAIM ha pubblicato i risultati del suo Screen Reader User Survey n. 9. Il 7,7% degli intervistati ha affermato di dover utilizzare uno screen reader quando è online.

Alla domanda su come si sentiva riguardo allo stato attuale dell'accessibilità a Internet, solo il 39,3% ha affermato che era più accessibile rispetto agli anni precedenti. Il 42,3% ha ritenuto che nulla fosse cambiato mentre il 18,5% ha affermato che era peggio.

Secondo Mike Gifford di CivicActions, potrebbe essere più del 7,7% della popolazione che sperimenta l'inaccessibilità e condivide questi sentimenti:

“La combinazione di disabilità e metodi con cui le persone superano le barriere sono estremamente diverse. Eticamente, la costruzione per i nostri utenti meno avvantaggiati deve avere la massima priorità. Sfortunatamente, con la nostra costante spinta al nuovo e appariscente, escludiamo regolarmente il 10-20% dei nostri concittadini".

Secondo l'American Bar Association, tra il 2017 e il 2020 ci sono state 8.000 cause legali Americans with Disabilities Act Title III depositate presso i tribunali federali. Quel numero è aumentato del 14,3% a 2.352 cause legali nel solo 2021, secondo Accessibility.com.

Ci sono altri che possono sentirsi esclusi da un sito web, ma non hanno ricorso legale. Ad esempio, il World Data Lab afferma che ci sono 1,1 miliardi di persone povere di Internet. In alcuni casi, ciò significa che non possono permettersi piani dati mobili. In altri casi possono, ma non ottengono dati sufficienti da utilizzare, quindi non possono permettersi di dedicare tempo a siti Web ricchi di risorse.

C'è anche la popolazione anziana da considerare. Il Pew Research Center ha rilevato che il numero di anziani che utilizzano Internet è cresciuto negli ultimi anni. Detto questo, TechCrunch riferisce che circa il 50% degli anziani ha bisogno di qualcuno che li aiuti a configurare e utilizzare le nuove tecnologie digitali. Inoltre, il 40% degli anziani è digitalmente analfabeta nella città di San Francisco, proprio accanto alla Silicon Valley, tra tutti i luoghi.

Anche se il tuo sito Web non è oggetto di azioni legali, considera cosa significherà la perdita del 20% o più dei tuoi visitatori a causa di un design non inclusivo per la redditività a lungo termine di un marchio. Questo è un enorme segmento del pubblico che scomparirà semplicemente perché il sito Web non è accogliente o utilizzabile.

Il vantaggio dell'inclusività

Quando progetti un sito web in modo che sia inclusivo, lo progetti in modo che tutti coloro che lo desiderano possano coinvolgerlo pienamente e non sentirsi esclusi. Tutti vincono quando Internet diventa un luogo inclusivo:

Il web design inclusivo porta a una migliore progettazione del prodotto.

Dai siti Web alle app mobili e tutto il resto, il design inclusivo costringe i designer a tornare alle basi di un design valido, utilizzabile ed empatico.

I marchi raggiungono un pubblico più ampio.

Un marchio che dia la priorità a un'esperienza universalmente positiva per tutti e non solo per l'utente ideale attirerà una base più fedele di utenti che apprezzano anche l'inclusività e l'equità.

Gli utenti si sentono meglio a interagire con i siti web inclusivi.

Le persone trascorrono così tanto tempo davanti agli schermi che problemi come la sindrome del tunnel carpale, la sindrome da visione artificiale e il disturbo da dipendenza da Internet sono fin troppo comuni in questi giorni. Il design inclusivo ed etico può aiutare gli utenti a sentirsi meglio sia nella mente che nel corpo.

Il web design inclusivo aiuta i siti web a posizionarsi meglio nei risultati di ricerca.

Google ha aggiornato il suo algoritmo di ricerca un paio di anni fa, nominando quattro fattori essenziali per creare la migliore esperienza on-page: Performance (velocità) Accessibilità, Best Practices (design e codice) e SEO (es. testo alternativo). Il design inclusivo contribuisce a ciascuno di questi.

Come creare Personas di Web Design inclusive

Spesso, i designer escogitano personaggi immaginari all'inizio dei progetti di siti Web. Questo li aiuta a visualizzare e relazionarsi con l'utente finale per cui stanno costruendo il sito web. Li aiuta anche a capire come quel particolare utente interagirebbe con il sito web.

Quando includi l'inclusività nel tuo processo di progettazione web, le descrizioni della tua persona utente dovranno essere leggermente modificate. Le tipiche persone utente suddividono quanto segue:

• Nome
• Dati demografici (ad es. età, sesso, occupazione, ecc.)
• Personalità
• Voce
• Obiettivi
• Motivazioni
• Frustrazioni
• Paure

I personaggi utente inclusivi dovranno anche includere:

Abilità: questa è la componente di accessibilità dell'inclusività. Dovrai anticipare in che modo alcuni dei tuoi utenti potrebbero essere limitati in termini di modo in cui utilizzano e interagiscono con il sito Web, fisicamente e cognitivamente.

Attitudine: se guardi i dati su quanti utenti sono online, ti renderai conto che alcuni dei tuoi utenti potrebbero non essere alfabetizzati digitalmente. Deviare dalle strutture e dai layout di base e non fornire un contesto sufficiente (come le etichette nei moduli di contatto) potrebbe rivelarsi dannoso per le esperienze di questi utenti.

Atteggiamento: si riferisce agli utenti che potrebbero percepire i siti Web come ambienti non sicuri. Che siano eccessivamente preoccupati per la loro privacy o nervosi per l'incontro con malware, questi tipi di paure dovrebbero essere affrontati con funzionalità di sicurezza e privacy riconoscibili e affidabili.

Accesso: gli utenti non devono essere poveri di Internet per avere un accesso limitato al web. Ad esempio, secondo l'UNESCO, poco più della metà della popolazione mondiale ha accesso a Internet da casa. Ciò non significa che non possano collegarsi online, significa solo che devono trovare altri modi per ottenerlo, come andare in una biblioteca o in un internet cafè. Pertanto, la connettività, l'hardware, il software e persino la posizione possono influire sull'accesso.

Localizzazione: non è mai sicuro presumere che ogni utente viva nello stesso paese, provenga dalla stessa cultura e parli la tua stessa lingua. Pertanto, queste differenze devono essere affrontate durante la creazione di profili utente inclusivi.

I 7 principi del design inclusivo

Affinché il design inclusivo funzioni, i web designer devono rimuovere i presupposti, i preconcetti, così come il favorire l'utente medio rispetto al bene di tutti gli utenti. Per fare ciò con successo, i progettisti devono essere guidati dai seguenti principi:

1. Flessibilità

Non esiste una taglia unica nel web design. Ciò non significa che devi creare siti Web o pagine di destinazione diversi per utenti diversi. Tuttavia, significa aggiungere funzionalità extra all'interfaccia utente quando ritieni che contribuiranno a colmare il divario tra le esperienze dei diversi utenti.

Ad esempio, è una buona idea includere una trascrizione di un video sotto il file incorporato. In questo modo, gli utenti che non possono o non vogliono ascoltare o guardare il video possono leggere il testo.

2. Semplicità

Il minimalismo è una tendenza duratura del web design e con buone ragioni. Non è solo perché crea interfacce visivamente più piacevoli, è perché il minimalismo e la semplicità aprono la strada a un design più intuitivo.

Il modo migliore per affrontare questo problema è trattare un sito Web come un prodotto minimo valido (MVP). Costruisci le caratteristiche principali che lo rendono un prodotto utilizzabile e di valore. Quindi, aggiungi elementi extra solo dove sono necessari e apporta valore all'esperienza di tutti.

3. Coerenza

La coerenza non significa che un sito web deve diventare prevedibile o noioso. Puoi ancora essere creativo mantenendo la coerenza.

Tutti traggono vantaggio dalla coerenza nel design. Rimuove la frustrazione e la confusione causate dallo stesso elemento o caratteristica presentata in modi diversi sullo stesso sito web. Inoltre, la coerenza con il modo in cui la maggior parte del Web gestisce gli elementi fondamentali, come la navigazione del sito Web, può migliorare l'usabilità di un sito Web e accelerare i tempi di conversione.

4. Percezione

Oltre a considerare il modo in cui le persone interagiscono con i siti Web, i designer devono anche considerare come preferiscono interagire con i siti Web. Ad esempio, un sito Web dominato da immagini potrebbe essere molto difficile per gli utenti che non apprendono visivamente di digerire il contenuto.

Quando riunisci il contenuto per un sito web, assicurati che ci sia un sano mix di esso. Se c'è un solo tipo di contenuto (come tutto il testo e nessuna immagine), è probabile che alcuni dei tuoi visitatori siano svantaggiati in termini di comprensione o facilità d'uso.

5. Equità

L'equità nel web design si riferisce a risultati equi. In altre parole, indipendentemente da chi sia il visitatore, ogni visitatore dovrebbe essere in grado di completare le attività con facilità.

È qui che torna utile il processo di progettazione UX. Ottenere l'input di prima mano degli utenti sugli obiettivi degli utenti e su ciò di cui hanno bisogno per completarli aiuta i progettisti a creare interazioni e percorsi utente privi di attriti per tutti.

Ad esempio, considera un componente dell'interfaccia utente come un dispositivo di scorrimento dell'immagine. Il modo inclusivo per progettarlo sarebbe disabilitare la funzione di scorrimento automatico. Quindi, includi sia le funzionalità di scorrimento che di clic in modo che ogni utente possa controllare il dispositivo di scorrimento e il suo ritmo.

6. Prevenzione

Il design inclusivo attenuerà l'errore umano. Ciò significa progettare un'interfaccia utente per prevenire il maggior numero possibile di errori fornendo anche una risposta tollerante e utile agli errori che si verificano. Riducendo la frustrazione o la vergogna associata a commettere errori, un design inclusivo fa di più per creare fiducia con i visitatori.

Questo particolare principio entra in gioco più spesso al momento dell'ingaggio. Ad esempio, i pulsanti dovrebbero sempre essere progettati in modo che siano abbastanza grandi da poter essere visti e cliccati.

I messaggi di errore nei moduli di contatto sono un altro buon esempio. Visualizzando i messaggi di errore in linea a colori e dimensioni che tutti possono leggere, ridurrai la probabilità di errori ripetuti. Avrai anche un modulo di contatto che sembra più utile di uno che fornisce messaggi di errore vaghi o che si verificano troppo tardi nel processo.

7. Sistemazione

Uno dei motivi per cui i siti Web sono soggetti a procedimenti legali sull'accessibilità come lo sono le attività commerciali tradizionali è perché sono stati considerati "luoghi di alloggi pubblici". Oltre a garantire che tutti possano leggere, navigare e interagire con un sito Web, il design inclusivo garantisce un certo comfort ai visitatori.

Il comfort può significare molte cose per molte persone: ampio spazio, layout prevedibili, ecc. Il design inclusivo chiede anche ai designer di considerare quanto saranno a proprio agio i loro utenti con i contenuti del sito web.

Ad esempio, l'utilizzo di immagini diverse che riflettano il pubblico di destinazione creerà un ambiente più accogliente rispetto alle immagini stock generiche che gli utenti hanno visto più e più volte. Lo stesso si può dire per l'utilizzo di una copia semplice invece di una copia piena di gergo che solo un segmento del pubblico capirebbe.

Conclusione

Il web design inclusivo è un termine onnicomprensivo che include discipline come UX design, design accessibile e design reattivo. Tuttavia, il design inclusivo fa un ulteriore passo avanti per garantire che il risultato finale sia un sito Web universalmente utilizzabile e ben accolto.

Questo approccio al web design richiede una solida comprensione delle sfide che le diverse persone devono affrontare quando interagiscono con i siti Web, che va oltre la disabilità o la disabilità.

Il modo migliore per integrare l'inclusività nel tuo processo di progettazione web è innanzitutto assicurarti di lavorare con strumenti che ti aiutino a implementarlo, come le funzionalità di accessibilità di WordPress ed Elementor. Quindi, aggiorna i tuoi modelli di persona utente con fattori inclusivi come capacità, attitudine e accesso. Infine, mantieni il tuo processo aggiornato man mano che impari di più sulle esperienze degli utenti e sulle sfide comuni che devono affrontare quando utilizzano il Web.