Uno sfogo contro i graziosi design delle app

"Guardati da quella vanità che corteggia un complimento, o ne è nutrita." –Chalmers

Navigando in alcuni siti di ispirazione per il design con i miei occhi UX-ray critici e hype-busting :) Spesso esco con il fumo che mi sale dalle orecchie. Come dice il titolo, questo è uno sfogo, ma non prenderlo troppo sul serio. Sto cercando di fare un punto.

Sì, lo so che alcuni di questi siti di presentazione del design non sono pensati per essere necessariamente per prodotti del mondo reale, ma continuo a dire che devono riflettere un approccio ponderato al design, principalmente ponendo la domanda principale "Per chi è questo? ”, “In che modo le persone utilizzeranno il mio prodotto” e “È effettivamente utilizzabile?”.

I progetti di app superficiali che seguono le ultime mode e ignorano palesemente le convenzioni di usabilità di base, le migliori pratiche UX e i principi fondamentali del design dell'interazione molto probabilmente fallirebbero nel mondo reale! Fortunatamente, di solito non vanno oltre il fantasyland generalmente ridicolo e auto-sfilato su Dribbble e Behance.

Sfortunatamente, questi "concept design", un singolo schermo in un'app immaginaria, servono solo a perpetuare i designer etichettati come artisti, come pretendenti che si preoccupano solo dell'impiallacciatura, dei bei colori e dei caratteri tipografici. Al giorno d'oggi, qualsiasi design di app deve andare ben oltre.

Sto parlando di UX.

Se le persone nel mondo reale provassero a utilizzare effettivamente queste app, garantisco che oltre il 50% avrebbe difficoltà a farlo e successivamente si arrenderebbe confuso.

I designer di prodotti digitali valgono la pena e vogliono elevare il loro gioco sanno che è essenziale lasciare il loro ego alla porta ed evitare inutili svolazzi, egoismi pubblici e seduzione inutile del pubblico. #UXFallito!

Abbandonare l'usabilità per l'adulazione

Se si vuole che la progettazione di prodotti digitali abbia successo sul mercato, sono indispensabili ottime esperienze utente. A dire il vero, l'estetica, l'aspetto e la sensazione di design sono importanti, ma sono solo il tocco finale che completa un prodotto utilizzabile che è anche un piacere da usare. La sola ricerca della perfezione estetica mentre si abbandona l'usabilità è in definitiva un gioco da perdenti.

Come disse Don Norman, spesso soprannominato "guru della tecnologia praticabile", "I grandi designer producono esperienze piacevoli".

Le esperienze piacevoli sono quelle che creano la minor quantità di attrito mentre forniscono un'interazione fluida e senza soluzione di continuità ed esperienze anticipatorie (cioè, vedere le cose apparire come per magia. Le cose giuste, al momento giusto, nel modo giusto).

Il modo per arrivarci non è sicuramente ignorare le migliori pratiche consolidate e le convenzioni di progettazione e concentrarsi semplicemente sulla facciata. È evidente, Dribbble balbetta: 1) non capisci il tuo utente e 2) stai copiando le mode.

Ignora le convenzioni a tuo rischio e pericolo

Le convenzioni di progettazione, sia nella progettazione di prodotti digitali che nel design industriale, ad esempio un'auto o una bicicletta, sono radicate nel comportamento umano, nella meccanica, nella fisica, nelle scienze e nella ricerca approfondita. Seguono le migliori pratiche e le aspettative umane su come funzionano le cose perché ci siamo abituati, dopo aver seguito quelle convenzioni per eoni. Queste sono convenzioni che sono state elaborate per tentativi ed errori e si sono rivelate molto efficaci nel tempo; un po' come l'evoluzione.

È avventato e alquanto arrogante ignorare o violare le convenzioni di progettazione. Sono fondamentali e servono come base da cui possiamo poi innovare. Riguarda ciò che ci si aspetta. Senza di loro, rischi di infastidire a morte le persone. Immagina se ogni bicicletta, ogni maniglia della porta, o i pedali e il volante di ogni macchina, funzionassero in modo diverso, tutto esclusivamente in nome dell'"innovazione".

Due parole: caos totale.

Un'interfaccia utente è come uno scherzo. Se devi spiegarlo, non funziona.

Attenzione all'euristica

