UX Design: una guida dettagliata. Cos'è UX e UI design: caratteristiche e differenze Cos'è ui ux design

Presentiamo un nuovo articolo della serie. In questa parte della serie prenderemo in considerazione la posizione di un progettista UX/UI, uno specialista responsabile di abbinare l'aspetto e la logica di un prodotto.

Progettista UX/UI- uno specialista che progetta interfacce utente.

Tipica giornata lavorativa include:

• lavorare su compiti prioritari (progettazione, disegno);
• comunicazione con il cliente;
• apportare modifiche.

Vantaggi e svantaggi

La professione attrae i designer con l'opportunità di rendere il mondo un posto migliore, nonché con le sue promesse e richieste nel mercato:

“Mi piace pensare che tu sia in grado di risolvere un problema per un vasto pubblico, o almeno di rendere più piacevole e interessante il processo di percezione dei contenuti. È interessante curiosare tra le persone e cercare di capire di cosa hanno veramente bisogno, per poi capire come implementarlo”.

“L'ambito è molto interessante perché le giuste decisioni di un designer possono semplificare e migliorare notevolmente la qualità della vita di un gruppo di persone per le quali si sta sviluppando un determinato prodotto o progetto. Puoi anche imparare molto sui diversi tipi di attività nel mondo, il che può essere utile per avviare un'attività in proprio e avere una visione più globale del mondo.

"Personalmente mi infastidiscono le app stupide, la posizione scomoda dei pulsanti negli ascensori, gli interni delle auto mal progettati: mi piace fare qualcosa che possa migliorare tutto questo. Questo mondo è così imperfetto (non la natura: lì tutto è perfetto ed equilibrato) che c’è sempre lavoro per un designer intelligente”.

“Ho studiato per diventare programmatore amministratore di sistema, ma è sempre stato interessante fare qualcosa in Photoshop. Prima non c’erano così tanti tutorial, videolezioni e articoli come adesso, quindi ho imparato la maggior parte delle funzioni e delle caratteristiche in modo casuale. Successivamente ho deciso di provare Illustrator, era molto più complicato di Photoshop, ma ottimo per creare vettori. Mi piace creare qualcosa di nuovo, qualcosa di utile e bello, mi piace migliorare e vedere il risultato raggiunto. Il campo del design ti permette di fare tutto questo. È anche interessante come cambiano le tendenze, appaiono nuovi programmi e funzionalità, devi sempre seguire tutto questo e svilupparti costantemente.”

“Mi piace il design UX/UI perché è una direzione molto promettente. Le tecnologie si stanno sviluppando molto rapidamente, alcune interfacce vengono sostituite da nuove e tutte devono essere progettate. Qui non puoi solo pensare se l'interfaccia è bella, ma anche quanto è comoda e quanto può risolvere il problema di una persona (o trovare rapidamente il bar giusto, o prenotare un biglietto per un concerto, o aiutare a preparare il tuo preferito piatto) . Le interfacce sono ovunque: dalle apparecchiature mediche alle automobili. Quando le auto volano, sarà necessario che qualcuno rifletta sull'interazione della propria interfaccia con una persona. E saremo noi, progettisti UX/UI."

Un altro vantaggio è la possibilità di lavorare da remoto (20% di tutti i designer), un'ampia selezione di progetti freelance.

Tra gli aspetti negativi I designer chiamano la loro professione comunicazione con i clienti che non sanno cosa vogliono, oltre ad essere sottovalutati dai colleghi IT:

“Nell’80-90% dei casi bisogna lavorare senza specifiche tecniche con requisiti del tipo: “Rendetelo mega-bello e mega-configurabile”.

“Considero l’atteggiamento nei confronti del design e dei designer in Ucraina uno svantaggio della professione. Per qualche ragione, tutti pensano che se una volta aperto Photoshop, potranno automaticamente diventare designer e decidere autonomamente quanto tempo dedicare al design. Manager e programmatori inesperti sono particolarmente colpevoli di questo (un manager alle prime armi ha affermato che potrebbe completare l'attività in 30 minuti in Paint, ma non ha tempo per la creatività)”.

“Gli svantaggi sono la mancanza di una formazione seria e la mancanza di comprensione dei processi e delle metodologie competenti sul mercato. Nell'outsourcing è impossibile tenere traccia dei risultati e aumentare le proprie migliori pratiche. Il prodotto è un po’ monotono per le persone mature e un completo caos per le startup.”

“Gli svantaggi - come in tutta l'IT - sono il lavoro sedentario, gli occhi dolorosi e talvolta un cliente che ha bisogno di rendere il bianco #ffffff ancora più bianco :)”

Come diventarlo e dove trasferirsi dopo

La prima e principale abilità dell'interfaccia utente è padroneggiare un editor grafico. Gli strumenti più popolari sono Adobe Photoshop, Sketch, Principle, Adobe Illustrator, After Effects. Per cominciare, puoi provare a ridisegnare gli screenshot di qualsiasi applicazione mobile o sito Web. Ma non limitarti a copiare (anche se devi essere in grado di farlo), ma nota qualche inconveniente e offri una soluzione su come farlo meglio.

È anche importante comprendere la teoria del colore, la tipografia, la composizione, l'ergonomia del sito Web (principi di usabilità dell'interfaccia), nonché le basi del marketing, dell'analisi aziendale e della psicologia. Per una comunicazione più efficace con gli sviluppatori saranno utili competenze di layout (HTML/CSS) e conoscenze di base di JavaScript e framework.

