Ogni giorno ci stiamo avvicinando un po 'all'uscita dell'attesissimo Apple Watch. Il dispositivo cambierà ulteriormente il modo in cui pensiamo alla tecnologia indossabile e a come progettare siti Web e app per questa interfaccia.
I Wearables presentano sfide diverse da altri progetti di design. La funzione è una preoccupazione primaria, così come le dimensioni con quello che sarà uno dei più piccoli schermi con cui i designer abbiano mai lavorato. La chiave sta nel creare un design che sia visivamente piacevole ma che sia user-friendly e che offra un'esperienza funzionale. Ecco 10 cose da considerare mentre progetta un'interfaccia indossabile (con esempi che altri designer stanno già immaginando).
1. Pensa a un design minimale
Una delle più grandi tendenze del design in generale è perfetta per gli indossabili: il minimalismo. Le stesse pratiche di progettazione che utilizzi per i siti web o anche la stampa minimale o il design del packaging sono perfetti per dispositivi indossabili e di tipo orologio. (Qui stiamo parlando principalmente di orologi a causa dell'elemento di visual design che presentano).
Tutto, dal colore alla tipografia, alle immagini dovrebbe essere semplice, diretto e facile da leggere in piccole dimensioni. Utilizza alcuni dei concetti del design piatto per aggiungere uno stile minimal, come il colore brillante, l'elevato contrasto e l'eliminazione degli abbellimenti di design.
2. Usa vibrazione
I dispositivi indossabili sono dotati di funzioni che potresti non aver progettato in passato. La vibrazione è una di queste. Semplici ronzio o movimenti possono essere un modo ideale per progettare un'interazione quando si tratta di qualcosa che un utente avrà contro la pelle.
Ma è necessario riflettere attentamente su come funzionano queste interazioni. Le vibrazioni dovrebbero essere morbide e avverarsi in modo ovvio, ma non saranno scomode o spaventare l'utente quando accadono. Anche le interazioni in stile vibrazione devono accadere di rado. Se un orologio ronza ogni minuto, l'utente diventa rapidamente frustrato e abbandona il prodotto.
3. I comandi vocali sono essenziali
Mentre abbiamo parlato del design per l'interazione tap and touch per un po 'a causa degli smartphone, ora la conversazione passerà ai controlli a comando vocale. Pensaci in questo modo, con uno schermo così piccolo, chi lo vorrà toccare? La voce è più facile
Quando progetti le interazioni della tua app o del tuo sito web che appariranno su un dispositivo simile ad un orologio, come ad esempio Apple Watch, la voce dovrebbe essere la migliore considerazione. La voce è una parte essenziale del design Apple, ad esempio, con Siri come app nativa che attiva e attende un comando ogni volta che alzi il polso. Questa funzione fornisce un fattore di convenienza che è necessario prendere in considerazione.
4. Il tipo deve essere semplice
Ripeti dopo di me: Sans serif. Quando si tratta di digitare su dispositivi indossabili, è tutto ciò che serve sapere. Può sembrare noioso, ma un semplice sans serif con una larghezza di traccia uniforme è una delle opzioni più facili e più leggibili.
Evita i caratteri tipografici ultraleggeri o condensati perché la luce che passa attraverso il quadrante potrebbe non essere sufficiente a garantire la leggibilità. Al contrario, fai attenzione agli stili super spessi, neri o audaci. Attenersi a un carattere tipografico con tratto moderato con forme di lettera un po 'larghe. (Helvetica è un'opzione ideale, anche se abusata.)
5. I colori devono avere un contrasto elevato
Ogni colore su un piccolo schermo ha bisogno di significato. Parte di questo significato verrà sotto forma di contrasto e rendendo gli elementi più facili da leggere.
I colori possono essere utilizzati per rappresentare elementi intercettabili che richiedono l'interazione o come sfondo per un comando di testo. La chiave è in netto contrasto. Considera l'ambiente in cui questi dispositivi verranno utilizzati - alla luce del sole, in stanze buie - e progetta in modo che ogni lettera sia facile da leggere in qualsiasi condizione.
Evitare pastelli o colori con bassa saturazione. Le tonalità luminose e i colori altamente saturi funzioneranno al meglio. Abbinateli a un tipo bianco o nero per una leggibilità ottimale. (È anche importante considerare che molti degli schermi intelligenti sono neri. Pianifica di conseguenza la tua combinazione di colori.)
6. Rendilo facile
Ogni dispositivo indossabile sarà un po 'diverso. Considera l'interfaccia e i componenti fisici per ciascuno come progetti. L'Apple Watch viene fornito con una? Corona digitale? una ruota che può ingrandire o scorrere le informazioni sullo schermo.
Il design dovrebbe funzionare con tutte le parti fisiche incluse in un dispositivo. Dovrebbe essere facile da guardare e, soprattutto, facile da usare. La funzione dovrebbe essere intuitiva. (Se non altro, questa è una scusa per possedere alcuni di questi dispositivi e imparare come funzionano nel nome della ricerca di design.)
7. Le immagini dovrebbero riflettere il design in altri luoghi
Il piano visivo per uno schermo di controllo dovrebbe rispecchiare l'interfaccia di progettazione di altri dispositivi. Sì, lo schermo sarà limitato e le interazioni si concentreranno su un'unica azione, ma l'estetica generale dovrebbe avere un aspetto e un aspetto simile.
Ritorna alla popolarità del design minimalista. È una tecnica che funziona su entrambi i tipi di dispositivi. Lo stesso vale per molti principi di design piatto. Per questo motivo, queste tendenze continueranno a restare e diverranno fattori chiave per i designer che creano per questi piccoli schermi.
8. Rendilo fresco e trendy
Questo potrebbe non sembrare un grosso problema, ma i wearables sono qualcosa che gli utenti si connettono alle loro identità. Non solo il dispositivo reale deve avere un certo aspetto, ma l'interfaccia deve corrispondere a quello stile.
Le informazioni sullo schermo devono essere belle come il dispositivo stesso. Con l'Apple Watch, l'interfaccia è semplicissima, ha linee pulite e pochissime campane e fischietti. L'interfaccia per le app di controllo dovrebbe utilizzare lo stesso modello, in modo che le informazioni sullo schermo sembrino appartenere effettivamente a tale app. (E siamo tornati al punto di partenza al minimalismo.)
9. Il design può funzionare senza uno schermo
Alcuni dei più popolari dispositivi indossabili sul mercato non hanno nemmeno uno schermo.Prendi in considerazione prodotti come Fitbit, Nike Fuel Band o Google Glass.
Questi elementi non hanno schermo o uno? Schermo? questo è poco più di un display dell'orologio. Una funzionalità come la vibrazione o la connettività ad altri dispositivi e app è ciò che rende veramente ognuno di questi prodotti funzionante. La funzione è utile anche se l'utente non può sempre vederlo dal dispositivo reale.
10. One Visual Thought per Screen
Ogni pixel è importante in un modo che è difficile da spiegare. Semplicemente non c'è abbastanza spazio su uno schermo grande come un orologio per includere ogni elemento da un desktop o da un mobile design. Quindi pensa a ciò di cui non hai bisogno.
Questi schermi possono avere dimensioni comprese tra 320 pixel quadrati e 128 pixel quadrati. Questo è troppo piccolo per restringere il design; devi cambiarlo completamente per un dispositivo indossabile. Usa questo concetto: un pensiero visivo per schermo.
Hai spazio per una o due parole e (o) un'immagine. E questo è tutto. Il messaggio che viene comunicato dovrebbe essere semplice, chiaro e al punto. Se è necessario un ulteriore pensiero che dovrebbe essere progettato per una schermata successiva.
Conclusione
Gli indossabili sono qui e ne stanno arrivando anche altri. Mentre dobbiamo ancora vedere che tipo di successo succederà in questo mercato, c'è molta eccitazione intorno alla tecnologia indossabile.
E noi, come designer, dobbiamo essere pronti per questo. Il tuo team dovrebbe già pensare a come il tuo sito web o app funzionerà su questo tipo di dispositivo. Non aspettare che tutti abbiano un orologio intelligente per progettarlo. Anticipa la curva e inizia a pensare alla tecnologia del design indossabile ora.