Le app ben progettate che si sforzano di essere prodotti utilizzabili seguono convenzioni di progettazione consolidate, linee guida di base sull'usabilità e principi di progettazione dell'interazione (tra le altre cose) e superano la valutazione euristica a pieni voti. ("Euristica" perché sono regole empiriche generali, non linee guida specifiche sull'usabilità.)

Affinché i progetti di app funzionino bene nel mondo reale, è necessario osservare le 10 euristiche di usabilità per la progettazione dell'interfaccia utente come definite dal Nielsen Norman Group, voce leader nel campo dell'esperienza utente da 20 anni. Questi sono:

1. Visibilità dello stato del sistema
2. Corrispondenza tra il sistema e il mondo reale
3. Controllo e libertà dell'utente
4. Coerenza e standard
5. Prevenzione degli errori
6. Riconoscimento piuttosto che ricordo
7. Flessibilità ed efficienza di utilizzo
8. Design estetico e minimalista
9. Aiuta gli utenti a riconoscere, diagnosticare e recuperare dagli errori
10. Disponibilità di aiuto (potrebbero essere "tour rapidi" o procedure dettagliate)

Leggi questi 10 principi generali per l'interaction design in modo più dettagliato qui.

L'infatuazione in nome dell'innovazione

Spesso, le schermate dei concetti di app sono progettate da designer che cercano molti Mi piace sui siti di presentazione del portfolio con l'obiettivo di spingersi fino alla sezione degli scatti quotidiani su Dribbble. Un paio di design dell'interfaccia utente fantasiosi e minimalisti non sono il prodotto. È come progettare la portiera di un'auto senza offrire alcuna idea di come sia il resto dell'auto o di come funzioni in uno scenario reale.

Non fraintendermi! L'innovazione progettuale è necessaria. È salutare e fondamentale per far prosperare qualsiasi disciplina o dominio creativo. Ma non dovrebbe accadere a scapito di una buona UX. Facciamo qui una distinzione e la chiamiamo sperimentazione progettuale. Con la presunzione di un design pulito e minimalista, semplicemente volendo essere diversi e alla moda, molti dei cosiddetti design innovativi sfoggiati su questi siti sacrificano l'usabilità di base.

Usabilità 101

L'usabilità, un fondamento di grandi esperienze utente, è un attributo di qualità che valuta la facilità di utilizzo delle interfacce utente. La parola usabilità si riferisce anche alle pratiche per migliorare la facilità d'uso durante il processo di progettazione.

L'utilità di un'app viene definita in termini di utilità e usabilità. L'utilità fornisce agli utenti le funzionalità di cui hanno bisogno; l'usabilità è quanto siano facili e piacevoli da usare queste funzioni. Pertanto, i progetti di app fantasiosi che ignorano questi principi di base di usabilità finiscono per essere inutili per definizione.

È comprensibile che i designer stiano cercando modi innovativi e interessanti per progettare la navigazione della loro app. Ma c'è una linea sottile tra l'inaspettato e l'inutilizzabile. Tre cose da considerare nella progettazione della navigazione sono la coerenza, le aspettative degli utenti e gli indizi contestuali. Non importa quanto sia elegante il tuo eCommerce, ad esempio, il concept design dell'app. Se gli utenti non riescono a trovare il prodotto, non possono acquistarlo.

Design utile

Come ha detto Steve Jobs, “Non è solo come appare e come si sente. Il design è come funziona."

Stava parlando di design utile .

Se un designer incasina troppo il modello mentale di una persona su come dovrebbero funzionare le cose, l'app fallirà. Se c'è un'enorme discrepanza tra il modello mentale degli utenti e il modello concettuale, l'app è un brindisi. I modelli mentali, come suggerisce il nome, sono modelli concettuali nella mente delle persone che rappresentano la loro comprensione di come funzionano le cose.

Uno dei principi più basilari dell'interaction design è che un'interfaccia utente deve avere dei significanti se vuole essere utile. Se gli utenti non hanno segnali visivi nell'interfaccia utente che segnalino le azioni disponibili o le interazioni gestuali a loro disposizione, chiamate significanti , il design del tuo prodotto è DOA.

Per quanto tu come designer possa essere infatuato del tuo prodotto, gli utenti si preoccupano molto di più dell'utilità. Non vogliono imparare la tua app e non vogliono intraprendere un viaggio di scoperta o sperimentazione per vedere cosa funziona provando a scorrere le cose nell'interfaccia utente. Come ha affermato Steve Krug, consulente di usabilità da oltre 20 anni, nel suo libro Don't Make Me Think , "[l'usabilità] è il principio prevalente, l'ultimo pareggio quando si decide se un design funziona o meno".