Puoi iniziare a studiare UX acquisendo familiarità con la metodologia leggendo libri di Nielsen Norman, Alan Cooper, Jeff Raskin, Steve Krug, Alistair Coburn. La letteratura più applicata è "The User Experience Team of One: A Research and Design Survival Guide" di Leah Buley.

“Nel mondo moderno ci sono molte opportunità di implementazione. Ho acquistato e continuo ad acquistare corsi online su piattaforme come Coursera, Udemy, Edx. Guardo conferenze online di Adobe, Google, leggo letteratura tecnica, analizzo il lavoro su Dribbble, Behance, Awwwards.

“Un progettista UX/UI deve studiare i classici dell’interfaccia utente: “Don’t Make Me Think” di Steve Krug, “The Design of Common Things” di Norman, leggi Luke Wroblewski. Devi esercitarti costantemente, metterti nei panni dell'utente. Trova un mentore che indichi gli errori, dia consigli e incoraggi la crescita.

Puoi iniziare la tua carriera lavorando come freelance su varie piattaforme in lingua inglese; ti sarà utile anche per mettere alla prova le tue abilità nei campionati, ad esempio Dev Challenge. Questo ti aiuterà a costruire il tuo portafoglio.

Abilità e competenze UX e UI ()

Le qualità personali importanti sono:

• perseveranza;
• perseveranza;
• pensiero creativo;
• perfezionismo;
• desiderio di apprendere e svilupparsi;
• capacità di ascoltare le critiche.

“Chi progetta interfacce è un ingegnere, deve avere un forte pensiero analitico, doti empatiche molto sviluppate e la capacità di penetrare nell’essenza delle cose. Naturalmente, ci sono anche abilità pratiche: padronanza di varie tecnologie e strumenti, ma questo, di regola, viene in secondo piano, una persona deve essere un ingegnere per natura; E non è difficile diventarlo se ci lavori duro, leggi libri e articoli sul design (composizione, scienza del colore, tipografia) e psicologia (devi capire come una persona fa le scelte e come funziona il suo cervello), vai a lezioni e laboratori e tanto da praticare".

Possibili percorsi professionali Progettista UX/UI:

• migliora come designer, aumenta la tua tariffa (se sei un libero professionista);
• padroneggiare aree correlate, sviluppandosi come designer di prodotto, designer VR, designer VFX, designer di giochi;
• crescere fino alla posizione di Art Director (Responsabile del design);
• sviluppare come se si volesse passare dalla progettazione alla gestione del prodotto in generale;
• diventa se sei interessato a coordinare le persone;
• fai se sei più interessato all'aspetto tecnico;
• padroneggiare la programmazione e diventare uno sviluppatore dell'interfaccia utente;
• mettiti alla prova nel marketing o .

“La tecnologia si sta sviluppando molto rapidamente e appare continuamente qualcosa di nuovo, ogni cosa richiede un design specifico, ha i propri requisiti e caratteristiche. E noi designer aiuteremo tutto a diventare migliore, più bello e più conveniente :)"

Ringrazio Yulia Bondarenko, Maxim Palivoda, Marina Popovichenko e altri 25 designer ucraini che hanno raccontato a DOU la loro posizione per il loro aiuto nella stesura dell'articolo. Le citazioni riportate nell'articolo sono tratte dalle loro storie.

Ci sono molte aree legate al design nel settore IT. I più comuni sono i designer, nascosti dietro gli acronimi UX e UI. Bene, alcune persone riescono persino a includere sviluppatori front-end come designer. Proviamo a capire chi sono i designer nel mondo IT, qual è la differenza tra UI e UX e quale rapporto hanno gli ingegneri front-end con la progettazione.

Designer

Lo sviluppo dell'interfaccia di applicazioni, siti Web o giochi è un processo piuttosto complesso e richiede l'applicazione di conoscenze provenienti da diversi campi: ingegneria, psicologia e design. I progettisti dell'interfaccia utente (UI) si concentrano sul modo in cui viene visualizzata la funzionalità di un sito (ricerca, schede, menu) e sui dettagli di come interagiscono il client e l'interfaccia. L'obiettivo del progettista dell'interfaccia utente è un design di prodotto moderno esteticamente accettabile. UX sta per User Experience, che significa “esperienza utente”. Un progettista UX è più concentrato sull'usabilità e sulla comprensione dell'interfaccia da parte del potenziale utente. Uno specialista di questo tipo condurrà spesso ricerche e sondaggi che costituiranno la base per la creazione di un concetto di design e testerà anche i concetti durante e dopo lo sviluppo. In genere si concentra sulla struttura, sul contenuto, sulla navigazione e sul modo in cui l'utente interagisce con questi elementi.

