Il mondo dello User Experience Design è molto vasto e – soprattutto quando lo si esplora per la prima volta – può capitare di perdersi.
Ma non temete! La Sherpa Community, come si evince dal nome, è al vostro fianco per accompagnarvi e indicarvi la strada!
Di seguito troverete una selezione di risorse per UX suggerite dai membri della community, suddivise per argomento, che vi sarà utile come mappa per orientarvi tra i sentieri della UX!
Per iniziare
Se volete scoprire tutto quello che c’è da sapere sul tema User Experience, la risorsa per eccellenza è questa:
- Il Nielsen/Norman Group, fondato da Jakob Nielsen e Don Norman nel 1998, è ancora oggi il punto di riferimento indiscusso per chi si occupa di UX.
Nielsen ha stilato i 10 principi dell’usabilità alla base della progettazione di UX e UI, mentre Norman è autore del libro “The Psychology of Everyday Things” in cui ha definito il design come l’interfaccia che ha il compito garantire un’interazione piacevole tra prodotto e utente.
Accessibilità
Essere UX Designer significa avere a cuore le persone. Per questo motivo l’accessibilità non può mai passare in secondo piano, ma è il primo aspetto da considerare quando si progetta un’esperienza utente, proprio per far sì che chiunque possa beneficiarne in modo completo e senza frizioni.
Louise Clark, Accessibility Strategist presso United States Digital Service, nel suo articolo “Considering accessibility for people with cognitive disabilities and differences” riflette sulle disabilità cognitive che spesso non vengono prese in considerazione in quanto “invisibili”.
Conoscere questa tipologia di disabilità è fondamentale per poter fornire prodotti o servizi fruibili da tutte le persone senza discriminazioni.
Adattare un design a diverse esigenze potrebbe sembrare complicato, ma iniziare un nuovo progetto tenendo conto dell’accessibilità è sicuramente più semplice che modificarne uno già avviato o concluso.
Per facilitare questi processi esistono diverse linee guida, qui di seguito trovate le più complete:
- Web Content Accessibility Guidelines (WCAG) – rappresentano lo standard internazionale per l’accessibilità e sono state sviluppate dal World Wide Web Consortium (W3C), un’organizzazione non-profit fondata dall’inventore del Web Tim Berners-Lee con l’obiettivo di rendere i siti web accessibili, inclusivi e sicuri.
- A11y Project – Oltre ad alcune checklist per accertare l’accessibilità di un progetto, il sito dedica un’ampia sezione a risorse riguardanti strumenti per sviluppare, tecnologie assistive, uso dei colori e molto altro.
User Flow
Prima di progettare la grafica per uno User Flow è importante rappresentare ogni passaggio in un diagramma ben strutturato, in cui ogni elemento (rettangoli, ovali, frecce, ecc.) ha un significato universalmente riconosciuto.
- How to create a user flow diagram è una breve ma esaustiva guida pubblicata da Adobe che spiega come approcciarsi alla creazione di un diagramma e come questo sia importante anche nella condivisione di feedback con colleghi e stakeholders.
- Pageflows è una piattaforma freemium che raccoglie video in cui vengono mostrati – passaggio per passaggio – gli user flow di centinaia di siti e app. Utile per comprendere le dinamiche dei flussi in un modo diverso rispetto allo sfogliare le singole schermate.
- Nicely Done Club, anch’esso freemium, permette di visualizzare molte schermate di app, suddivise in base alla categoria di prodotto.
Web Design
Tanti sono gli aspetti da considerare quando si crea un sito web, una app o un qualsiasi prodotto digitale. Se siete a corto di idee, date un’occhiata qui:
- Adobe Color mette a disposizione un generatore di palette cromatiche armoniose e anche uno strumento per valutarne l’aderenza agli standard di accessibilità che, come abbiamo visto in precedenza, sono fondamentali!
- Awwwards è una raccolta dei migliori siti web, di cui analizza i componenti e a cui assegna loro un voto sulla base di quattro criteri: design, usabilità, creatività e contenuto.
- Bestfolios raccoglie numerosi case study, portfoli, libri e articoli da cui potrete trarre ispirazione per i vostri progetti!
- Built For Mars è un sito che riporta vari esempi di case study, un glossario e un’interessante sezione sui bias cognitivi che possono influenzare l’esperienza utente.
- Checklist Design ha tutto quello che vi serve per assicurarvi di aver gestito in modo ottimale ogni componente del vostro design. Sono disponibili numerose checklist che vi aiuteranno a valutare elementi, pagine, flussi e anche aspetti di brand design.
- Collect UI raccoglie esempi per creare tutti i componenti di un sito o app, suddivisi in più di 150 categorie.
- Design System è una piattaforma creata da Figma che raccoglie numerose linee guida per creare un design system e che sono suddivise in diverse categorie: spaziature, griglie, layout, icone, tipografia e copy. Include anche alcuni repository disponibili gratuitamente per gli utenti Figma.
- Font Brief permette di trovare il font adatto a ogni occasione, grazie a un comodo sistema di filtri per sceglierne la “personalità”.
Landing Page e schermate
- Page Collective raccoglie numerosi esempi di landing page, suddivise per tipologia e per le caratteristiche che devono possedere.
- Landing Love si distingue per la sua collezione di landing page con animazioni, dalle più minimal a quelle più elaborate.
- Screenlane è una collezione di schermate di app, filtrabile per categoria o in base agli elementi di interesse, utile per scoprire gli stili più in voga.
- Mobbin mostra le schermate di tantissimi siti web e app, queste ultime comodamente suddivise tra iOS e Android.
- One Page Love riporta i migliori siti web One Pager (a singola pagina), oltre a mettere a disposizione articoli riguardanti i nuovi trend e tutorial.
Figma
E adesso passiamo a qualche consiglio pratico! Ecco una serie di plugin per Figma che faciliteranno il vostro lavoro:
- Html.to.design converte interi siti web in componenti Figma completamente personalizzabili, evitandovi di doverli creare da zero. Permette anche di scegliere la versione da importare sulla base della piattaforma (mobile, desktop, tablet).
- Pixel Perfect consente di selezionare ogni elemento che volete allineare alla griglia e di arrotondare i valori di posizione e dimensione a numeri interi.
- Storyset by Freepik è una database di illustrazioni e grafiche che possono essere utilizzate gratuitamente per i propri progetti, con la possibilità di scegliere stile, colore e sfondo.
- Typography Style Guide crea in automatico una nuova pagina con la guida di stile a partire dagli elementi tipografici utilizzati nel progetto.
- Google Sheets Sync sincronizza i documenti di Google Sheets con i file Figma, permettendo di importare le informazioni riportate nelle tabelle all’interno degli elementi del progetto.
Design Challenge
Con tutte queste nuove risorse a intasare i preferiti del vostro browser… è giunto il momento di mettersi alla prova!
- Sharpen è un sito che permette di generare in modo casuale dei brief relativi a progetti di branding, marketing e product/UX per auto-sfidarsi e mettere in pratica le proprie conoscenze e capacità!
- Daily UI invia ogni giorno, per 100 giorni, una newsletter con una nuova sfida di UX Design
E se tutte queste risorse ancora non vi bastano, unitevi alla Sherpa Community su Discord, dove troverete tanti altri contenuti sulla UX e sul Design in generale… e soprattutto tanti professionisti e appassionati con cui scambiare quattro chiacchiere. Vi aspettiamo!
L’autrice
Ciao, mi chiamo Cristina e da grande voglio fare la UX Designer! Dopo essermi laureata in Genetica e aver lavorato diversi anni in ambito scientifico, ho deciso di andare alla ricerca di un lavoro più creativo e che rispecchi le mie passioni. Attualmente mi occupo di Social Media Management & Content Design e mi sto formando su UX Design e Copywriting. In attesa di trovare il lavoro dei miei sogni, condivido le nozioni che sto imparando sul mio blog UX_Uwhy.
