Interaction Design: cos'è e come si può usare?

/2017-01-17 12:13:23/
Rukmini
/Grafica/

L'interaction design potrebbe essere il concetto di design più discusso del 2015. È qualcosa a cui dovresti pensare e pianificare in tutti i tuoi progetti digitali.

Ma come puoi sfruttare al meglio il design dell'interazione? Come puoi progettare qualcosa con cui le persone vogliono interagire? Mentre alcune di queste risposte stanno cambiando con la tecnologia, un elemento rimane lo stesso: le persone vogliono usare un design intuitivo, funzionale ed esteticamente gradevole.

Esplora risorse di progettazione

Che cos'è Interaction Design?

Nella progettazione, nell'interazione uomo-computer e nello sviluppo di software, la progettazione dell'interazione, spesso abbreviata in IxD, riguarda "la modellazione di cose digitali per l'uso delle persone", alternativamente definita come "la pratica di progettare prodotti, ambienti, sistemi e servizi digitali interattivi". - Wikipedia

Semplicemente, il design dell'interazione è un processo di connessione del mondo digitale a quello umano. Sta facendo in modo che le cose basate sullo schermo, appaiano reali e funzionino nel regno digitale come farebbero nello spazio fisico. Questa connessione aiuta le persone a utilizzare e interagire con prodotti e dispositivi digitali, da computer desktop, telefoni e orologi a siti Web, app e giochi. L'interaction design è un concetto che combina tutto ciò che sappiamo sul design e sulla funzione in un'unica idea.

IxD è la parola d'ordine della comunità del design mentre proviamo a imparare meglio come progettare e replicare azioni e interazioni fisiche per connettere al meglio i prodotti digitali agli utenti. Le idee alla base del design sono radicate nei principi di una buona grafica mentre la tecnologia si sta evolvendo il più rapidamente possibile.

Domande da considerare

Una delle migliori guide per pensare al design dell'interazione è in realtà uno standard di usabilità di Usability.gov. La guida fornisce una serie di domande (e persino sotto-domande) da utilizzare come base per la creazione di un progetto con interazioni digitali e "con questa comprensione, è possibile prevedere in che modo qualcuno potrebbe interagire con il sistema, risolvere i problemi in anticipo e inventare nuovi modi di fare le cose. "

Ecco i concetti da considerare prima, puoi trovare tutte le sotto-domande e considerazioni da Usability.gov.

Definire come gli utenti possono interagire con l'interfaccia
Fornire agli utenti indizi sul comportamento prima che si verifichino azioni
Anticipare e mitigare gli errori
Considerare il feedback del sistema e i tempi di risposta
Pensa strategicamente a ciascun elemento del design
Semplifica per l'apprendimento

Molti di questi concetti dovrebbero sembrare familiari. I concetti e le idee sono in linea con ciò di cui discutiamo spesso nella comunità del design quando parliamo di ciò che funziona e non funziona esteticamente. Mentre le tecniche utilizzate per creare un design completamente interattivo possono essere diverse, i principi di un buon design sono relativamente gli stessi.

Principi guida

Gran parte di ciò che pensi dell'interazione combina i principi del design con i principi dell'emozione e dell'interazione umana. Nel determinare come dovrebbe funzionare un progetto digitale, pensa a come utilizzi e interagisci con i tuoi strumenti preferiti. Che cosa ti piace di questi strumenti? (È probabile che molte delle migliori funzioni siano cose a cui non pensi nemmeno consapevolmente.)

Pensa a ciascuno di questi principi o concetti quando decidi come l'utente si connetterà al tuo design.

Movimento: quando si pensa al design del movimento e dell'interazione, spesso le prime immagini mentali sono di colpi o tocchi perché sono i movimenti dell'utente che attivano gli elementi nel disegno. Fare clic con il mouse o ruotare lo schermo di un tablet per ottenere un determinato effetto sono altri movimenti che vengono comunemente utilizzati. Anche altre estetiche associate al movimento sono importanti, come segnali visivi nelle fotografie, tiraggio direzionale da elementi di design e video.
Spazio: con quale tipo di ambiente interagisce l'utente? Il design è stato creato in uno spazio bidimensionale o tridimensionale? Lo spazio è solo una parte dello schermo o le azioni si estendono oltre lo schermo fino al mondo fisico?
Tempo: la quantità di tempo che un utente trascorre con un'interazione può influire sul fatto che l'interazione continui. Esiste un delicato equilibrio tra un'interazione che è appropriatamente coinvolgente e / o troppo lunga o breve. Pensa all'obiettivo dell'interazione e poi al tempo necessario dall'inizio alla fine.
Suono: una delle parti più dibattute del design digitale potrebbe essere il suono. Mentre alcuni utenti lo adorano, altri sono rapidamente infastiditi. Quando si utilizza l'audio nelle interazioni, tenere sempre conto degli utenti che disabiliteranno la funzione; il design deve funzionare altrettanto efficacemente senza di esso.
Estetica: ogni elemento di design entra in gioco qui. Com'è tutto? Questo aspetto trasmette all'utente il giusto messaggio emotivo. Spazio, colore, tipografia, contrasto e leggibilità svolgono un ruolo significativo nell'aspetto visivo del design dell'interazione.