Produce mappe del sito, prototipi, che costituiscono la struttura di base durante la creazione di software. L'obiettivo del lavoro di un progettista UX è che l'utente ottenga rapidamente e indolore dal sito ciò per cui è venuto qui. Tuttavia oggi è molto comune vedere queste due specializzazioni scritte con una barra. Cioè, i compiti di entrambe le direzioni vengono eseguiti da uno specialista. Un progettista UX/UI progetta l'interazione dell'utente con l'interfaccia, decide esattamente cosa deve fare ed è responsabile dell'aspetto finale di questa interfaccia.

Cosa deve sapere un progettista UX/UI

Redattore grafico. Gli strumenti più popolari sul mercato sono Adobe Photoshop, Adobe Illustrator, nonché Sketch, Figma. Scegli un editor adatto a te e prova prima a disegnare screenshot di un sito Web o di un'applicazione, modernizzandoli un po '.

Strumenti di prototipazione (Mockplus, Axure). Uno strumento di prototipazione è il collegamento tra un'idea e la sua implementazione. Non importa quale strumento usi. Puoi provarne diversi e decidere quello che si adatta al tuo stile e alle tue preferenze.

Psicologia dell'utente. Già in fase di progettazione, dovresti pensare se sarà conveniente per te o per qualcun altro utilizzare questa interfaccia. Mettiti nei panni del cliente, costruisci una forte connessione con lui e sii attento alle sue esigenze. Dopotutto, un prodotto avrà successo se c’è domanda.

Avrai anche bisogno di conoscenza teoria dei colori. Sappiamo alcune cose fin dall'infanzia, soprattutto chi ha frequentato la scuola d'arte. Tuttavia, ci sono alcune specificità riguardo al lavoro dei designer. Le conoscenze di base possono essere ottenute da libri o articoli su Internet.

È consigliabile avere un'idea in merito tipografia, un mezzo per combinare testo e componenti visive.

Composizione e usabilità del sito.

A seconda delle specifiche del lavoro, potrebbe essere necessaria una conoscenza di HTML e CSS o (alcuni) linguaggi di programmazione (i collegamenti alle risorse possono essere trovati di seguito, nella sezione "Cosa dovrebbe sapere uno sviluppatore front-end").

Sviluppatore Front End

Il compito principale di uno sviluppatore front-end è sviluppare la parte client dell'interfaccia. Cioè, un tale specialista “rivitalizza” ciò che i progettisti hanno progettato. È responsabile del funzionamento e del funzionamento dell'interfaccia e meno del contenuto visivo. Uno sviluppatore front-end spesso ha bisogno di trovare una buona soluzione per l'interfaccia utente durante la fase di sviluppo, quindi collabora spesso con un progettista UX/UI. Il codice scritto dallo sviluppatore front-end viene eseguito nel browser dell'utente (come si suol dire, "lato client"). Inoltre, uno dei compiti più importanti è garantire che il sito o l'applicazione web abbiano lo stesso aspetto su tutte le piattaforme e tutti i browser.

Cosa dovrebbe sapere uno sviluppatore front-end

Di norma il front-end si basa su tre pilastri: il linguaggio di markup della pagina HTML, i fogli di stile CSS e il linguaggio di programmazione JavaScript. Inoltre, lo sviluppatore front-end deve comprendere i principi di funzionamento del protocollo HTTP, dei server e dei browser e le caratteristiche di visualizzazione dell'interfaccia su vari dispositivi attualmente sul mercato. Strumenti e metodi per creare interfacce web sono in continua evoluzione e cambiamento, quindi lo sviluppatore deve monitorarlo costantemente.

HTML e CSS (layout)

Questo è il layout, gli stessi mattoni da cui è costruito il sito. Il linguaggio di markup HTML determina l'organizzazione del sito, il contenuto e tutte le interazioni tra di essi. Ti consente di designare la parte superiore della pagina, la parte inferiore, i blocchi laterali con contenuti, intestazioni, visualizzazione di testo ed elementi multimediali. I fogli di stile CSS vengono utilizzati per decorare gli elementi HTML. Determinano esattamente come viene visualizzato ciascun elemento grafico che si trova sulla pagina. Utilizzando le ultime versioni di HTML5 e CSS3, puoi inserire componenti video e audio nella pagina, creare immagini e animazioni 2D e persino scrivere semplici giochi. Non è necessario cercare di ricordare tutti i tag e gli stili contemporaneamente. Sarà utile apprendere le nozioni di base e metterle subito in pratica. Un ottimo sito dove puoi imparare le basi di HTML e CSS - W3School. Ma solo se hai almeno una conoscenza base dell'inglese. Inoltre, lo sviluppatore front-end deve comprendere lo sviluppo multibrowser e multipiattaforma, il layout adattivo e reattivo.

Bootstrap

È un framework per HTML, CSS e JavaScript. Cioè, alcuni modelli dai quali, come da un costruttore, puoi assemblare siti molto più velocemente che senza di essi. Ma, ovviamente, devi personalizzarlo in base alle tue esigenze. Se conosci l'inglese, ti consigliamo il sito getbootstrap e le stesse w3schools.

