UX vs UI vs IA vs IxD : 4 termini confusi del design digitale definiti

Sep 11, 2017 – 5 min read

Un tempo, se dicevi la parola “design”, le probabilità erano oltremodo probabili che tu stessi parlando di design grafico. Ma al giorno d’oggi, il mondo digitale sta diventando sempre più complicato e stanno apparendo molte nuove posizioni lavorative, che portano alla confusione per le persone fuori o nuove nell’industria del design. Ecco una rapida panoramica sulle quattro diverse forme primarie di design per aiutarti a capire cosa significano.

immagine di: Netizen Experience

Come si trova su Wikipedia “User experience design (UXD, UED o XD) è il processo di aumentare la soddisfazione dell’utente migliorando l’usabilità, l’accessibilità e il piacere fornito nell’interazione tra l’utente e il prodotto. Il design dell’esperienza utente comprende il tradizionale design dell’interazione uomo-computer (HCI) e lo estende affrontando tutti gli aspetti di un prodotto o servizio come percepito dagli utenti.”

IlUX designer è la persona incaricata di creare la “logica” dei prodotti tramite wireframe e prototipi tramite software come Axure, JustInMind, Mockplus ecc. La comunicazione è una delle abilità critiche degli UX designer. Essi conducono anche ricerche, analisi competitive all’inizio così come test di usabilità e A/B test dopo che il progetto è stato lanciato. Gli UX designer si preoccupano principalmente di come si sente il prodotto. Se il tuo sito web o la tua app è difficile da usare, gli utenti saranno probabilmente frustrati e passeranno a qualcos’altro. Se hanno una grande esperienza, è più probabile che tornino e dicano ai loro amici quanto sia fantastica la tua app.

Deliverables: Wireframes, Prototipi, Storyboard, Sitemap, Specifiche scritte.

Strumenti del mestiere: Sketch, Axure, Mockplus, Fireworks, UXPin

UI Design (User Interface Design)

immagine di: julessdesign

L’autore e fondatore di Adaptive Path – una società di consulenza sull’esperienza dell’utente, Jesse James Garrett, definisce il design dell’interfaccia come la selezione dei giusti elementi dell’interfaccia – come testo, pulsanti, campi di testo, elenchi codificati a colori, ecc – per il compito che l’utente sta cercando di svolgere e organizzandoli sullo schermo in un modo che sarà facilmente compreso e usato facilmente. L’obiettivo è quello di rendere l’interazione dell’utente il più efficiente e semplice possibile.

Gli elementi dell’interfaccia includono, ma non sono limitati a:

Controlli di input: pulsanti, campi di testo, caselle di controllo, pulsanti radio, elenchi a discesa, caselle di elenco, toggle, campi data

Componenti di navigazione: breadcrumb, slider, campo di ricerca, paginazione, slider, tag, icone

Componenti informativi: tooltip, icone, barra di avanzamento, notifiche, caselle di messaggio, finestre modali

Contenitori: fisarmonica

Strumenti del mestiere: Photoshop, Sketch, Illustrator, Fireworks, InVision

IA (Information Architecture)

imgae by: ga-core.s3.amazonaws.com

L’architettura dell’informazione (IA) riguarda il modo in cui un sito web/app è strutturato e come il contenuto è organizzato. L’obiettivo è quello di aiutare gli utenti a trovare le informazioni e completare i compiti. “In altre parole, l’architettura dell’informazione è la creazione di una struttura per un sito web, un’applicazione o un altro progetto, che ci permette di capire dove siamo come utenti, e dove sono le informazioni che vogliamo in relazione alla nostra posizione. L’architettura dell’informazione si traduce nella creazione di mappe del sito, gerarchie, categorizzazioni, navigazione e metadati. Quando un content strategist comincia a separare i contenuti e a dividerli in categorie, sta praticando l’architettura dell’informazione. Quando un designer abbozza un menu di primo livello per aiutare gli utenti a capire dove si trovano in un sito, sta anche praticando l’architettura dell’informazione”- da uxbooth.com

Alcune qualifiche per l’IA:

1. Esperienza nella documentazione di proprietà digitali complesse (siti web, app mobili, prodotti e servizi di sistema)

2. Documentazione estremamente dettagliata, capacità di trovare discrepanze, crepe, ecc. nella complessa documentazione del sito

3. Competente con Axure, OmniGraffle, Keynote, così come Visio e qualsiasi altro programma direttamente collegato all’IA

4. Analizza le informazioni e le risorse disponibili per valutare l’approccio ottimale all’IA

Forte capacità di comunicazione (scritta e verbale), e capacità di presentare efficacemente al personale dell’agenzia e del cliente

5. Deve essere analitico, laborioso, creativo, curioso e interessato alle persone e alle idee

6. Deve essere sicuro di sé e motivato a iniziare da solo

IxD (Interaction Design)

Definizione di IxD: “Interaction Design (IxD) definisce la struttura e il comportamento dei sistemi interattivi. Gli Interaction Designers si sforzano di creare relazioni significative tra le persone e i prodotti e servizi che usano, dai computer ai dispositivi mobili agli elettrodomestici e oltre. Le nostre pratiche si stanno evolvendo con il mondo.”- da ixda.org

IxD designer sono le persone responsabili dei siti web/app che muovono elementi & di interazione. Se hai visto una bella animazione su un sito web o un’app, che ti ha fatto dire wow o che è davvero cool, questo è quello che fanno i motion designer.

La descrizione del lavoro di IxD designer a Google:

In un ruolo di Interaction Designer, affronterai compiti complessi e li trasformerai in progetti intuitivi, accessibili e facili da usare per miliardi di persone in tutto il mondo, dall’utente alle prime armi all’esperto sofisticato. Raggiungere questo obiettivo richiede la collaborazione con team di designer, ricercatori, ingegneri e product manager durante tutto il processo di progettazione, dalla creazione di flussi utente e wireframe alla costruzione di mockup e prototipi dell’interfaccia utente. In ogni fase, anticiperete ciò di cui hanno bisogno i nostri utenti, li sosterrete e vi assicurerete che il prodotto finale li sorprenda e li delizi.

Così, in poche parole, l’UX Design è come l’utente sente le app, l’UI Design è cosa, dove e come funzionano gli elementi sulle app, l’Information Architecture è come un’app è organizzata, e l’Interaction Design è come l’utente e l’app agiscono e reagiscono l’uno con l’altro.

In ultimo, ma non meno importante, i confini tra ciascuno di questi vari ruoli di design sono molto fluidi. L’IxD è abbastanza simile all’UX design nel suo approccio in quanto fa parte del ciclo di UX design, quindi in alcuni casi, questi ruoli possono avere molte sovrapposizioni.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato.