Il design dell'interazione 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 massimo 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 piacevole.
Cos'è Interaction Design?
Nel design, l'interazione uomo-computer e lo sviluppo del software, l'interaction design, spesso abbreviato IxD, è "sulla formazione di cose digitali per l'uso delle persone", definito alternativamente come la pratica di progettare prodotti digitali digitali, ambienti, sistemi e servizi. - Wikipedia
Semplicemente, il design dell'interazione è un processo di connessione del mondo digitale a quello umano. Sta facendo cose che sono basate su schermo, appaiono reali e funzionano 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. Il design dell'interazione è un concetto che combina tutto ciò che conosciamo del design e della funzione in un'unica idea.
IxD è la parola d'ordine della comunità del design quando cerchiamo di 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 quasi alla stessa velocità con cui possiamo progettarla.
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 anche domande secondarie) da utilizzare come base per la creazione di un progetto con interazioni digitali e, con questa comprensione, è possibile prevedere come qualcuno potrebbe interagire con il sistema, correggere i problemi in anticipo e inventare nuovi modi di fare le cose.
Ecco i concetti da considerare per primi, puoi trovare tutte le domande secondarie e le considerazioni da Usability.gov.
- Definire come gli utenti possono interagire con l'interfaccia
- Dare agli utenti indizi sul comportamento prima che si verifichino azioni
- Anticipare e mitigare gli errori
- Considerare il feedback del sistema e il tempo di risposta
- Pensare in modo strategico a ciascun elemento del design
- Semplificare per l'apprendimento
Molti di questi concetti dovrebbero sembrare familiari. I concetti e le idee sono in linea con ciò che discutiamo frequentemente nella comunità del design quando parliamo di ciò che funziona e non funziona esteticamente. Mentre le tecniche che utilizzi per creare un design completamente interattivo possono essere diverse, i principi del buon design sono relativamente gli stessi.
Principi guida
Molto di ciò che pensi sull'interazione combina i principi del design con i principi dell'emozione umana e dell'interazione. Nel determinare come dovrebbe funzionare un progetto digitale, pensa a come usi e interagisci con i tuoi strumenti preferiti. Che mi dici di questi strumenti per te? (È probabile che molte delle migliori caratteristiche siano cose a cui nemmeno pensi coscientemente.)
Pensa a ciascuno di questi principi o concetti quando decidi in che modo l'utente si connetterà al tuo progetto.
- Movimento: Quando si pensa al design del movimento e dell'interazione, spesso le prime immagini mentali sono di colpi o rubinetti perché sono i movimenti dell'utente che attivano elementi nel design. Facendo clic su un mouse o ruotando lo schermo di un tablet per ottenere un determinato effetto, vengono utilizzati altri movimenti comunemente utilizzati. Anche altre estetiche associate al movimento sono importanti, come i segnali visivi nelle fotografie, la trazione direzionale da elementi di design e video.
- Spazio: Con che tipo di ambiente interagisce l'utente? Il design è stato creato nello spazio bidimensionale o tridimensionale? Quello spazio è solo una parte dello schermo o le azioni si estendono oltre lo schermo al mondo fisico?
- Tempo: La quantità di tempo che un utente trascorre con un'interazione può influire sul proseguimento dell'interazione. Esiste un delicato equilibrio tra un'interazione che viene appropriatamente coinvolgente e / o troppo lunga o breve. Pensa all'obiettivo dell'interazione e poi quanto tempo ci vorrà dall'inizio alla fine.
- Suono: Una delle parti più dibattute del design digitale potrebbe essere sana. 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: Qui ogni elemento di design entra in gioco. Come appare tutto? Questo sguardo trasmette il messaggio emotivo giusto all'utente. Spazio, colore, tipografia, contrasto e leggibilità giocano un ruolo significativo nell'aspetto visivo dell'interaction design.
Concetti di progettazione
Torniamo ai principi dell'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 conosciamo del design giocano nella progettazione delle interazioni? In realtà non è diverso dal punto di vista visivo rispetto ad altri tipi di progetti di design. La principale - e probabilmente 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 di un telefono o di un orologio, ma il design potrebbe anche tradursi in computer desktop in un altro modo).
Quando si pensa visivamente, iniziare con la tela più piccola che ospiterà il design e si accumulerà. (Se riesci a farlo funzionare in piccolo, è molto più facile "sviluppare" il design, eliminare le cose che sono già state progettate può essere molto più difficile.
- Spazio: Mentre alcuni possono provare a ridurre lo spazio tra gli elementi in spazi ristretti, è necessario dare agli elementi più spazio in piccoli disegni. Assicurati che ogni elemento abbia un sacco di spazio per identificarlo ed eseguire l'azione corretta. (I pulsanti devono essere grandi abbastanza da poter essere toccati senza attivare un altro elemento sullo schermo.) Utilizzare più schermi (tramite azioni di scorrimento) se necessario per sfruttare al meglio gli spazi piccoli.
- Colore: Mentre è importante utilizzare i colori del tuo marchio, devi 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 le tonalità luminose e coinvolgenti, in particolare per le app mobili e di visualizzazione.
- Tipografia: L'iscrizione dovrebbe essere semplice e leggibile. Attenersi a un carattere tipografico di stile moderno (serif o sans serif è OK) con una larghezza di tratto media e uniforme. Evita versioni condensate, eccessivamente audaci o leggere o stili 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 il forte contrasto può rendere gli elementi facili da leggere e capire. Il contrasto attirerà anche l'attenzione sull'interazione rapidamente e aiuterà gli utenti a identificare cosa fare. Stabilire contrasto con il colore, la tipografia, lo spazio e le immagini o il linguaggio.
- leggibilità: Tutti gli elementi del tuo progetto basato sull'interazione dovrebbero essere facili da leggere? a prima vista. Progetta l'abilità di scansione e la funzione, tenendo presente che potresti avere solo una frazione di secondo per convincere un utente a eseguire un'interazione desiderata. Comprensione e leggibilità sono la chiave per far sì che ciò accada.
Lista di lettura
Ci sono così tante buone informazioni sul design dell'interazione disponibili. (E molte opinioni su cosa funziona e cosa non funziona.)
Se vuoi saperne di più, qui ci sono tre grandi risorse che dovresti trovare utili e ognuna ti farà pensare al design dell'interazione in modi diversi.
- ? Tre leggi di progettazione dell'interazione? Diogenes Brito
- ? The Future Interface: Design to Make Technology Human? di Danielle Reid
- ? I 10 principi del design dell'interazione? di Creative Bloq
Conclusione
Il design dell'interazione è 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 design digitale attraverso dispositivi mobili con l'aspettativa di fare qualcosa di più della semplice lettura del testo.
Pianificare e progettare queste interazioni con lo scopo potrebbe sembrare intimidatorio all'inizio, ma non molto diverso concettualmente di qualsiasi altro aspetto del progetto. La grande differenza arriva nel modo di far funzionare le interazioni, è qui che è importante avere un buon sviluppatore al tuo fianco o continuare a perfezionare le tue abilità di sviluppo web.