JavaScript

Javascript è il nucleo dello sviluppo front-end. Questo è il primo e più diffuso linguaggio di programmazione dell'interfaccia. Può aggiungere molte funzionalità al sito. A livello base, questo linguaggio ti consente di aggiungere elementi interattivi a una pagina. Viene utilizzato per creare mappe che si aggiornano in tempo reale, giochi online interattivi e film. Nei nostri corsi JavaRush senior impariamo un po' di JavaScript. Puoi anche studiarlo nella stessa W3School o leggerlo in russo sul sito javascript.ru.

jQuery

jQuery è una libreria Javascript che contiene plugin ed estensioni in grado di rendere lo sviluppo ancora più semplice e veloce. Invece di scrivere codice da zero, le librerie consentono di aggiungere componenti già pronti, che possono poi essere personalizzati per un progetto specifico. È possibile utilizzare le funzioni di compilazione automatica dei moduli di ricerca, riorganizzazione e ridimensionamento della griglia e impostazione dei timer per il conto alla rovescia. Corso pratico su jQuery presso w3school

Framework Javascript

Esistono diversi tipi di framework, ma puoi sceglierne uno conveniente per te da utilizzare. I più famosi sono Angular, Backbone, Ember e React. Rappresentano una struttura già pronta per il codice. Aiutano ad accelerare lo sviluppo. E in combinazione con le librerie possono ridurre al minimo lo sviluppo di un sito Web o di un'applicazione da zero. Revisione dei 5 framework e librerie JavaScript più popolari del 2017

Sistema di controllo della versione Git

I sistemi di controllo della versione possono tenere traccia delle modifiche apportate al codice nel tempo. Consentono inoltre di tornare a una versione precedente del progetto. Git è il sistema di controllo della versione più utilizzato. Sapere come lavorare con Git è un'abilità importante per ogni sviluppatore.

Brevi conclusioni

UI sta per User Interface, che significa “interfaccia utente”. Questo è, Progettista dell'interfaccia utenteè il principale responsabile del modo in cui il prodotto viene presentato all'utente. Sviluppa pulsanti, icone, seleziona i caratteri e prepara un layout. UX sta per Esperienza utente. COSÌ Progettista di UX progetta il design di un sito Web, di un'applicazione - o di qualsiasi cosa - in modo che l'utente sia a suo agio e comprenda cosa è cosa e possa ottenere dal sito ciò di cui ha bisogno con il minimo sforzo. Molto spesso, entrambi i tipi di lavoro vengono eseguiti da un'unica orchestra: un progettista UI/UX. Lo sviluppatore front-end ravviva il lavoro dei designer, introducendovi dinamiche: i pulsanti iniziano a essere premuti e l'immagine inizia a cambiare. Deve conoscere linguaggi di programmazione, conditi di framework, preprocessori e librerie.

Design è un termine piuttosto ampio e vago. Quando qualcuno dice: “Sono un designer”, non è immediatamente chiaro cosa faccia quotidianamente. Esistono diversi settori che rientrano in questo concetto.

I lavori legati al design esistono in una varietà di campi, dal design industriale (automobilistico, mobili), stampa (riviste e altre pubblicazioni), al web design (siti web, applicazioni mobili). Con il recente afflusso di aziende high-tech focalizzate sulla creazione di interfacce per schermi, c’è molto nuovo lavoro nel design. La posizione di un progettista UX o UI può essere incomprensibile non solo ai profani, ma anche agli stessi designer che provengono da altri settori.

“Non esiste una risposta giusta a questa domanda.”

Proviamo a capire cosa significa effettivamente questo nel settore IT.

Progettista di UX

I progettisti UX si preoccupano principalmente di come il prodotto interagisce con l'utente. Non esiste un’unica risposta corretta a questa domanda. I progettisti UX esplorano diversi approcci per risolvere un problema specifico dell'utente. Il compito principale di un progettista UX è assicurarsi che il prodotto scorra logicamente da un passaggio a quello successivo. Un modo in cui un progettista UX può scoprirlo è condurre test utente di persona e trarre conclusioni dai loro sentimenti. Identificando gli ostacoli verbali e non verbali, si adatta e itera, creando così un'esperienza "migliore" per l'utente. Un esempio potrebbe essere la creazione di un'esperienza di onboarding straordinaria per un nuovo utente.

“Definisci modelli di interazione, flusso di attività dell'utente e specifiche dell'interfaccia. Sviluppare script, interazioni end-to-end, modelli di interazione, sviluppo di interfacce utente grafiche. Lavorare con il nostro direttore creativo e grafico per unire il lato visivo di Twitter con le sue caratteristiche funzionali. Sviluppa e mantieni wireframe, modelli e specifiche come richiesto.

Esempio di schermata di un'applicazione progettata da un progettista UX
Fonte: Kitchenware Pro Kit Wireframe di Neway Lau su Dribbble.

Compito: Wireframe dello schermo, storyboard, planimetria del sito