Concetti di design

Torniamo ai principi di interazione e pensiamo davvero all'estetica. (Questa è una delle cose principali che ci piace pensare e discutere come designer, giusto?)

In che modo tutte le cose che sappiamo sul design giocano nella progettazione delle interazioni? In realtà non è diverso in termini visivi rispetto ad altri tipi di progetti di design. La principale - e probabilmente la prima - considerazione è la dimensione e la scala. Molti progetti interattivi potrebbero essere notevolmente più piccoli di quelli a cui sei abituato. (Potresti concentrarti solo sul design per un telefono o un orologio, ma il design potrebbe anche tradursi in computer desktop in un altro modo.)

Quando pensi visivamente, inizia con la tela più piccola che ospiterà il design e la costruzione. (Se riesci a farlo funzionare in piccolo, è molto più semplice "far crescere" il design; eliminare le cose già progettate può essere molto più difficile.

Spazio: anche se alcuni potrebbero tentare di ridurre lo spazio tra gli elementi in spazi ristretti, in realtà è necessario dare più spazio agli elementi in piccoli progetti. Assicurati che ogni elemento abbia molto spazio per identificarlo ed eseguire l'azione corretta. (I pulsanti devono essere abbastanza grandi da poter essere toccati senza attivare un altro elemento sullo schermo.) Utilizzare lo schermo multiplo (tramite azioni di scorrimento) se necessario per ottenere il massimo da piccoli spazi.
Colore: mentre l'uso dei colori del tuo marchio è importante, vuoi assicurarti che i colori forniscano un contrasto sufficiente per essere visti in una varietà di ambienti. Ciò potrebbe richiedere l'aggiunta di alcuni colori opzionali alla tavolozza dei colori per gli elementi di interazione. Prendi in considerazione tonalità brillanti e accattivanti, soprattutto per le app mobili e per gli orologi.
Tipografia: le lettere devono essere semplici e leggibili. Attenersi a un carattere tipografico moderno (serif o sans serif è OK) con una larghezza del tratto media e uniforme. Evita versioni o stili condensati, eccessivamente audaci o leggeri con tratti elaborati.
Contrasto: ogni elemento in un design interattivo dovrebbe vivere contro gli elementi che lo circondano. Questo può sembrare duro in termini di design, ma un netto contrasto può rendere gli elementi di facile lettura e comprensione. Il contrasto attirerà inoltre rapidamente l'interazione e aiuterà gli utenti a identificare cosa fare. Stabilisci il contrasto con il colore, la tipografia, lo spazio e le immagini o il linguaggio.
Leggibilità: tutti gli elementi del progetto basato sull'interazione dovrebbero essere facili da "leggere" a colpo d'occhio. Progettare per la capacità e la funzione di scansione, tenendo presente che è possibile avere solo una frazione di secondo per convincere un utente a eseguire l'interazione desiderata. Comprensione e leggibilità sono fondamentali per far sì che ciò accada.

Lista di lettura

Sono disponibili così tante buone informazioni sul design dell'interazione. (E molte opinioni su ciò che funziona e non funziona anche.)

Se vuoi saperne di più, qui ci sono tre grandi risorse che dovresti trovare preziose e ognuna ti farà pensare al design dell'interazione in diversi modi.

“Three Laws of Interaction Design” di Diogenes Brito
"L'interfaccia del futuro: progettare per rendere umana la tecnologia" di Danielle Reid
"I 10 principi del design dell'interazione" di Creative Bloq

Conclusione

L'interaction design è qualcosa a cui devi pensare. Gli utenti si aspettano interazioni in quasi ogni aspetto del design. La maggior parte degli utenti accede al Web e ad altri progetti di progettazione digitale tramite dispositivi mobili con l'aspettativa di fare molto di più che leggere semplicemente un testo.

Pianificare e progettare queste interazioni con uno scopo all'inizio potrebbe sembrare intimidatorio, ma non è molto diverso concettualmente rispetto a qualsiasi altro aspetto del progetto. La grande differenza sta nel modo in cui far funzionare le interazioni, ecco dove è importante avere un buon sviluppatore al tuo fianco o continuare a perfezionare le tue capacità di sviluppo web.