A dire il vero, come disse Dieter Rams, leggendario designer tedesco di Braun negli anni '70 e fonte di ispirazione per tutto ciò che riguarda Apple:

La qualità estetica di un prodotto è parte integrante della sua utilità perché i prodotti che utilizziamo ogni giorno influiscono sulla nostra persona e sul nostro benessere. Ma solo gli oggetti ben eseguiti possono essere belli.

In altre parole, il design deve funzionare a tutti i livelli.

Ecco i 10 comandamenti del buon design secondo Dieter Rams:

Ricordiamo che il visual design, l'estetica, è solo un aspetto del design UX. È lo strato finale che dovrebbe elevare tutto ciò che ha avuto luogo prima di esso nel processo di progettazione dell'esperienza utente, ovvero la definizione degli obiettivi di business, l'identificazione del core user (persona), la ricerca degli utenti, gli schizzi, l'ideazione, il wireframing, i modelli, i prototipi e i test di usabilità . È l'impiallacciatura finale che eleva l'esperienza utente complessiva in linea con la progettazione per le emozioni.

Riduci lo sforzo mentale

Con un cattivo design in azione, ciò che il signor e la signora Designer stanno facendo è chiedere alle persone di decifrare e interpretare icone e simboli vaghi, aumentando così il loro carico cognitivo (la quantità totale di sforzo mentale utilizzato nella memoria di lavoro). D'altra parte, una buona progettazione dell'esperienza utente ridurrà il carico cognitivo. Questo tipo di design egoistico - sì, ci sono andato - crea ostacoli nei percorsi delle persone, aumentando l'attrito e la frustrazione. È davvero questo l'obiettivo?

I progettisti devono fornire etichette chiare (collegamenti e pulsanti) e indicazioni ovvie (navigazione chiara) per aiutare gli utenti a formare una mappa mentale dell'app e intuire dove sono le cose e come usarle. La navigazione dovrebbe essere chiara, orientata al compito e logica (p. es., i controlli dello schermo suggeriscono come usarla) e la sua posizione dovrebbe essere coerente (p. es., su una barra dei menu).

Rendi evidente dove gli utenti dovrebbero toccare, se possono scorrere e rendere gli obiettivi abbastanza grandi da essere facilmente toccati. Prevenire gli errori. Non far indovinare alle persone cosa significa qualcosa. Non essere pigro. Evita i menu di hamburger e kebab (i tre punti) poiché nascondono la navigazione e rendono i contenuti meno rilevabili. In particolare, evita gli hamburger che non sembrano nemmeno menu di hamburger! Sì, lo spazio è limitato, ma è stato dimostrato che la combinazione di schede (in alto in basso) e menu di hamburger offre prestazioni notevolmente migliori rispetto a un singolo hamburger.

Non è un mondo perfetto

Se il tuo prodotto finisse nelle mani degli utenti, sarebbero in grado di trovare le cose e usarlo effettivamente? Potrebbero non avere accesso a una configurazione super-duper come quella che hai usato per progettare questi schermi. Ripensare a usabilità e accessibilità (disabilità visiva, disabilità fisica, disabilità cognitiva). Secondo i dati del censimento, negli Stati Uniti almeno il 19% delle persone ha una disabilità e la percentuale è probabilmente più alta nelle nazioni meno sviluppate. Se qualcuno con una vista non perfetta raccogliesse la tua app, sarebbe in grado di usarla?

Il tuo design è "a misura di dito" o letteralmente una seccatura da usare? Quanto devono sforzarsi le persone per raggiungere diverse parti dello schermo dell'app? Stai prendendo in considerazione i flussi di attività degli utenti, mettendo gli elementi utilizzabili sotto la punta delle dita delle persone invece di farli saltare intorno ai quattro angoli dello schermo? Il design è davvero conforme al tocco? Hai tenuto conto dell'area oscurata sotto la mano che tiene il cellulare?

Come sottolinea Luke Wroblewski in Progettazione per smartphone con schermo grande, hai considerato come si sarebbero comportati i tuoi progetti su schermi più grandi?

Il tuo design sta davvero seguendo la raccomandazione delle linee guida dell'interfaccia umana dell'iPhone di Apple di una dimensione minima del target di 44 pixel di larghezza e 44 pixel di altezza? La Guida all'interazione e alla progettazione dell'interfaccia utente di Windows Phone di Microsoft suggerisce una dimensione del target del tocco di 34 px con una dimensione minima del target del tocco di 26 px.