Utensili: Photoshop, Schizzo, Illustrator, Fuochi d'artificio, InVision

Molto probabilmente lo hai sentito dire: “ L'utente dovrebbe vedere la pagina "Grazie" una volta completata la registrazione.

Progettista dell'interfaccia utente

A differenza dei progettisti UX, che si preoccupano dell'esperienza complessiva del prodotto, i progettisti dell'interfaccia utente si preoccupano di che aspetto ha il prodotto?. Sono responsabili della progettazione di ogni schermata o pagina con cui l'utente interagisce e della fornitura della parte visiva dell'interfaccia utente progettata dal progettista UX. Ad esempio, un progettista dell'interfaccia utente, quando crea una dashboard di analisi, può portare in primo piano le informazioni più importanti o decidere se uno slider o un pannello di controllo è il modo più intuitivo da aggiungere a un grafico. Il progettista dell'interfaccia utente è solitamente anche responsabile della creazione di una guida alla progettazione completa, che garantisce un linguaggio di progettazione coerente che si estende all'intero prodotto. Mantenere la coerenza negli elementi visivi e determinare in quale direzione lavorare. Ad esempio, il modo in cui visualizzare errori o avvisi rientra nell'ambito di progettazione dell'interfaccia utente.

“L'ideazione e l'implementazione del linguaggio visivo di Airbnb.com. Creazione di una guida di stile estesa."

I confini tra UI e UX designer sono piuttosto sfumati e molto spesso le aziende scelgono di combinare questi ruoli.

Il progettista dell'interfaccia utente determina l'aspetto generale e l'aspetto dell'applicazione.
Fonte: Metro Style Interface 4 di Ionut Zamfir su Dribbble.

Utensili: Photoshop, Schizzo, Illustrator, Fuochi d'artificio

"I campi 'login' e 'registrati' dovrebbero essere spostati nell'angolo in alto a destra."

Grafico

"I grafici si concentrano sui piccoli dettagli a cui gli altri non prestano attenzione."

Un graphic designer è qualcuno che fa grafica, che è ciò che un non designer probabilmente ti direbbe se gli chiedessi cosa fa un designer. Ai graphic designer non interessa come gli schermi si relazionano tra loro, né come qualcuno interagisce con un prodotto. Invece, il loro obiettivo è progettare bellissime icone, controlli ed elementi visivi e creare un design adatto. I grafici lavorano su piccoli dettagli che gli altri non vedono e spesso lavorano in Photoshop con zoom 4x e 8x.

"Produci progetti visivi di alta qualità dall'ideazione all'esecuzione, inclusi desktop, web e dispositivi mobili a più risoluzioni (icone, grafica e materiali di marketing). Creare e iterare risorse che riflettano il marchio, rendano bello il prodotto e gli diano vita”.

Inoltre, i progettisti dell'interfaccia utente spesso devono non solo svolgere il proprio lavoro, ma anche creare un layout perfetto al pixel. Alcune aziende scelgono di non avere una persona dedicata nel ruolo di grafico.

Un grafico progetta, dirige e regola ogni pixel per garantire il risultato finale perfetto.
Fonte: Guida IOS 7 Freebie PSD di Seevi kargwal su Dribbble.

Utensili: Photoshop, schizzo

Molto probabilmente lo hai sentito dire:"Riduci la crenatura e sposta il pulsante di 1 pixel a sinistra!"

Progettista del movimento

Ricordi il movimento sottile quando trascini lo schermo per aggiornare la posta elettronica sul tuo iPhone? Questo è il lavoro di un motion designer. A differenza dei grafici, che in genere lavorano con oggetti statici, i motion designer creano animazioni all'interno dell'applicazione. Si occupano cosa fa l'interfaccia dopo che l'utente la tocca. Ad esempio, decidono come dovrebbe scorrere il menu, quali effetti utilizzare per le transizioni e come verrà premuto il pulsante. Se eseguito bene, il movimento diventa parte integrante dell'interfaccia, fornendo indicazioni visive su come utilizzare il prodotto.

“Sono richieste la conoscenza del design grafico, del motion design, dell'arte digitale, il senso del colore e della tipografia, una consapevolezza generale di materiali/trame e una comprensione pratica dell'animazione. Conoscenza dei firmware iOS, OS X, Photoshop e Illustrator, nonché familiarità con Director (o equivalente), Quartz Composer (o equivalente), modellazione computerizzata 3D, grafica animata.

Utensili: AfterEffects, Core Composer, Flash, Origami

Molto probabilmente lo hai sentito dire:"Il menu dovrebbe apparire a sinistra dopo 800 ms."

Ricercatore UX

Un ricercatore UX sa tutto sulle esigenze degli utenti.

Un ricercatore UX sa tutto sulle esigenze degli utenti. L’obiettivo del ricercatore è rispondere a due domande principali: “Chi sono i nostri utenti?” e "Cosa vogliono i nostri utenti?" Di norma si tratta di sondaggi tra gli utenti, ricerche di mercato e analisi dei dati. Il design è un processo di iterazione costante. I ricercatori possono aiutare in questo processo conducendo test A/B per scoprire quale opzione di progettazione soddisfa meglio le esigenze degli utenti. I ricercatori UX tendono ad essere il pilastro delle grandi aziende, dove l’accesso a grandi quantità di dati offre loro ampie opportunità di trarre conclusioni statisticamente significative.

