Procedure consigliate per la progettazione dell'interfaccia utente ed errori comuni

Ascolta la versione audio di questo articolo

Sebbene il titolo UI designer suggerisca un allontanamento dal grafico tradizionale, il design dell'interfaccia utente fa ancora parte della tradizione storica della disciplina del visual design.

Con ogni movimento o mezzo, la disciplina ha introdotto nuovi linguaggi grafici, layout e processi di progettazione. Tra generazioni, il designer ha attraversato il passaggio dalla stampa alla Xerox, o dalla carta al pixel. Attraverso queste generazioni, la progettazione grafica ha svolto la responsabilità di rappresentare il linguaggio visivo di ogni epoca.

Mentre il design dell'interfaccia utente passa dalla sua infanzia, che tipo di mondo grafico possiamo aspettarci di sviluppare? Sulla base della traiettoria attuale, il futuro sembra cupo. Gran parte della progettazione dell'interfaccia utente oggi è diventata standardizzata e ripetibile. Le discussioni sul design online si fissano sulle regole di apprendimento per far funzionare i progetti in sicurezza piuttosto che spingersi oltre o immaginare cose nuove.

La tendenza dei designer dell'interfaccia utente a ricorrere a modelli e tendenze non solo ha creato un ambiente visivo blando, ma ha anche sminuito il valore del designer man mano che i processi diventano sempre più stereotipati.

Mentre esaminiamo le migliori pratiche dell'interfaccia utente e gli errori comuni, la preoccupazione più urgente non è la competenza tecnica, ma evitare un assalto di design ripetitivi e visivamente noiosi.

I primi cinque errori di progettazione dell'interfaccia utente più comuni sono:

1. I progettisti dell'interfaccia utente sono diventati ossessionati dalle regole.
2. La griglia sta limitando il processo creativo dei designer dell'interfaccia utente.
3. Il design dell'interfaccia utente è stato standardizzato con modelli.
4. I caratteri tipografici sono tragicamente fraintesi.
5. Il contrasto non è un toccasana per il design.

Errore comune n. 1: i progettisti dell'interfaccia utente sono diventati ossessionati dalle regole

Il mondo della grafica ha sempre seguito regole e standard. All'interno delle discipline di progettazione, gli errori comuni coincidono strettamente con una regola standard che è stata infranta. Da questo punto di vista, le regole di progettazione sembrano essere guide affidabili.

Tuttavia, in ogni disciplina del design, nuovi movimenti e innovazioni creative sono il risultato di una violazione consapevole delle regole. Ciò è possibile perché il design è condizionato e richiede la discrezione del progettista. Il design non è un processo con risposte finite. Pertanto, le regole di progettazione dovrebbero essere considerate come linee guida piuttosto che fatti freddi e duri. Il designer esperto conosce e rispetta le regole quel tanto che basta per essere in grado di uscire dagli schemi.

Il modo in cui il design viene discusso online spesso ruota attorno a elenchi di cose da fare e da non fare. Padroneggia i 10 semplici passaggi per progettare la perfezione! Sfortunatamente, il design richiede una comprensione molto più solida di principi e tendenze. Il percorso verso una buona progettazione non passa attraverso l'adesione sistematica alle liste di controllo.

È interessante notare che se i designer smettono di infrangere le regole, non è possibile fare progressi creativi. Se i progettisti dell'interfaccia utente sviluppano solo la capacità di seguire le linee guida anziché affinare le proprie capacità decisionali, potrebbero diventare rapidamente irrilevanti. In quale altro modo sosterremo che il nostro lavoro aggiunge un valore maggiore rispetto ai modelli standard?

Fai attenzione alle regole di progettazione "Top 10".

Il problema con le regole di progettazione nel mondo odierno della progettazione dell'interfaccia utente è la loro abbondanza. Se i progettisti devono risolvere i problemi, possono semplicemente guardare alla comunità dell'interfaccia utente esistente e al loro insieme di soluzioni. Tuttavia, l'abbondanza di queste guide e regole ne minano la credibilità.

Una ricerca su Google per "I principali errori di progettazione dell'interfaccia utente" produce mezzo milione di risultati. Quali sono le probabilità che la maggior parte, se del caso, di questi autori siano d'accordo tra loro? Qual è la probabilità che ogni suggerimento di progettazione offerto coincida accuratamente con i problemi di progettazione di un lettore?

