Il modo più semplice per vedere la differenza è effettuare il pagamento. UX decide quanti passaggi ci sono, cosa viene chiesto in ogni passaggio, cosa succede quando una carta viene rifiutata e se un ospite può acquistare senza un account. L'interfaccia utente decide l'aspetto di ogni passaggio: i campi del modulo, lo stile del pulsante, il colore del messaggio di errore e la piccola animazione quando il pagamento va a buon fine.
La progettazione UX inizia prima che esista qualsiasi schermata. Comprende ricerche sugli utenti, interviste, mappe di viaggio, architettura dell'informazione, wireframe e test di usabilità. Il risultato è spesso un flusso o un prototipo piuttosto che un progetto visivo finito. Il successo viene misurato in base ai risultati: completamento delle attività, errori, tempo rimanente e se le persone tornano.
La progettazione dell'interfaccia utente trasforma quella struttura in un'interfaccia. Copre la gerarchia visiva, la spaziatura, la tipografia, il colore, le icone, i componenti e il modo in cui ciascun elemento si comporta in ogni stato: predefinito, passaggio del mouse, premuto, disabilitato, caricamento ed errore. Anche il movimento fa parte dell'interfaccia utente. Un pulsante che risponde quando viene premuto, o un foglio che segue il tuo dito, dice alle persone che il prodotto li ha sentiti.
I due dipendono l'uno dall'altro. Un flusso chiaro con pulsanti confusi continua a fallire e uno schermo lucido sopra un flusso confuso continua a fallire. Questo è il motivo per cui la maggior parte dei team tratta l'interfaccia utente come una parte della UX piuttosto che come una disciplina separata, e perché molti annunci di lavoro richiedono entrambi.
Se stai decidendo cosa imparare per primo, inizia con le basi dell'UX (comprensione dell'utente e dell'attività), quindi apprendi le competenze dell'interfaccia utente in uno strumento di progettazione come Figma o Penpot. L'interazione e il motion design vengono dopo, ed è qui che si inseriscono strumenti come ExodeUI, che realizziamo.