Non innamorarti del contrasto minimo tra testo e sfondo o del minuscolo testo illeggibile perché rende i tuoi progetti "alla moda, puliti e minimalisti".

UX migliore

Abbiamo bisogno di un design migliore

Allora, cos'è un buon design? Quella discussione potrebbe riempire un libro ma, in generale, "un buon design" è quando tutto si riunisce per l'utente di quel design.

Ciò significa che affinché un design sia "buono" e utile per gli utenti, deve tenere conto di più livelli e fattori su cui deve fornire per avere successo.

Le tendenze del design vanno e vengono. La tendenza media del design persiste solo per un anno o due; la buona usabilità, la base del design UX, è qui per restare.

I prodotti che sono stati progettati secondo i sette fattori di una grande UX sopravviveranno a qualsiasi tendenza di design, garantito. I designer che prestano attenzione alla grande usabilità, alle migliori pratiche UX, alle convenzioni di progettazione dell'interazione e ai fattori che influenzano l'esperienza dell'utente avranno un impatto maggiore rispetto a quelli che non lo fanno. Alla fine della giornata, saranno premiati e i loro prodotti digitali saranno più ampiamente accettati e avranno successo sul mercato.

Se, come designer, vuoi migliorare in UX, per creare utili app mobili e desktop, non solo belle, investi un po' di tempo imparando almeno le basi dell'UX. Inizia seguendo i blog UX e iscriviti a newsletter e pubblicazioni online come Toptal Design Blog, UX Magazine, UX Matters, UserTesting, uxdesign.cc, UX Design Weekly o Interaction Design Foundation.

Leggi gli studi sugli utenti condotti con partecipanti che vivono e respirano, persone reali. Come si suol dire, i numeri non mentono; tutto il resto è ipotesi e supposizione.

Segui i leader del pensiero UX su Twitter. Leggi articoli UX e white paper, la creme de la creme è The Nielsen Norman Group e Adaptive Path.

Medium è una delle mie destinazioni preferite per leggere articoli di design UX/UI online. Designer di tutto il mondo lo utilizzano per leggere informazioni su design, esperienza utente, usabilità e altri argomenti relativi alla creazione e alla realizzazione di ottimi prodotti digitali. Ecco i designer da seguire su Medium.

Leggi alcuni dei libri classici e fondamentali che ogni utente di UX che conosco ha sul proprio scaffale e trattali come le scritture.

1. Il libro fondamentale di Don Norman sul design The Design of Everyday Things
2. Il design emotivo di Don Norman: perché amiamo (o odiamo) le cose quotidiane
3. Non farmi pensare di Steve Krug
4. Lean UX di Jeff Gothelf: applicare i principi Lean per migliorare l'esperienza utente
5. Ingegneria dell'usabilità di Jakob Nielsen
6. Le 100 cose che ogni designer deve sapere sulle persone di Susan Weinschenk

Leggi le risorse online informative sulle linee guida sull'usabilità, i principi di progettazione dell'interazione e le migliori pratiche UX: studi, whitepaper, articoli, ecc.

1. Primi principi dell'Interaction Design
2. Set completo di 2.397 linee guida sull'usabilità (su più report) di NNGroup
3. 10 Euristiche di usabilità per la progettazione dell'interfaccia utente da NNGroup
4. Articoli del Baymard Institute: Baymard studia il comportamento sui siti Web di e-commerce
5. Articoli UX Mastery: Tutto ciò che riguarda UX

E infine, aggiungi questi cinque podcast UX alla tua libreria di iTunes:

1. Pod UX: discussioni con designer UX e sull'usabilità in generale
2. Inside Intercom: interviste ai migliori designer di aziende leader
3. Podcast UX per persone appassionate di bilanciare business, tecnologia e utenti
4. Podcast UIE: Approfondimenti di User Interface Engineering sul mondo del design
5. True North: scoprire storie di design che mettono in evidenza i test di progettazione e la ricerca

• • •

Ulteriori letture sul blog di Toptal Design:

• Procedure consigliate per la progettazione dell'interfaccia utente ed errori comuni
• Stati vuoti: l'aspetto più trascurato dell'esperienza utente
• La semplicità è la chiave: esplorare il design Web minimale
• Principi euristici per interfacce mobili
• Progettare per la leggibilità - Una guida alla tipografia Web