Spesso, gli articoli didattici online discutono di problemi acuti piuttosto che dei principi guida di progettazione alla base di un problema. Il risultato è che i nuovi designer non imparano mai perché il design funziona in quel modo. Invece, diventano dipendenti da ciò che è venuto prima. Non è un problema che così pochi di questi articoli incoraggino la sperimentazione o il gioco del design?

I progettisti dovrebbero attingere a un kit di strumenti di principi guida piuttosto che a un libro di regole predeterminate e modelli di progettazione. “Premere x per lo scorrimento del parallasse e y per i caroselli. Prima di scegliere, fai riferimento al post del blog più recente su quale strumento di navigazione è di tendenza. Noioso-!

I suggerimenti e gli elenchi dei "10 migliori" seguono tendenze prevedibili

Le tendenze sono come cibo spazzatura per i designer. Seguendoli si ottengono soluzioni economiche che offrono un certo ritorno sull'investimento iniziale ma poco valore a lungo termine. I designer che seguono le tendenze si frequentano rapidamente. La ricompensa per aver seguito il percorso progettuale di qualcun altro? Un senso rosicchiante di vuoto professionale.

È vero che lavorare per inventare i propri stili e sistemi è un duro lavoro, ma ne vale assolutamente la pena. I guadagni e le scoperte quotidiane sono tutti tuoi. C'è qualcosa nel copiare che sembra non nutrire mai l'anima del designer.

Errore comune n. 2: la griglia sta limitando il processo creativo dei designer dell'interfaccia utente

Nonostante il mio sfogo contro le regole, eccone una: è impossibile per un designer dell'interfaccia utente lavorare senza una griglia. Le interfacce Web e mobili si basano fondamentalmente sull'organizzazione pixel per pixel: non c'è modo di evitarlo.

Tuttavia, ciò non significa che i progettisti dell'interfaccia utente debbano cercare solo aspetti incentrati sulla griglia. Allo stesso modo, non c'è motivo per cui tutte le decisioni relative alla progettazione siano basate su una griglia.

Evita di usare la griglia come strumento alla moda

In generale, progettare in risposta alle tendenze si traduce in un design scadente. Nella migliore delle ipotesi, le tendenze portano a risultati soddisfacenti, ma l'impatto complessivo è quasi certo deludente. Essere alla moda è essere ordinari.

Pertanto, quando si utilizza una griglia in un progetto, è necessario comprendere cosa la griglia ha da offrire come strumento e cosa potrebbe trasmettere. Le griglie generalmente rappresentano la neutralità poiché tutto all'interno dei vincoli di una griglia appare uguale.

Le griglie consentono anche un'esperienza di navigazione imparziale. Gli utenti possono saltare da un elemento all'altro senza alcuna interferenza da parte della mano curatoriale del designer. Con altre strutture di navigazione, il progettista può essere in grado di raggruppare i contenuti e stabilire le sequenze desiderate in modo più intenzionale.

Non impostare la griglia come flusso di lavoro predefinito

Dylan Fracareta, docente presso la Rhode Island School of Design (RISD) e direttore della rivista PIN-UP, sottolinea che "la maggior parte delle persone inizia con una griglia a 12 colonne... perché puoi ricavarne 3 e 4". Il pericolo qui è che i designer predetermino immediatamente il loro lavoro.

Per evitare ciò, Fracareta utilizza lo strumento di spostamento solo con quantità impostate, invece di posizionare fisicamente le cose contro una linea della griglia. Questo ha il doppio effetto di stabilire l'ordine e di aprire il potenziale per esiti imprevisti.

Progettare per il browser significava inserire il codice e aspettare per vedere cosa è successo. Al giorno d'oggi, il web design è simile al design del layout tradizionale, in cui il processo è "più simile alla regolazione di due fogli di carta trasparente". Come possiamo, come designer, trarre vantaggio da questo processo?

Sebbene le griglie possano essere restrittive, sono una delle nostre forme di organizzazione più tradizionali. La griglia è intuitiva. La griglia è neutra e modesta. Le griglie consentono al contenuto di parlare da sé e agli utenti di navigare facilmente in un'interfaccia. Nonostante i miei avvertimenti sulla restrizione delle griglie, diversi array consentono diversi livelli di guida o libertà.

