Il designer è il problema, il design è la soluzione
•
0 likes•136 views
Il design, come metodo progettuale, ha tutti gli strumenti per rendere il web più accessibile. Il problema è il designer, inteso come essere umano che volontariamente decide di non preoccuparsi delle persone. Col modello sociale, la disabilità diventa uno stato di svantaggio che deriva da una mancanza di adattamento tra un corpo e il suo ambiente sociale. Noi designer progettiamo “spazi sociali”, dove le persone entrano in contatto con la comunità e accedono alle informazioni. Di conseguenza l’interfaccia diventa la porta di accesso a quelle informazioni, ed è nostro compito mantenerla sempre aperta, adattandola ad ogni esigenza. Quando non accade stiamo creando una situazione invalidante, perché creiamo una barriera tra le persone e quelle informazioni. Per cui la disabilità è causata da una mancata corrispondenza tra il design e la persona. Per prevenire questo, infine alcuni suggerimenti pratici diventeranno la chiave per mantenere sempre aperta la porta alle informazioni
Recommended
Recommended
More Related Content
Similar to Il designer è il problema, il design è la soluzione
Similar to Il designer è il problema, il design è la soluzione (20)
Il designer è il problema, il design è la soluzione
- 1. UXDAY2023 Ildesignerèilproblema,ildesignèlasoluzione Ildesigner èilproblema, ildesign èlasoluzione 29 Settembre 2023, Faenza Girolamo Giannatempo UX/UI Designer @ PaperPlane Factory G&Sans foreveryone.design
- 2. UXDAY2023 Ildesignerèilproblema,ildesignèlasoluzione CHISONO Non sono questo gatto, ma lui è sempre al mio fianco Mi chiamo Girolamo, da anni mi trovate in rete come G&Sans. Non amo presentarmi e tutto questo mi imbarazza sempre. YEAAAAHH!!! Ho sempre avuto una propensione per la creatività, e una passione verso il cercare di capire le persone. Questi 2 elementi, dopo anni di esplorazione e diverse esperienze lavorative mi hanno portato oggi a lavorare come UX/UI designer in PaperPlane Factory.
- 3. UXDAY2023 Ildesignerèilproblema,ildesignèlasoluzione Nel mondo dell’accessibilità, noi designer abbiamo un ruolo fondamentale, non dobbiamo dimenticarlo
- 4. UXDAY2023 Ildesignerèilproblema,ildesignèlasoluzione Il modello sociale della disabilità Design e accessibilità. Perché il nostro ruolo è importante?
- 9. UXDAY2023 Ildesignerèilproblema,ildesignèlasoluzione L’esempio ci aiuta a capire come… la disabilità non emerge dall’interno ma dall’esterno la disabilità non riguarda le capacità e o le abilità di una persona
- 10. UXDAY2023 Ildesignerèilproblema,ildesignèlasoluzione Modello sociale della disabilità* Quando la società non fornisce la flessibilità necessaria per soddisfare i bisogni di tutte le persone diventa disabilitante, crea, cioè, una barriera che inibisce le persone dall’iterazione col mondo attorno a loro. Al contrario sarà abilitante, permettendole di esprimersi al meglio perseguendo i propri obiettivi. *Vi è una chiara distinzione tra la difficoltà oggettiva dell’individuo e la disabilità. Quest’ultima è identificata come un disvantaggio che sorge da una mancanza di adattabilità tra la società e e persone. Fonte: Democracy Disability and Society Group
- 11. UXDAY2023 Ildesignerèilproblema,ildesignèlasoluzione Cosa centra con noi? Noi progettiamo servizi e prodotti digitali, siti web con il quale le persone interagiscono per entrare in contatto con la società e/o raggiungere i propri obiettivi. Di conseguenza l’interfaccia diventa la porta di accesso per le loro necessità, ed è nostro compito mantenerla sempre aperta, adattandola ad ogni esigenza. Quando non forniamo un’adeguata flessibilità stiamo creando un’esperienza invalidante innalzando una barriera. Noi abbiamo il potere di creare o rimuovere queste barriere
- 12. UXDAY2023 Ildesignerèilproblema,ildesignèlasoluzione “Da grandi poteri derivano grandi responsabilità ”
- 13. UXDAY2023 Ildesignerèilproblema,ildesignèlasoluzione Diventa più tangibile questa frase quando scopriamo che… Il 67% dei problemi di accessibilità hanno origine nella fase di design Auditing design systems for accessibility | www.deque.com
- 15. UXDAY2023 Ildesignerèilproblema,ildesignèlasoluzione Ci vengono in aiuto le WCAG… Il78%delleraccomandazioni WCAGsonocorrelate aldesign 64% Design 14% Design e sviluppo Why We Need More Accessibility Designers - Anna E. Cook
- 16. UXDAY2023 Ildesignerèilproblema,ildesignèlasoluzione The WebAIM Million 2023 Le homepage con gli errori WCAG più comuni (% delle homepage) 0% Low Contrast text Missing alternative text Missing form labels Empty link Empty buttons 20% 40% 60% 80% 100% Missing document language Homepage testate: 1M webaim.org/projects/million/
- 17. UXDAY2023 Ildesignerèilproblema,ildesignèlasoluzione The WebAIM Million 2023 Le homepage con gli errori WCAG più comuni (% delle homepage) 0% 20% 40% 60% 80% 100% Low Contrast text Missing alternative text Missing form labels Homepage testate: 1M Fonte: webaim.org/projects/million/
- 18. UXDAY2023 Ildesignerèilproblema,ildesignèlasoluzione Il contrasto colore e l’indipendenza cromatica Le informazioni significative* possono essere facilmente percepite e capite? Il colore non è sufficiente a veicolare correttamente informazioni e/o feedback perché percepito in modi diversi dalle persone. Inoltre bisogna garantire un sufficiente contrasto colore per essere facilmente distinto WCAGINTERESSATE: 1.4.6 1.4.11 * Testi o altre informazioni con messaggi importanti (es. Infografiche, grafici)
- 19. UXDAY2023 Ildesignerèilproblema,ildesignèlasoluzione Quali persone stiamo agevolando? Persone con difficoltà visive Es. Ipovisione, presbiopia Persone in situazione di luce intensa e/o particolari Popolazione anziana Persone con daltonismo Persone con difficoltà di lettura, concentrazione e o in condizioni di stress
- 20. UXDAY2023 Ildesignerèilproblema,ildesignèlasoluzione Suggerimenti Controllare che il contrasto tra il testo e lo sfondo sia almeno di a 4,5:1 . Per i testi di grandi dimensioni* 3:1 Controllare che le icone e altri elementi che veicolano un informazione importante abbiamo un contrasto minimo di 3:1 Se il testo è decorativo può non seguire queste indicazioni *24px o 19 bold 6.6:1 7.4:1 1:1
- 21. UXDAY2023 Ildesignerèilproblema,ildesignèlasoluzione Suggerimenti 2/2 Non affidare la comunicazione di informazioni importanti solo al colore (es. aggiungi icone accanto ai messaggi di errore, notifica, ect) Considerare l’aggiunta di texture oltre al colore Disegnare i propri componenti in bianco/nero o in scala di grigio, successivamente aggiungere il colore
- 22. UXDAY2023 Ildesignerèilproblema,ildesignèlasoluzione Esempi How To Design for Accessibility: for UX Designers (WCAG 2.2) | Udemy.com
- 23. UXDAY2023 Ildesignerèilproblema,ildesignèlasoluzione Confronto Simulazione protanopia Cecità al colore rosso Simulazione acromatopsia Cecità a tutto lo spettro cromatico How To Design for Accessibility: for UX Designers (WCAG 2.2) | Udemy.com A B
- 25. UXDAY2023 Ildesignerèilproblema,ildesignèlasoluzione Testo alternativo (Alt text) I contenuti puramente visivi che trasmettono informazioni importanti hanno alternative testuali? Immagini, icone e altri elementi visivi significativi, devono avere un testo alternativo (alt text) così da fornire alle persone che utilizzano uno screen reader di accedere a quelle informazioni WCAGINTERESSATE: 1.1.1 1.4.5
- 26. UXDAY2023 Ildesignerèilproblema,ildesignèlasoluzione Quali persone stiamo agevolando? Persone cieche e/o con difficoltà visive Utilizzano lo screen reader per percepire e interagire con i contenuti visivi
- 27. UXDAY2023 Ildesignerèilproblema,ildesignèlasoluzione Suggerimenti Le immagini puramente decorative non hanno bisogno di testo alternativo Identificare quali immagini potrebbero aver bisogno di un testo alternativo e quali sono solo decorative. Annotare queste informazioni per gli sviluppatori Preparare le descrizioni da aggiungere come testo alternativo (UX writers, content writers possono aiutare nello scrivere i testi)
- 28. UXDAY2023 Ildesignerèilproblema,ildesignèlasoluzione I form Gli utenti possono capire e percepire la struttura di un form facilmente, prevedendo e/o risolvendo possibili errori? Istruzioni chiare per l’inserimento e/o suggerimenti di compilazione aiutano a completare un form in modo rapido e corretto WCAGINTERESSATE: 1.3.1 2.1.1 2.4.6 3.3.2 3.3.3
- 29. UXDAY2023 Ildesignerèilproblema,ildesignèlasoluzione Quali persone stiamo agevolando? Persone cieche e/o con difficoltà visive Utilizzano lo screen reader per percepire e interagire con i form Persone con una destrezza limitata permanente o situazionale Potrebbero usare la tastiera come strumento di interazione col sito e/o prodotto digitale Persone con difficoltà di lettura, concentrazione e o in condizioni di stress
- 30. UXDAY2023 Ildesignerèilproblema,ildesignèlasoluzione Suggerimenti 1/2 Inserire le informazioni importanti che riguardano l’intero form prima dell’inizio del form stesso Controllare che le etichette dei form siano sempre chiare e visibili evitando l’uso di placeholder come etichetta del form Controllare che il form sia accessibile da tastiera e che lo stato di focus sia visibile (non utilizzate solo il colore)
- 31. UXDAY2023 Ildesignerèilproblema,ildesignèlasoluzione Suggerimenti 2/2 Aiutare l’utente a prevenire gli errori con testi di supporto, istruzioni, evidenziando i campi obbligatori, etc In caso di errore, contrassegnare l’errore (non utilizzate solo il colore) e scrivere messaggi specifici e comprensibili. No testi generali. Se possibile fornire un esempio
- 32. UXDAY2023 Ildesignerèilproblema,ildesignèlasoluzione Anche se non riusciremo mai davvero a progettare per tutte le persone, è nostro compito cercare di non escludere nessuno
- 33. UXDAY2023 Ildesignerèilproblema,ildesignèlasoluzione Viviamo l’accessibilità come una sfida progettuale e non solamente come un adeguamento normativo
- 34. UXDAY2023 Ildesignerèilproblema,ildesignèlasoluzione Esploriamo ciò che si sta facendo attualmente per cercare di arrivare a quello che è effettivamente possibile
- 35. UXDAY2023 Ildesignerèilproblema,ildesignèlasoluzione Accessibilità: essenziale per alcuni, utile per tuttə
- 36. UXDAY2023 Ildesignerèilproblema,ildesignèlasoluzione Grazie 29 Settembre 2023, Faenza Girolamo Giannatempo UX/UI Designer @ PaperPlane Factory G&Sans foreveryone.design