La progettazione di UX riguarda la creazione di prodotti "che forniscono agli utenti esperienze significative e pertinenti". All'interno del design UX, ci sono alcune categorie diverse.
1. Progettazione di interazioni
Un sottoinsieme del design UX è il design dell'interazione (IxD). È definito come … sì, hai indovinato … l'interazione tra un utente e un prodotto – l'obiettivo di tale interazione è che sia piacevole per l'utente.
2. Visual design
Nella progettazione visiva, i creatori utilizzano illustrazioni, fotografia, tipografia, spazio, layout e colori per migliorare l'esperienza dell'utente. Per avere un design visivo di successo, i principi del design artistico tra cui equilibrio, spazio e contrasto sono cruciali. Colore, forma, dimensioni e altri elementi influiscono anche sul design visivo.
3. Ricerca dell'utente
La ricerca dell'utente è l'ultimo importante elemento del design UX. La ricerca degli utenti è il modo in cui le aziende determinano ciò che i loro clienti e utenti desiderano e di cui hanno bisogno. Fondamentalmente, il tuo sito web dovrebbe risolvere un problema, quindi questo è un passo importante nel determinare esattamente ciò di cui i tuoi utenti hanno bisogno. Senza di essa, i tuoi progetti sono semplicemente ipotesi.
4. Architettura dell'informazione
I progettisti utilizzano l'architettura delle informazioni per strutturare ed etichettare i contenuti in modo che gli utenti possano trovare facilmente le informazioni. L'architettura delle informazioni viene utilizzata su siti Web, smartphone, app e persino nei luoghi fisici in cui andiamo. Facilità d'uso e rilevabilità sono due importanti fattori dell'architettura dell'informazione, motivo per cui è così strettamente correlato alla progettazione di UX.
Pensa alla mappa della metropolitana di New York City. Questo è un ottimo esempio di architettura dell'informazione che aiuta le persone a capire come spostarsi da un luogo all'altro. Secondo l'Information Architecture Institute, "Se stai facendo cose per gli altri, stai praticando l'architettura delle informazioni".
Fonte: Guida della metropolitana di New York
Processi di progettazione UX
In genere ci sono tre fasi del processo di progettazione di UX da considerare:
- Ricerca del tuo pubblico di destinazione
- Comprensione degli obiettivi dell'azienda e del loro impatto sull'utente
- Applicazione immediata per creare un'esperienza piacevole per l'utente finale
UX design adotta un approccio progettuale incentrato sull'uomo per creare cose utili per gli utenti durante tutte e tre le fasi. Si tratta di considerare le esigenze delle persone per le quali si sta progettando, trovare una vasta gamma di soluzioni per risolvere il problema che stanno affrontando, progettare prototipi per gli utenti da testare e infine mettere a punto la migliore soluzione per l'utente . Se guardi il problema dal punto di vista dell'utente e progetti con loro in mente, creerai soluzioni che vorranno adottare.
Principi di progettazione UX
UX è un campo in continua evoluzione, ma i principi fondamentali di progettazione di UX rimangono gli stessi. I designer devono anche determinare ciò che vogliono in termini di equilibrio visivo. Essere chiari e concisi è fondamentale … meno è di più! Vuoi che il tuo design sia intuitivo e, soprattutto, il tuo design dovrebbe soddisfare le esigenze dell'utente.
Mentre UX è soggetta alle tendenze e alle nuove tecnologie, ci sono alcuni principi fondamentali che rimangono gli stessi. Questi aiutano i progettisti a esaminare vari problemi attraverso una metodologia coerente e mirata.
- Sii contestuale: Vuoi che le persone sappiano esattamente dove si trovano nel loro percorso utente. Non dovrebbero mai sentirsi persi o sopraffatti. Il tuo design è lì per guidarli nel loro viaggio.
- Sii umano: A nessun utente piace sentirsi come se stesse interagendo con una macchina. Otterrai la fiducia dell'utente finale se mostri loro la personalità e l'accessibilità del tuo marchio.
- Essere rintracciabile: Gli utenti non vogliono perdere tempo. Con un design UX di successo, il tuo lavoro sarà facile da trovare e navigare.
- Essere facile: Essere coerenti e diretti farà molta strada con i tuoi utenti. Costruisci relazioni con i tuoi utenti fornendo loro esperienze divertenti e facili.
- Sii semplice: Nessuna lanugine, tangenti o descrizioni inutili. Arriva al punto. Siamo onesti qui … in questi giorni, tutti hanno un breve periodo di attenzione.
Prodotti UX
Una volta completato un progetto UX, il progettista e il team presenteranno un elenco di risultati da rivedere a un cliente o a un team interno. Devono mostrare il loro processo e ottenere il buy-in per le loro idee.
1. Ricerca dell'utente
I bisogni, le tendenze e le motivazioni degli utenti possono essere determinati attraverso diversi tipi di ricerca degli utenti. Ciò potrebbe includere dati quantitativi e qualitativi dalle sessioni di test degli utenti e dai focus group. Potrebbe fornire informazioni dettagliate sui flussi di iscrizione, sul processo di onboarding e sulle richieste del servizio clienti.
L'obiettivo è quello di avere un'analisi dettagliata di ciò che funziona sia sul sito sia di ciò che potrebbe essere migliorato – e di avere tutto ciò supportato dalle informazioni raccolte dagli utenti. I ricercatori possono creare persone acquirente basate su dati di utenti reali per aiutarli a determinare con precisione chi utilizzerà il proprio dispositivo, sito Web o app. Attraverso la ricerca degli utenti, i progettisti comprendono e si immedesimano con l'utente.
2. Valutazione della concorrenza
Valutare i punti di forza e di debolezza dei tuoi concorrenti è un modo per migliorare la tua strategia UX. Un ottimo modo per farlo è quello di creare un rapporto di analisi competitiva che descriva in dettaglio il design dell'interazione dei concorrenti e fornisca un'analisi di dove si vedono insidie e opportunità mancate – le cose che la tua azienda può sfruttare.
3. Progettazione di interazioni
Un deliverable design di interazione potrebbe presentarsi sotto forma di un prototipo in modo che le persone possano rivedere come si verificherebbero le interazioni con il sito, mostrando come le persone completerebbero attività chiave, ottenere informazioni, utilizzare un prodotto, il flusso di ricerca di informazioni e quanto facile il prodotto è da usare. Volete che il vostro prototipo sia il più simile possibile al prodotto finale, in modo da poter ottenere l'approvazione del progetto prima di iniziare a costruirlo.
4. Architettura dell'informazione
L'IA è il processo di acquisizione e organizzazione delle informazioni in un modo che è facile da capire. Per i siti Web di grandi dimensioni, questo è particolarmente importante, poiché è necessario comprendere quali contenuti esistono e come organizzarli in modo sensato per i visitatori. Il risultato potrebbe essere un inventario dei contenuti, una sitemap con navigazione suggerita o flussi di esempio di utenti che rivelano come i visitatori si spostano attraverso un sito.
Fonte: Blog di Adobe
Cos'è il design dell'interfaccia utente?
Ricorda quando Apple ha svelato il suo ghiera cliccabile per l'iPod? Quando è stata introdotta, la funzionalità era intuitiva e altamente funzionale, per non parlare dell'aspetto accattivante.
Questo è un ottimo esempio di interfaccia utente (UI) di successo. L'interfaccia utente si riferisce al modo in cui le persone interagiscono con computer, macchine, siti Web, app, dispositivi indossabili e altri programmi o dispositivi. La progettazione dell'interfaccia utente è il processo per rendere queste cose il più facili da usare ed efficienti possibile.
UI vs. UX Design
UX si riferisce al viaggio dell'utente attraverso un'applicazione o un processo. I progettisti di UX si concentrano sulla forma e sulla funzione complessive di un prodotto o di una tecnologia. L'interfaccia utente si concentra sull'aspetto e sul funzionamento delle superfici di un prodotto. I progettisti dell'interfaccia utente lavorano con gli elementi tangibili e visibili del processo.
Elementi comuni dell'interfaccia utente
Sebbene UX e UI abbiano definizioni simili, è importante notare le differenze chiave che separano i due argomenti. Ancora una volta, l'interfaccia utente si concentra sull'aspetto e sulle superfici di un prodotto, mentre la UX è più interessata al modo in cui le persone interagiscono con un sito. Ecco alcuni termini comuni dell'interfaccia utente che dovresti conoscere per capire meglio come si differenziano i due:
- Componenti informative: I progettisti dell'interfaccia utente utilizzano componenti informativi per migliorare l'esperienza di lettura o fornire maggiori informazioni. Esempi di componenti informativi sono barre di avanzamento, notifiche e finestre di messaggio. I designer li usano quando vogliono chiarire all'utente di aver completato un'attività o se vogliono avvisare l'utente che è necessaria un'azione da parte loro.
- Navigazione breadcrumb: Questo è uno strumento di progettazione spesso utilizzato dai progettisti dell'interfaccia utente per aumentare visivamente l'usabilità di un sito Web. Permette agli utenti di vedere la loro posizione su un sito in una struttura gerarchica. Non ha bisogno di avere caratteristiche visive speciali o un design esagerato: dovrebbe semplicemente indicare chiaramente dove si trova una persona in un sito. Potresti aver notato questi collegamenti nella parte superiore di una pagina web durante lo shopping online o su un altro sito.
- Controlli di input: I controlli di input offrono agli individui più opzioni in risposta a una domanda che stai ponendo. Queste sono cose come caselle di controllo, elenchi a discesa e opzioni. Mantieni le informazioni che stai chiedendo nei controlli di input semplici e mirate in modo che sia facile trovare ciò di cui l'utente ha bisogno.
Fonte: UX Planet
Ricerca sull'esperienza utente
Senza la ricerca, tutto questo concentrarsi su ciò che l'utente ha bisogno e desidera sarebbe impossibile. La ricerca sulla UX è l'indagine degli utenti e di cosa hanno bisogno, che informa il processo di progettazione della UX. Le aziende e i progettisti utilizzano questa ricerca per giungere a conclusioni specifiche su ciò che funziona per gli utenti e ciò che deve essere modificato. Esistono diversi modi in cui aziende e designer eseguono ricerche UX.
Test di usabilità
Il test di usabilità valuta il successo di un prodotto testandolo su utenti reali. Fornisce alle aziende un reale input su come gli individui utilizzano un prodotto o sistema e su come quel prodotto o sistema funziona per quell'utente. Esistono due metodi di prova principali.
Test di usabilità in corridoio è un modo rapido ed economico per aziende e ricercatori di ottenere informazioni da utenti che potrebbero non conoscere la tua azienda o i tuoi prodotti. Individui casuali utilizzano i prodotti e forniscono feedback sulla loro esperienza.
Test di usabilità remota consente alle aziende di effettuare ricerche con gli utenti nel loro ambiente naturale (come a casa o in ufficio). Questi test possono essere moderati in qualsiasi modo l'azienda scelga.
Strumenti di test di usabilità
Gli strumenti di test di usabilità consentono a ricercatori e progettisti di compilare feedback accurati dagli utenti e quindi di analizzare tali feedback per apportare modifiche basate sui dati. Se stai cercando uno strumento che ti aiuti a testare la facilità d'uso del tuo sito o prodotto, dai un'occhiata a queste opzioni:
- Crazy Egg: questo strumento consente alle aziende di vedere esattamente ciò su cui gli utenti fanno clic sul proprio sito Web. Crazy Egg registra anche esattamente da dove provengono i visitatori del sito, inclusa la posizione geografica e se sono stati indirizzati da un altro sito.
- Hotjar: questo strumento combina analisi e feedback per fornire una panoramica dei modi per migliorare l'esperienza dell'utente. Lo fanno attraverso l'uso di mappe di calore, tassi di visitatori, canalizzazioni di conversione e altro ancora.
Per ulteriori strumenti di test di usabilità da considerare, dai un'occhiata a questo post.
Come migliorare l'esperienza utente
Attraverso la ricerca e i test sopra menzionati, le esperienze degli utenti possono sempre essere migliorate. Alcuni dei modi più comuni per migliorare l'esperienza degli utenti include: adottare un approccio consultivo per migliorare l'esperienza, determinare gli inviti all'azione, implementare il web design reattivo, considerare la legge di Fitt (più su questo prossimo), evitare l'inserimento di dati schiacciante e altro ancora.
Utilizzo della legge di Fitt per migliorare la UX
La legge di Fitt è un modello predittivo che determina il tempo necessario a un utente specifico per spostare il mouse o il cursore su un'area di destinazione su un sito Web. Esistono diverse versioni della legge di Fitt, ma tutte ruotano attorno all'idea generale che "il tempo necessario per spostarsi su un obiettivo dipende dalla distanza da esso, ma si riferisce inversamente alle sue dimensioni". La legge di Fitt è ampiamente utilizzata in UX progettare per migliorare l'ergonomia oltre all'usabilità per gli utenti.
Ecco un esempio di questo al lavoro: hai visto la nuova Touch Bar sul MacBook Pro di Apple? Questo è un touchscreen sopra la tastiera che accelera l'esperienza dell'utente durante l'utilizzo di Google, la creazione di segnalibri per una pagina, la modifica della luminosità dello schermo, del volume e altro ancora. Le opzioni della Touch Bar cambiano a seconda della pagina che stai navigando sul tuo laptop, che si tratti di un'app, di un sito che stai visitando o anche solo delle tue impostazioni personali.
Con la Touch Bar, l'esperienza dell'utente è semplificata perché molte impostazioni di uso comune si trovano in un'unica posizione compatta. La legge di Fitt stabilisce quanto più lontano e più piccolo è un oggetto o un pulsante per un utente, tanto più difficile è per quell'utente fare clic su di esso. Ecco perché la Touch Bar è un ottimo esempio di come applicare la Legge di Fitt e applicarla con successo al tuo dispositivo per migliorare l'esperienza dell'utente.
UX Design Tools
Che tu stia effettuando ricerche, prototipando, wireframing, storyboard o creando grafica, ci sono più strumenti UX disponibili per assisterti durante il processo di progettazione. In realtà, ci sono così tanti strumenti sul mercato, alcuni gratuiti e altri che richiedono un canone di abbonamento, che può essere schiacciante per i designer che non sono sicuri di ciò di cui hanno bisogno. Per iniziare, ecco un elenco di alcuni strumenti popolari e preziosi da utilizzare nella tua progettazione di UX:
1. Adobe Fireworks
Adobe Fireworks CS6 offre ai web designer un modo per creare grafica per le loro pagine Web senza entrare nel codice o nei dettagli di progettazione. Ci sono alcuni motivi per cui i progettisti di UX usano Adobe Fireworks: lo strumento ha una precisione dei pixel impressionante, ha capacità di compressione delle immagini (JPEG, GIF, ecc.), Consente agli utenti di creare siti Web funzionali e creare vettori. Questa è un'ottima opzione soprattutto se hai già familiarità con altri programmi in Creative Cloud.
2. Adobe XD
Con Adobe XD, è possibile progettare siti Web e app mobili, nonché creare prototipi, wireframe e disegni vettoriali. Gli utenti possono condividere prototipi interattivi su più piattaforme, tra cui Windows, Mac, iOS e Android, quindi è perfetto per la collaborazione di gruppo.
3. Axure
Axure RP Pro è un altro ottimo strumento di progettazione UX, che è anche gratuito. Axure ha diverse funzionalità tra cui wireframing, prototipazione e documentazione. Può anche aiutarti a creare flussi di utenti e sitemap. Axure è perfetto per la creazione di applicazioni Web e desktop e offre agli utenti la possibilità di esportare facilmente in PDF o HTML per la revisione.
4. Adobe Illustrator e un'alternativa gratuita
Se stai cercando un'alternativa economica al software Adobe, come Adobe Illustrator (che viene utilizzato principalmente per creare grafica vettoriale), ti abbiamo trovato. Inkscape è noto per fare la maggior parte di ciò che fa Illustrator, ma gratuitamente. Questo software è open source e può essere utilizzato per creare grafica vettoriale impressionante. L'unico problema che potresti incontrare è il ritardo, in quanto alcuni utenti hanno segnalato che il programma è lento. Se sei parziale con Illustrator, va bene lo stesso.
5. Schizzo
Sketch è un software end-to-end con funzionalità specifiche tra cui l'editing non distruttivo (il che significa che Sketch non cambierà i pixel nella foto con cui stai lavorando), l'esportazione del codice, la precisione dei pixel, la prototipazione, l'editing vettoriale e altro ancora. Con Sketch, puoi riutilizzare e aggiornare facilmente i tuoi progetti.
6. Software per storyboard
Ti starai chiedendo perché avresti bisogno di uno storyboard nel design UX. È un ottimo modo per prevedere visivamente e rivedere il modo in cui un utente interagirebbe e sperimenterebbe un prodotto in un contesto più ampio. Sono disponibili diversi strumenti per storyboard, con diversi livelli di funzionalità e complessità.
Storyboarder è un'opzione software storyboard gratuita, che ha funzionalità di base create per i progettisti di tutti i livelli. Questo software consente agli utenti di creare rapidamente disegni e figure stilizzate per creare una trama o un'idea.
Un'altra opzione software per storyboard è Toon Boom Storyboard Pro. Combina disegno, animazione, controlli della fotocamera e numerose altre funzioni, il tutto per un canone annuale o mensile. Ha una gamma più ampia di funzionalità per storytelling più complesso e lavori di preparazione dettagliati. Entrambe le opzioni sono fantastiche per i designer che desiderano raccontare visivamente una storia attraverso il design dell'interfaccia.
Come diventare un designer UX
- Fai le tue ricerche
- Segui un corso di progettazione UX
- Richiedi uno stage di progettazione UX
- Crea il tuo portafoglio di design UX
Se ti piace progettare, fare ricerche, lavorare con altre persone in un ambiente frenetico e ascoltare le esperienze degli altri, una carriera nella progettazione di UX potrebbe fare al caso tuo. Come designer di UX, ti concentreresti sugli aspetti concettuali del design e creeresti esperienze migliori per gli utenti.
Ecco i passaggi da seguire per diventare un designer UX.
1. Fai le tue ricerche.
Questo passaggio può sembrare un dato di fatto, ma perseguire un percorso di carriera (o cambiare del tutto il tuo) è una grande mossa. Fai molte ricerche per assicurarti di voler essere un designer UX. Guide come questa ti aiuteranno a darti un'idea di cosa comporta il design UX. Puoi anche cercare articoli, podcast e libri "nella vita" per capire meglio come gli altri designer di UX trascorrono le loro giornate lavorative.
2. Segui un corso di progettazione UX.
Ci sono molti corsi di istruzione superiore disponibili in tutto il mondo, anche se in genere richiedono un curriculum di quattro anni per la progettazione come prerequisito.
Tuttavia, alcuni programmi consentono una maggiore flessibilità, come il programma universitario online Quinnipiac University in User Experience Design. Esistono anche programmi di certificazione UX per professionisti. Questi variano in termini di durata dell'impegno e livello di competenza al ricevimento del certificato.
3. Richiedi uno stage di progettazione UX.
Uno stage di progettazione UX è prezioso per alcuni motivi. In primo luogo, gli stage di progettazione UX colmano il divario tra istruzione ed esperienza di vita reale. I tirocini ti consentono di mettere in pratica ciò che hai imparato in classe (o online) mentre ricevi feedback utili da colleghi e colleghi.
In secondo luogo, i tirocini di progettazione UX ti consentono di creare un portfolio live di lavori di progettazione svolti per conto di una vera azienda. Mentre il lavoro dimostrativo è prezioso per dimostrare abilità e processo, è possibile riferire sull'impatto e sui risultati del lavoro completato durante il tirocinio.
Infine, i tirocini di progettazione UX introducono preziose relazioni con i tutor. I tutor di progettazione sono fondamentali per sviluppare le tue capacità, ricevere critiche costruttive ed espandere la tua rete: tre cose che possono aiutarti a realizzare il tuo lavoro di progettazione UX da sogno.
Per trovare uno stage di progettazione UX, inizia con siti come LinkedIn, The Muse, Glassdoor e AngelList, oltre a cercare semplicemente su Google. Puoi anche scegliere come target le aziende stesse: Apple, Google, Microsoft, Reddit, Adobe, Amazon e Salesforce offrono tutti programmi di stage di progettazione UX.
4. Crea il tuo portafoglio di design UX.
Una volta che sei pronto per iniziare a fare domanda per il lavoro UX dei tuoi sogni, avrai bisogno di un curriculum di spicco e di un portafoglio appariscente. Utilizza un sito come Dribble o Behance per mostrare il tuo lavoro o crea il tuo sito Web utilizzando uno strumento come SquareSpace.
Quando costruisci il tuo sito portfolio, tieni a mente questi suggerimenti:
Rendilo visivamente sbalorditivo.
La presentazione è tutto. Il tuo lavoro dovrebbe parlare da solo … mostra non dirlo! La scelta del colore, della tipografia e del layout gioca un ruolo qui.
Includi una pagina "informazioni".
I responsabili delle assunzioni e i recruiter vogliono conoscerti, come pensi al design, cosa ti ispira e cosa ti rende unico. Perché dovrebbero assumerti? Quale valore puoi aggiungere alla tua nuova potenziale compagnia e squadra?
Avere una navigazione e collegamenti chiari in tutto il sito del portfolio.
Riesci a immaginare che il responsabile delle assunzioni presso la tua azienda dei sogni abbia difficoltà a navigare nel sito portfolio di un designer UX? Awkward. Nella barra di navigazione, includi opzioni come: "portfolio", "about", "contact" e "resume" per evitare confusione.
Spiega il tuo processo personale di UX.
Il tuo futuro datore di lavoro vuole sapere come pensi. Includi informazioni che consentano al responsabile delle assunzioni di accedere ai tuoi processi di ricerca, brainstorming, wireframing, progettazione e prototipazione della tua UX.
Crea portafogli aggiuntivi per espandere la tua rete.
Utilizza altri strumenti per rendere disponibile il tuo lavoro su siti in cui i designer e coloro che desiderano assumere designer per trascorrere il proprio tempo. Behance e Dribble sono grandi siti di portfolio per persone in cerca di ispirazione, networking e nuove opportunità di carriera.
UX Design ti aiuta a crescere meglio
Che tu sia un graphic designer, un blogger, uno sviluppatore o qualcuno in un campo completamente diverso, il design di UX può aiutare te e la tua azienda a crescere. Un felice utente finale è la chiave del successo e senza una progettazione UX ben realizzata, ciò sarebbe impossibile da raggiungere.
Man mano che la tecnologia diventa più onnipresente nella nostra vita, il successo del design UX continuerà a creare transizioni senza soluzione di continuità tra gli individui, i loro dispositivi e le loro app. Il design di UX non è mai stato così importante, rendendolo un momento entusiasmante per entrare in campo e considerare i vantaggi per la tua attività.
Pubblicato originariamente il 9 agosto 2019 9:59:00, aggiornato il 09 agosto 2019