“Lavorare a stretto contatto con i team di sviluppo per identificare gli argomenti di ricerca. Progettazione della ricerca relativa sia alle azioni dell'utente che alle percezioni dell'utente. Condurre ricerche utilizzando e applicando una varietà di metodi come i sondaggi.

Il design è un concetto piuttosto ampio e vago. Quando qualcuno parla? “Sono un designer”, non è subito chiaro cosa faccia effettivamente ogni giorno. Ci sono diversi campi che rientrano sotto l’egida del design.

Le professioni legate al design esistono in vari campi: dal design industriale (design di automobili e mobili, ecc.), al design della stampa (riviste e altre pubblicazioni stampate) al web design (siti web, applicazioni mobili).

Tuttavia, recentemente sono emerse molte nuove professioni di progettazione, focalizzate sullo sviluppo di interfacce per diversi tipi di schermi. I lavori intitolati UX o UI designer sono incomprensibili ai non iniziati e spesso anche agli stessi designer di altri campi.

Cerchiamo di capire cosa significa ciascuno di questi termini.

Progettista UX (progettista ESPERIENZA UTENTE)

Un progettista UX si concentra principalmente su come il prodotto “si sente” e viene percepito dall'utente. Il compito assegnato al progettista non ha una risposta corretta. I progettisti UX provano approcci diversi per risolvere un problema specifico dell'utente. L'ampio elenco di responsabilità di un progettista UX include assicurarsi che il prodotto sposti costantemente il cliente da una fase a quella successiva. Un modo per raggiungere questo obiettivo è condurre test diretti con un utente reale per poter osservare il suo comportamento. Identificando le barriere verbali e non verbali, i progettisti UX migliorano il prodotto e arrivano costantemente a creare la migliore opzione per l'interazione dell'utente con il prodotto. La versione di prova è necessaria per garantire l'utilizzo più conveniente del prodotto.

Un esempio della descrizione del lavoro di un experience designer su Twitter:

“Definisci modelli di interazione, flussi di attività degli utenti e specifiche dell'interfaccia utente. Presentare vari scenari per lo sviluppo di eventi, descrivere il processo di utilizzo e i modelli di interazione dall'inizio alla fine e dimostrare esempi alle parti interessate. Collabora con il nostro direttore creativo e i designer visivi per unificare l'identità visiva e le funzionalità della firma di Twitter. Sviluppare o mantenere progetti, modelli e standard secondo necessità."

Risultati del lavoro: layout di immagini su schermi, storyboard, planimetria del sito.

Strumenti: Photoshop, Sketch, Illustrator, Fuochi d'artificio, InVision

Progettista dell'interfaccia utente (progettista dell'INTERFACCIA UTENTE)

A differenza dei progettisti UX, che sono responsabili dell'esperienza complessiva di un prodotto, il lavoro di un progettista dell'interfaccia utente ruota attorno al modo in cui il prodotto è progettato. Questi specialisti sono responsabili della progettazione di ogni pagina o schermata con cui l'utente interagisce e devono garantire che l'interfaccia utente corrisponda visivamente al percorso tracciato dal progettista UX. Ad esempio, un progettista dell'interfaccia utente che crea un dashboard di analisi può presentare i contenuti più importanti nella parte superiore della pagina o decidere che uno slider o un pulsante di controllo è più appropriato per la percezione dell'utente riguardo alla regolazione del grafico.

In genere, il progettista dell'interfaccia utente è anche responsabile della creazione di uno stile coerente e deve garantire che il linguaggio di progettazione appropriato venga applicato in tutto il prodotto.

Mantenere la coerenza tra tutti gli elementi visivi e definire il comportamento (ad esempio come visualizzare errori o avvisi) rientra nelle competenze di un progettista dell'interfaccia utente.

Il confine tra queste due professioni è piuttosto labile e spesso le aziende assumono una persona per queste due posizioni.

Strumenti: Photoshop, Sketch, Illustrator, Fuochi d'artificio

Visual designer (grafico)

Un visual designer è qualcuno che si occupa di grafica. Se chiedi a qualcuno che non progetta cosa sia un designer, la prima persona che probabilmente ti viene in mente è un graphic designer. I grafici non hanno nulla a che fare con il modo in cui gli schermi comunicano tra loro o con il modo in cui qualcuno interagisce con un prodotto. Si concentrano invece sulla creazione di bellissime icone, controlli e altri elementi visivi e sulla scelta dei caratteri appropriati. I grafici lavorano sui piccoli dettagli a cui gli altri non prestano attenzione e spesso lavorano in Photoshop a 4X o 8X.

È anche abbastanza comune che i progettisti dell'interfaccia utente svolgano il doppio compito e creino la versione finale degli elementi dell'immagine. Alcune aziende decidono di non assumere un grafico separato.

Strumenti: Photoshop, Schizzo