Errore comune n. 3: il design dell'interfaccia utente è stato standardizzato con modelli

Il concetto di elementi di design standardizzati precede la progettazione dell'interfaccia utente. I dettagli architettonici sono stati ripetuti e applicati a circostanze progettuali simili per secoli. Questa pratica ha senso per parti di un edificio che le persone percepiscono raramente.

Tuttavia, una volta che gli architetti hanno standardizzato elementi comuni come le dimensioni dei mobili e l'altezza del corrimano, le persone hanno iniziato a esprimere disinteresse per gli ambienti fisici beige che ne risultavano.

Non solo questo, ma le dimensioni standardizzate si sono rivelate inefficaci. Sulla base delle medie statistiche, spesso non sono riusciti a servire ampi segmenti della popolazione. I dettagli ripetibili hanno il loro posto, ma non dovrebbero essere usati acriticamente.

I designer non dovrebbero usare i modelli come prodotti

Molti designer dell'interfaccia utente vedono i pattern come qualcosa di più grande di un semplice strumento per risparmiare tempo. Li vedono come soluzioni pronte all'uso per complicati problemi di progettazione. I modelli hanno lo scopo di standardizzare le attività e gli artefatti ricorrenti al fine di semplificare il lavoro del progettista. Purtroppo, alcuni modelli come caroselli, impaginazione e modelli F sono diventati l'intera struttura di molte delle nostre interfacce.

L'uso del modello è giustificabile?

I designer si dicono che il modello F esiste come risultato del modo in cui le persone leggono sul web. Espen Brunborg sottolinea che forse le persone leggono in questo modo a causa del nostro uso eccessivo del modello F. "A che serve avere web designer se tutto ciò che fanno è seguire la ricetta?" chiede Brunborg.

Errore comune n. 4: i caratteri tipografici sono tragicamente fraintesi

Molti elenchi di design "Suggerimenti rapidi" suggeriscono regole rigide e veloci per i caratteri. Ogni regola viene gridata religiosamente: "Una sola famiglia di caratteri! I caratteri a spaziatura fissa sono morti! Evita a tutti i costi i caratteri sottili! Questo non è altro che aria calda.

Le uniche regole legittime su tipo, testo e caratteri sono incentrate sull'applicazione della leggibilità e sulla trasmissione di un significato appropriato. Finché il testo è leggibile, potrebbero esserci opportunità di utilizzare una varietà di caratteri tipografici. Il progettista dell'interfaccia utente deve assumersi la responsabilità di conoscere la storia, gli usi e le intenzioni di progettazione per ogni font implementato in un'interfaccia.

La leggibilità dei caratteri regna sovrana

I caratteri tipografici trasmettono significato e influiscono sulla leggibilità. Con tutte le discussioni sulle regole per la leggibilità sui dispositivi, i designer stanno dimenticando che il tipo è progettato per infondere un corpo di testo con una sensibilità estetica. La leggibilità è fondamentale, questo non è da contestare, ma dovrebbe essere davvero un obiettivo ovvio. Altrimenti, perché avremmo bisogno di qualcosa al di là di Helvetica o Highway Gothic?

La cosa importante da ricordare è che i caratteri non sono progettati solo per diversi contesti di leggibilità. Sono anche essenziali per trasmettere un significato e dare ai corpi di testo stati d'animo sfumati.

Evitare i caratteri sottili a tutti i costi non è saggio

Ora che la tendenza è andata e ritorno, una comune critica al design sostiene di evitare del tutto i caratteri sottili. Ma servono più regolamenti? L'obiettivo non dovrebbe essere una comprensione più profonda dei principi di progettazione che supportano i caratteri tipografici?

Alcuni designer sono convinti che i caratteri sottili siano impossibili da leggere o inaffidabili tra i dispositivi. Punti legittimi. Tuttavia, questa rappresenta una condizione nell'attuale discussione sulla progettazione dell'interfaccia utente in cui i caratteri tipografici sono intesi solo come una scelta tecnica relativa alla leggibilità. Se la leggibilità è l'unico problema di progettazione, perché non bandire del tutto i caratteri sottili?

