Design dell'interfaccia utente TV: lavorare con lo spazio bianco

La progettazione per la TV richiede una comprensione completa e disciplinata dei principi dell'esperienza utente. Uno degli elementi che è una preoccupazione costante quando si progetta per la TV è l'uso dello spazio bianco nel design. Ci sono troppe app TV sul mercato che non sanno come (o scelgono consapevolmente di non farlo) sfruttare correttamente lo spazio bianco. Il risultato sono ingombranti pugno nell'occhio che minano attivamente gli obiettivi aziendali.

Ecco una spiegazione di cos'è lo spazio bianco e di come utilizzarlo nell'app TV è meglio per le aziende.

Innanzitutto…

Cos'è lo spazio bianco?

Lo spazio bianco è un pezzo di proprietà non occupato con zero testo o grafica sovrapposta.

Questo è importante da notare perché un'immagine grafica di sfondo può essere considerata uno spazio bianco purché non vi sia nulla di aggiunto sopra di essa.

Qual è il problema?

Perché una cosa così semplice fa una tale differenza? I proprietari di aziende spesso vedono lo spazio bianco come un'opportunità persa per promuovere più contenuti, uno spreco di prezioso spazio sullo schermo. Il loro obiettivo è mettere più contenuti possibile davanti agli utenti, il che, a un certo livello, è comprensibile. Tuttavia, quando vengono messi a disposizione troppi contenuti per i clienti, questi devono affrontare quella che viene chiamata paralisi decisionale , una completa mancanza di capacità di decidere.

La legge di Hick, o legge di Hick-Hyman, dal nome degli psicologi britannici e americani William Edmund Hick e Ray Hyman, descrive il tempo necessario a una persona per prendere una decisione a seguito delle possibili scelte che ha: aumentare il numero delle scelte aumenterà il tempo di decisione in modo logaritmico.

In realtà è un grosso problema quando prendi in considerazione l'intero concetto di app TV: SCELTA! Quante volte hai sfogliato una libreria infinita di programmi TV e miniature di film solo per trovarti incapace di decidere su nulla? Non è perché il contenuto non è eccezionale. È perché non c'è spazio per respirare, nessun separatore significativo. La tua mente vede così tante opzioni che si spegne.

Per i designer, lo spazio bianco è lo spazio negativo su una pagina che offre uno spazio di respiro visivo per i tuoi occhi.

I designer sanno che lo spazio bianco aiuta l'utente a concentrarsi e ad assorbire il contenuto che vuole che veda.

Dì di sì allo spazio bianco

Lo spazio bianco è particolarmente importante per la progettazione di app TV perché in genere gli utenti sono rilassati e si godono un'esperienza rilassata, cercando di prendere una decisione a distanza. Fornendo loro un buon equilibrio tra contenuto e spazio bianco, li stiamo effettivamente aiutando in questo processo.

Se utilizzato correttamente, lo spazio bianco può trasformare un progetto e l'esperienza che un utente ne trarrà. Disegni e layout hanno bisogno di spazio per respirare per essere piacevoli alla vista e aiutare a facilitare le decisioni. Utilizzando lo spazio bianco, aumenti effettivamente la leggibilità dei contenuti e le interazioni degli utenti. Ciò si ottiene riducendo le distrazioni che impediscono agli spettatori di prendere una decisione.

Secondo una ricerca condotta da Human Factors International, lo spazio bianco aumenta la comprensione dell'utente di quasi il 20%.

Diamo un'occhiata a come lo spazio bianco aiuta a creare un respiro e come questo trasforma il processo decisionale.

Guarda quello?

Lo spazio bianco crea separazioni chiare che focalizzano gli occhi dell'utente sul contenuto che vuoi che guardi.

Hulu fa un ottimo lavoro nell'usare lo spazio bianco nella sua app Hulu Live. Dai un'occhiata alla grande immagine di sfondo che viene utilizzata al posto della tradizionale poster art: è coinvolgente e bella da vedere. Questo è un ottimo esempio di come utilizzare l'enorme spazio di vendita disponibile.

Lo spazio bianco riduce il carico cognitivo e accelera il processo decisionale. Come descritto da Fast Co Design, l'aggiunta di spazio bianco fa molto di più che rimuovere semplicemente il disordine: serve queste funzioni essenziali:

• Migliora la comprensione
• Chiarisce le relazioni tra elementi interattivi
• Attira e focalizza l'attenzione degli utenti

Lo spazio bianco non riguarda solo l'estetica, è la chiave per un'interfaccia utente di successo. Concentrandoci sullo spazio bianco visivo, lo spazio bianco del layout, lo spazio bianco del testo e lo spazio bianco del contenuto, miglioriamo notevolmente la comprensione dell'utente. Questo aggiunge enfasi e posiziona i tuoi contenuti in primo piano e al centro. Le immagini vicine tra loro appariranno simili; quindi, chiarire le relazioni con gli utenti consentirà loro di navigare in sicurezza. Come hai già sentito prima, "less is more".

Usa il potere dello spazio bianco per elevare i tuoi progetti e aiutare con il processo decisionale.

La riduzione del carico cognitivo renderà l'interfaccia utente non solo più utilizzabile, ma anche più piacevole da usare: lo spazio bianco contribuirà a creare un senso di armonia e fluidità durante l'esperienza dell'utente.

Uso efficace dello spazio bianco

Ecco alcuni altri esempi di app TV che utilizzano la potenza di uno spazio bianco efficace per creare interfacce piacevoli da usare.

Lo spazio bianco è un elemento troppo spesso trascurato e sottoutilizzato in molti dei design televisivi di oggi. Sebbene il contenuto sia il re nelle app TV, non significa che dovremmo ingombrare lo schermo coprendone ogni centimetro. Lo spazio bianco è un dispositivo di design semplice ma potente che dovrebbe essere applicato a tutte le app TV sul mercato. È moderno, elegante, visivamente stimolante e ha dimostrato di aiutare gli utenti a decidere quali contenuti guardare.

• • •

Ulteriori letture sul blog di Toptal Design:

• eCommerce UX: una panoramica delle migliori pratiche (con infografica)
• L'importanza del design incentrato sull'uomo nel design del prodotto
• I migliori portfolio di designer UX: casi di studio ed esempi stimolanti
• Principi euristici per interfacce mobili
• Design anticipatorio: come creare esperienze utente magiche