Designer interattivo (designer del movimento)

Ricordi quell'animazione quasi impercettibile che rimbalza quando aggiorni la posta sul tuo iPhone? Questo è il lavoro di un motion designer. A differenza dei grafici, che lavorano con elementi statici, i motion designer creano animazioni all'interno delle applicazioni. Si occupano di ciò che fa l'interfaccia dopo che l'utente la tocca. Ad esempio, decidono come espandere i menu, quali effetti di transizione utilizzare e come deve rispondere un determinato pulsante. Un motion design ben eseguito diventa parte integrante dell'interfaccia, offrendo spunti visivi su come utilizzare il prodotto.

Descrizione del lavoro di Motion Designer presso Apple:

“Altamente qualificato in graphic design, motion graphics, conoscenza dell'arte digitale, buona percezione di caratteri e colori, attenzione generale a materiali e trame, nonché comprensione pratica dell'animazione. Conoscenza di iOS, OS X, Photoshop e Illustrator, anche familiarità con Director (o equivalente), Quartz Composer (o equivalente), modellazione 3D, motion graphics"

Strumenti: AfterEffects, Core Composer, Flash, Origami

Ricercatore UX (Ricercatore utente)

L’obiettivo di un ricercatore UX è rispondere a due domande: “Chi è il nostro cliente?” e “Cosa vuole il nostro consumatore?” In genere, le responsabilità di un ricercatore includono la conduzione di interviste agli utenti, la ricerca di dati di marketing e in generale la raccolta di analisi. Il design è un processo di miglioramento continuo. Un ricercatore può aiutare in questo processo conducendo test A/B per identificare quale soluzione di design soddisfa meglio le esigenze dei consumatori. Un ricercatore UX è solitamente un pilastro delle grandi aziende, dove l’accesso a un’enorme quantità di informazioni gli dà potere sufficiente per giungere a conclusioni significative.

Descrizione del lavoro del ricercatore UX di Facebook:

“Lavorare a stretto contatto con i team di prodotto per identificare gli argomenti di ricerca. Condurre ricerche che affrontino contemporaneamente sia il comportamento dei consumatori che le opinioni dei consumatori. Condurre ricerche utilizzando un’ampia gamma di metodi qualitativi e quantitativi, come i sondaggi”.

I progettisti UX servono periodicamente come ricercatori UX.

Risultati del lavoro: profilo utente, risultati dei test A/B, ricerche/interviste comportamentali sugli utenti.

Strumenti: microfono, carte, documenti