Un approccio più olistico inizia con la comprensione del motivo per cui un carattere sottile potrebbe essere vantaggioso e in quali contesti. Il testo in grassetto e spesso è in realtà molto più difficile da leggere a lungo rispetto al testo più sottile. Tuttavia, poiché i caratteri in grassetto hanno un peso visivo maggiore, sono più appropriati per intestazioni o contenuti con poco testo.

I caratteri sottili spesso utilizzano i grazie, rendendoli adatti al corpo del testo. Come mai? I caratteri Serif scorrono insieme se visti in rapida successione, rendendoli più comodi per lunghi periodi di lettura.

Inoltre, i caratteri sottili vengono spesso scelti perché trasmettono eleganza. Se un designer viene assunto per creare un'interfaccia per un cliente il cui mandato è la raffinatezza visiva, sarebbe difficile trovare un carattere tipografico più pesante per svolgere il lavoro.

I caratteri richiedono variazioni per stabilire la gerarchia

Un comune errore di progettazione dell'interfaccia utente non fornisce un'adeguata variazione tra i caratteri. La modifica dei caratteri è un buon strumento di navigazione che aiuta a stabilire una gerarchia visiva all'interno di un'interfaccia. In generale, gli elementi più grandi (o i caratteri più audaci) sono i più importanti e hanno il maggior peso visivo. Il significato visivo aiuta gli utenti a identificare i titoli dei contenuti e le funzioni utilizzate di frequente.

Troppe variazioni minano la gerarchia

Il problema nel rendere unica ogni scelta di font, specialmente quando un'interfaccia contiene molti caratteri tipografici, è che nulla spicca davvero. Se ogni font è diverso, diventa difficile per gli utenti riconoscere contenuti importanti o stabilire un senso dell'ordine visivo.

Errore comune n. 5: il contrasto non è un toccasana nel design

Un filo comune che compare in molti elenchi di "Errori principali" incoraggia i progettisti dell'interfaccia utente a evitare le interfacce a basso contrasto. È vero che ci sono molti casi in cui i disegni a basso contrasto sono illeggibili e inefficaci. Tuttavia, la mia preoccupazione, simile ai miei punti sui caratteri sottili, è che l'uso del linguaggio assoluto porti a una cultura del design omogenea e ad alto contrasto.

L'impostazione predefinita su Contrasto elevato è incurante

Le immagini ad alto contrasto sono innegabilmente stimolanti ed eccitanti. Tuttavia, ci sono molti altri stati all'interno della gamma emotiva umana che vale la pena trasmettere. Essere visivamente stimolanti può anche essere visivamente sicuro.

Prendi, ad esempio, l'intera industria dei film di fantascienza contemporanei. Sembra che ogni produzione abbia fatto ricorso a immagini in nero e blu neon come un modo per indurre gli spettatori all'eccitazione. Non sarebbe più efficace intrecciare narrazioni con immagini sia ad alto che a basso contrasto che provocano una portata più ampia di risposte emotive?

Funzionalmente, se ogni elemento in un'interfaccia è in forte contrasto con un altro, allora non c'è niente che risalta. Ciò vanifica il potenziale valore del contrasto come strumento gerarchico. Considerare le diverse mosse del design come strumenti, piuttosto che come regole, è essenziale per evitare un design stagnante e di tendenza.

Conclusione

Nella migliore delle ipotesi, le regole di progettazione sono guide. Forniscono sicurezza decisionale e avvertono i progettisti dei pericoli di scelte sconsiderate.

Al contrario, le regole di progettazione non sono leggi. Non sono infrangibili e non meritano certo la nostra resa indiscussa. Infatti, le regole di progettazione, se seguite sconsideratamente, possono diventare seri stampelle che indeboliscono la nostra capacità di risolvere i problemi in modo creativo.

I designer non sono scienziati. Non siamo tenuti a fornire prove empiriche per ogni decisione estetica che prendiamo. È vero che la nostra professione è fatta di processi e giudizi deliberati, ma c'è spazio per l'istinto e l'ingegno. In effetti, la nostra capacità di aiutare i nostri clienti a distinguersi in un mondo disordinato di contenuti alla moda dipende dalla nostra volontà di immaginare nuove possibilità.

Dobbiamo sperimentare. Dobbiamo giocare.

Le regole di progettazione esistono per essere sfruttate a vantaggio visivo. Possono essere piegati, persino spezzati, ma non devono mai essere seguiti ciecamente.