Esempi di portfolio di design UX

Nella maggior parte dei casi, la pagina iniziale presenta un breve indice dei progetti, seguito da una pagina dedicata a ciascun caso di studio. Generalmente, i progetti vanno da tre a cinque. L'indice include un'immagine in miniatura, il nome del progetto e una breve descrizione del problema. Le pagine dedicate ai casi di studio sono più lunghe e combinano schermate, diagrammi e spiegazioni scritte. Scopri di Più gli esempi pratici in questa pagina per osservare lo schema ricorrente nei diversi ambiti di specializzazione.

I case study presentano un problema e un risultato ben definiti, una breve sezione "Chi sono" che descrive il tipo di lavoro che si desidera svolgere in futuro e i recapiti sono facilmente reperibili da ogni pagina. I portfolio di design di prodotto solitamente includono maggiori dettagli sui vincoli: le esigenze aziendali, i prodotti realizzati e quelli scartati. Gli artefatti di processo come le personas e le mappe del percorso del cliente sono facoltativi e raramente determinano l'assunzione.

Da tre a cinque casi studio, se presentati correttamente, valgono più di dieci riassunti. Un selezionatore che esamina sei candidati aprirà uno o due case study per portfolio, quindi la profondità del primo progetto è più importante del numero totale. Elimina tutto ciò di cui non vorresti che ti venisse chiesto in un colloquio.

Andiamo dritti al punto. Un buon portfolio UX enuncia il problema nella prima schermata di un case study, mostra il vincolo che lo ha reso difficile e indica cosa è cambiato. I portfolio deboli iniziano con un'animazione di grande impatto e relegano la spiegazione a quattro scroll in basso. Gli esempi più efficaci in questa pagina seguono questo schema, indipendentemente dal modello di partenza.

Un portfolio UI viene valutato in base alla qualità tecnica: tipografia, spaziatura, colore, sistemi di componenti e coerenza tra le schermate. Può avere più peso a livello visivo che a livello testuale. Un portfolio UX, invece, viene valutato in base al ragionamento e necessita di un case study scritto per essere efficace. Molti designer realizzano un unico sito che combina entrambi gli aspetti, partendo dal lavoro visivo e collegandolo a case study completi.

L'inquadratura si sposta dal problema dell'utente al problema aziendale. Gli esempi di portfolio di design di prodotto tendono a iniziare con la metrica che è cambiata, il compromesso che è stato fatto e l'ambito che è stato ridotto per poter rilasciare il prodotto. I portfolio UX si basano maggiormente sul metodo di ricerca. La struttura del sito è solitamente identica: un breve indice, seguito da lunghe pagine di case study.

La maggior parte dei ruoli di ricerca richiede un portfolio, e di solito è più difficile da realizzare rispetto a quello di un designer. I portfolio di ricerca includono metodologia, campionamento, sintesi e le decisioni che il lavoro ha influenzato, con un numero di schermate decisamente inferiore da mostrare. La protezione tramite password è utile in questo caso, perché il materiale di studio grezzo spesso non può essere pubblicato.

Sì. Le serrature scorrevoli portatili e i catenacci a superficie possono essere usati per mettere in sicurezza una porta a scomparsa dall'esterno. Alcuni kit con catena di sicurezza consentono anche il bloccaggio esterno con chiave o manopola girevole. Pixpa Include la protezione tramite password per interi siti o singole pagine, in ogni piano, in modo che un case study possa essere protetto da una password condivisa con un selezionatore, mentre il resto del portfolio rimane pubblico. I designer inoltre anonimizzano il cliente, oscurano i dati reali e descrivono il problema senza nominare l'account.

Sì. Le serrature scorrevoli portatili e i catenacci a superficie possono essere usati per mettere in sicurezza una porta a scomparsa dall'esterno. Alcuni kit con catena di sicurezza consentono anche il bloccaggio esterno con chiave o manopola girevole. Pixpa Ogni piano include un blocco trascinabile per HTML, JS e CSS, oltre all'inserimento di codice a livello di pagina, consentendo di inserire direttamente il codice di Figma, un prototipo di Framer, una guida di Loom o un CodePen nella pagina del case study. Anche il CSS personalizzato è incluso in ogni piano, quindi il template rappresenta un punto di partenza anziché un layout fisso.