Sviluppatore front-end (sviluppatore dell'interfaccia utente)

Gli sviluppatori esterni sono responsabili dell'implementazione funzionale dell'interfaccia del prodotto. In genere, un progettista dell'interfaccia utente passa un modello statico a uno sviluppatore esterno, che poi lo trasforma in un prodotto funzionante e interattivo. Gli sviluppatori esterni sono anche responsabili della codifica e del layout della grafica interattiva creata dal motion designer.

Strumenti: CSS, HTML, JavaScript

Progettista di prodotto

Designer di prodotto è un termine onnicomprensivo per descrivere un designer che è generalmente coinvolto nel processo di creazione dell'immagine e della percezione di un prodotto.

Il ruolo del product designer non è molto ben definito e varia da azienda ad azienda. Un progettista di prodotto può eseguire una codifica minima, condurre ricerche sugli utenti, creare interfacce o creare elementi visivi. Dall'inizio alla fine, un progettista di prodotto aiuta a identificare il problema iniziale, a stabilire alcuni criteri per risolverlo e quindi a creare, testare e perfezionare varie soluzioni. Alcune aziende che desiderano lavorare in una collaborazione più “fluida” specificano questo particolare posto vacante durante la ricerca di un candidato, al fine di creare infine un team di designer diversi e lavorare sulla percezione del prodotto da parte degli utenti, condurre ricerche sugli utenti e creare elementi visivi.

Alcune aziende utilizzano "UX designer" o semplicemente "designer" come termine generico. Leggere la descrizione del lavoro è il modo migliore per capire quale sarà la tua competenza.

Descrizione del lavoro di Product Designer per Pinterest

“Competenza in tutte le aree del design: interazione, parte visiva, lavoro con il prodotto, layout. Creazione di modelli per gli elementi dell'immagine e il loro layout."

Alla ricerca di un progettista

La frase più comune che sento dalle giovani startup. Di solito cercano qualcuno che possa fare tutto quanto sopra. Stanno cercando qualcuno che possa creare bellissime icone, creare pagine di destinazione, eseguire test A/B, posizionare gli elementi dell'interfaccia utente in modo logico sullo schermo e possa persino svolgere alcuni dei compiti di uno sviluppatore front-end. A causa della natura generale di questa posizione, sentiamo spesso che un'azienda vuole assumere solo un "designer" senza approfondire i dettagli e le specificità di questa professione.

I confini tra ciascuna di queste tendenze del design sono molto sfumati. Si prevede che alcuni progettisti UX lavoreranno anche sull'interazione con il consumatore e alcuni progettisti UI lavoreranno anche sulla grafica. Il modo migliore per trovare un designer è descrivere in dettaglio cosa ti aspetti da lui come parte del lavoro per la tua azienda e scegliere un titolo professionale che rifletta più chiaramente le responsabilità del designer.

Alla domanda su quale sia la differenza tra un progettista UX e un progettista dell'interfaccia utente, alle persone piace rispondere negativamente. Sai, un tale espediente letterario. Come "La UX non riguarda l'interfaccia, non riguarda il design grafico, non è usabilità, non è analisi, non è un prototipo". Oggi mostreremo brevemente la differenza, racconteremo la storia della comparsa dei termini e spiegheremo perché i due concetti, anche dopo così tanti anni, vengono così volentieri fusi in uno solo: UX/UI.

Brevemente sulla differenza

Un progettista dell'interfaccia utente (interfaccia utente) è un progettista di interfacce in un ambiente ideale che disegna pulsanti, icone, moduli, seleziona i caratteri e crea un layout armonioso e bello da tutto. Un sito web, un'applicazione, qualsiasi cosa con cui l'utente interagirà, anche lo schermo di un terminale di stazione. E non pensa ad altro.

Un UX designer (user experience) non è un designer, ma un designer (solo che in inglese la parola designer ha solo il secondo significato). Studia le esigenze degli utenti, costruisce diagrammi logici dell'interfaccia, testa prototipi su persone reali e scrive le specifiche tecniche per la progettazione. In altre parole, questo è un ingegnere di marketing: l'input è l'analisi, l'output sono i principi di creazione di un'interfaccia, la logica del lavoro, il layout, il contenuto. Non riguarda il disegno in quanto tale.

È tutto.

Perché doveva essere complicato?

Come prima: il designer ha ricevuto l’incarico di “disegnare un sito web”. Tutti i siti erano più o meno uguali: home, informazioni sull'azienda, catalogo, poi in basso nell'elenco. Il designer ha chiesto: “Quando ci daranno il contenuto?” Mai, compagno spirito, questo è un esercito.

E il designer veniva chiamato semplicemente “designer”. Senza prefissi esteri.

Cosa è successo dopo: le agenzie volevano ricevere più soldi e il mondo ha iniziato gradualmente la transizione da “solo siti web” a servizi web complessi. E un servizio non è solo un'interfaccia unica, ma è anche un processo aziendale speciale che sta dietro ad esso. Ad esempio, ricorda il sito Web di Airbnb: senza uno studio approfondito dell'argomento, nessun grafico potrebbe creare immediatamente un'interfaccia.

Poiché c'era più lavoro, era necessario dividere una professione in più. Ora lo specialista UX (chiamiamolo così per evitare confusione) ha ricercato e progettato l'architettura dell'informazione, il prototipatore ha fatto la parte funzionale e il progettista grafico (UI) ha creato il prodotto finale: moderno e gradevole alla vista.

La stessa cosa è già accaduta nel settore. Ad esempio, i “programmatori” erano semplicemente divisi in “frontend” e “backend”. E i frontender diventano veri frontender e "semplici progettisti di layout". A proposito, .

Il motivo è sempre lo stesso: per un processo di grandi dimensioni non basta una sola persona. Andiamo avanti.

Chi è un progettista UX/UI

La cosa divertente è che le offerte di lavoro spesso includono posizioni di designer UX/UI, proprio così, con una barra. Anche Tinkoff è alla ricerca di uno specialista di combo:

Dall’altro lato delle barricate, i designer hanno iniziato tutti a riferirsi a se stessi come UX/UI. Perché essere solo un designer è schifo, fuori moda.

Chi è UX/UI in un mondo ideale? Un superuomo che svolge l'intero ciclo di lavoro UX, e poi riesce comunque a disegnare il tutto con diverse iterazioni di modifiche (make the UI).

Cos'è esattamente UX/UI? Solo un bravo designer. Per chi considera suo dovere non solo “fare dei modelli”, ma affrontare ogni progetto individualmente, partendo da analisi, domande, chiarimenti, schizzi, schemi, ecc. Questo non è un esame UX a tutti gli effetti, ma, di norma, è sufficiente per supportare un servizio già pronto o sviluppare "solo un sito web".

Quindi, se vedi uno straordinario mutante UX/UI, sappi questo:

• Questo è un designer che si avvicina al progetto con la testa e non semplicemente facendo clic con il mouse e il becco.
• Questo è un ragazzo che ha letto molte parole intelligenti e ora si fa chiamare UX/UI.

La verifica può essere semplice: chiedete al progettista di dirvi perché ha scelto questa particolare disposizione degli elementi, questa sequenza di schermate, ecc. Un buon designer non prende una sola decisione sull'interfaccia in questo modo: tutto ha una giustificazione logica.

A proposito

Questo articolo è il secondo della serie “In che modo uno specialista del web è diverso da un altro”. Ciò ci ha spinto all'idea di creare una directory di tutte le professioni dal web, con diverse varianti dei loro nomi. In modo che il cliente (e tutti noi, del resto) possa vivere in modo più chiaro.