Il design dell'interazione è in circolazione da quando siamo stati abbastanza sofisticati da sviluppare anche strumenti di base. È il processo di inventare, ottimizzare e iterare sul successo precedente per rendere le cose non solo migliori, ma anche più familiari ai nostri utenti.

È un'abilità non limitata a qualsiasi settore, eppure ha la reputazione di essere principalmente uno strumento di un moderno designer.

Sul Web, utilizziamo i principi dell'interaction design per rendere le cose familiari e per esporre i nostri utenti a nuovi concetti che sanno già come usare - prima di usarli effettivamente. Garantire che i nostri utenti siano a loro agio e che abbiano familiarità con un prodotto, un servizio o un modello di interfaccia utente, fanno una grande differenza nel modo in cui il nostro lavoro viene percepito.

La progettazione e la ricerca dettagliata dell'interazione possono portare a un'esperienza utente migliorata e ad un prodotto più accessibile. Quando si introducono nuove idee (anche rivoluzionarie) sul mercato, la progettazione dell'interazione è fondamentale per garantire che queste nuove cose appariscenti siano facili da usare e siano familiari ai nostri clienti.

L'uso del marketing da parte di Apple con il lancio dell'iPad originale è un esempio eccezionale di questo processo. L'idea di un tablet era stata utilizzata e provata, ma il lavoro di Apple nel rendere il dispositivo apparentemente senza pretese e accelerare il suo successo come una nuova piattaforma naturale.

Fare in modo che i nostri utenti si sentano a proprio agio nel tenere, utilizzare o persino pensare a nuove idee o prodotti è essenziale per la progettazione dell'esperienza utente.

"Chiedere agli utenti di adottare nuovi comportamenti o persino modificare i loro comportamenti esistenti è molto, molto difficile." - Khol Vinh di Mixel

Progettazione dell'interazione sul Web

La progettazione dell'interazione sul Web si concentra principalmente sull'interfaccia utente e sul layout. Al contrario di altri mezzi, questo è unico nel senso che ci sono milioni di esempi di quasi tutti i casi d'uso là fuori. Quindi è più un problema di trovare il fondamento da cui partire, piuttosto che cercare di trovare la base.

Risorse come PatternTap o Pttrns sono fantastiche risorse per confrontare e trovare ispirazione da modelli esistenti. Cose come icone, navigazione e persino 404 pagine hanno le loro rispettive categorie. Essere in grado di collaborare in questo modo con il resto del settore rende il formato online così unico. Permette la prototipazione di massa e la ricerca su larga scala su ciò che funziona, e cosa no.

Usa modelli che offrono una buona UX

Se fosse facile come scegliere un modello provato e vero che funzioni sempre per navigazione, icone, elenchi o qualsiasi altra cosa; saremmo senza lavoro. Una buona esperienza utente è costruita su solide basi di ricerca e sperimentazione.

Ciò che può funzionare benissimo per qualcun altro in una situazione simile, potrebbe non funzionare per te. Per questo motivo, è sempre importante fare le nostre analisi, sperimentazione e test.

Iniziando, vogliamo individuare ciò che il nostro utente si aspetta. Ad esempio, se stiamo pianificando dove posizionare la navigazione per una pagina, il buon senso ci dice che i nostri utenti si aspettano che si trovi da qualche parte vicino alla cima, sia in un elemento stile intestazione che in una barra laterale. Vogliamo quindi identificare quale di questi casi d'uso sarebbe l'ideale per la nostra particolare situazione (barra laterale vs intestazione) e, auspicabilmente, disporre di dati che supportino tale ipotesi. Questo è un esempio molto minimale e approssimativo di un processo di progettazione dell'interazione.

Utilizzo di modelli utente emergenti

Gli schemi di uso comune sono più o meno considerati scommesse "sicure". La maggior parte delle persone sa cosa significano, sappiamo come i nostri utenti si aspetteranno che funzionino e il loro uso comune ci dice che è qualcosa con cui le persone si sentono a proprio agio (o lo saranno presto). D'altro canto, i modelli emergenti sono molto più drammatici. Questi modelli sono nuovi, appariscenti e non ancora raffinati o abbastanza comuni che i nostri utenti li capiranno immediatamente. Possono portare a confusione, insoddisfazione o persino a far sembrare l'interfaccia mal progettata.

Con tutto ciò che detto, i modelli emergenti sono unici per una ragione. Anche se non tutti li capiscono o li conoscono ancora, potrebbero essere presto. Vale la pena prestare attenzione al fatto che nessuno vuole essere l' ultima persona a implementare la nuova funzionalità. Con la crescente popolarità di alcune interazioni, a volte i nostri utenti si aspettano addirittura da noi di implementarle dopo un certo punto. Quindi, mentre i modelli emergenti sembrano approssimativi, a volte vale la pena essere i primi ad adottarli se i rischi sono bassi.

La debacle dell'icona degli hamburger

Un esempio di un modello di utilizzo emergente (e molto discusso) è il icona di hamburger. Sebbene sia certamente discutibile in termini di espressione della sua funzionalità, nessuno può negare che si tratti di un modello sempre più popolare e di successo. Anche per gli utenti che non ne comprendono l'utilizzo o il significato, un singolo tocco o clic rivela tali informazioni. L'icona dell'hamburger può facilmente diventare un pattern molto ben compreso e popolare, semplicemente includendo la parola "menu" accanto all'icona. Un giorno, l'icona dell'hamburger potrebbe essere noiosa e banale come usare una "X" per chiudere.

Un'interfaccia utente è come uno scherzo. Se devi spiegarlo, non è così bello. - Martin LeBlanc

Allenare i nostri utenti a crescere bene

Dover spiegare la funzionalità dietro la nostra interfaccia di solito significa che non è così bello. Ma senza una tale formazione per nuove idee, non avremmo mai fatto progressi. Invece di mirare a nessuna spiegazione, dovremmo piuttosto cercare una spiegazione molto piccola . Se dobbiamo fornire un opuscolo con la nostra interfaccia utente, è sicuro che stiamo sbagliando. Se solo una frase o una breve dichiarazione è necessaria per spiegare la funzionalità, potremmo comunque fare meglio ... ma questo è certamente ok. In breve, nulla di nuovo potrà mai diventare comodo se non esponiamo gli utenti a esso in modo appropriato - il che a volte significa spiegare le nostre idee.

Rompendo lo stampo

Modelli insoliti diventano trendy e saltano fuori di tanto in tanto. Abbiamo visto interazioni come lo scorrimento orizzontale e le pagine di parallasse aumentano in popolarità prima nonostante le loro connotazioni UX negative. A volte può succedere di rompere lo stampo e fare qualcosa di unico qualcosa di bello che soddisfa ancora le esigenze degli utenti. Non dovremmo aver paura di sperimentare e provare nuove cose, specialmente quando si tratta dell'area dell'interaction design. Scoprire i modelli che rendono i nostri utenti più confortevoli e designare la loro funzione in modo più chiaro, è qualcosa che tutti possiamo ottenere.

Conclusione

Scegliere con cura i modelli di utilizzo durante la creazione delle nostre interfacce utente può portare gli utenti a comprendere e agio con il nostro lavoro prima ancora di utilizzarlo. Quando lavoriamo con prodotti o servizi che si trovano in un mercato di nicchia o relativamente nuovi, tutti noi possiamo trarre vantaggio dal renderli più accessibili.

Il design dell'interazione è unico in quanto è in gran parte una scienza collaborativa creata dal nostro desiderio di portare nuove idee nelle mani dei nostri utenti.

Immagine in primo piano / miniatura, immagine del comportamento appreso via Shutterstock.