Design UI TV: Lucrul cu spațiul alb

Proiectarea pentru TV necesită o înțelegere cuprinzătoare și disciplinată a principiilor UX. Unul dintre elementele care reprezintă o preocupare constantă atunci când proiectați pentru televizor este utilizarea spațiului alb în design. Există prea multe aplicații TV pe piață care nu știu (sau aleg în mod conștient să nu) valorifice în mod corespunzător spațiul alb. Rezultatul sunt răni aglomerate care subminează activ obiectivele de afaceri.

Iată o explicație a ce este spațiul alb și a modului în care utilizarea acestuia în aplicația TV este cea mai bună pentru afaceri.

Primul si cel mai important…

Ce este spațiul alb?

Spațiul alb este o bucată neocupată de imobil cu zero text sau grafică stratificată deasupra.

Acest lucru este important de reținut deoarece o imagine grafică de fundal poate fi considerată spațiu alb, atâta timp cât nu există nimic adăugat deasupra ei.

Care este marea afacere?

De ce ceva atât de simplu face o asemenea diferență? Proprietarii de afaceri văd adesea spațiul alb ca pe o oportunitate pierdută de a promova mai mult conținut - o risipă de imobiliare valoroasă pe ecran. Obiectivul lor este să pună cât mai mult conținut în fața utilizatorilor, ceea ce, la un anumit nivel, este de înțeles. Cu toate acestea, atunci când prea mult conținut este pus la dispoziția clienților, aceștia se confruntă cu ceea ce se numește paralizie de decizie - o lipsă completă a capacității de a decide.

Legea lui Hick, sau Legea Hick-Hyman, numită după psihologii britanici și americani William Edmund Hick și Ray Hyman, descrie timpul necesar unei persoane pentru a lua o decizie ca urmare a posibilelor alegeri pe care le are: creșterea numărului de alegeri va crește timpul de decizie în mod logaritmic.

Aceasta este de fapt o mare problemă atunci când luați în considerare întregul concept de aplicații TV - ALEGEREA! De câte ori ați răsfoit o bibliotecă nesfârșită de miniaturi de emisiuni TV și filme, doar ca să nu vă puteți decide cu nimic? Nu pentru că conținutul nu este grozav. Se datorează faptului că nu există încăpere de respirație - nu există separatori semnificativi. Mintea ta vede atât de multe opțiuni, se închide.

Pentru designeri, spațiul alb este spațiul negativ dintr-o pagină care oferă ochilor tăi spațiu de respirație vizuală.

Designerii știu că spațiul alb îl ajută pe utilizator să se concentreze și să absoarbă conținutul pe care doresc să-l vadă.

Spune Da la spațiul alb

Spațiul alb este deosebit de important pentru proiectarea aplicației TV, deoarece, de obicei, utilizatorii sunt relaxați, bucurându-se de o experiență relaxată - încercând să ia o decizie la distanță. Oferându-le un echilibru frumos între conținut și spațiu alb, îi ajutăm de fapt prin acest proces.

Când este utilizat corect, spațiul alb poate transforma un design și experiența pe care o va obține utilizatorul. Design-urile și machetele au nevoie de spațiu pentru a respira, pentru a fi ușor pentru ochi și pentru a facilita luarea deciziilor. Prin utilizarea spațiului alb, creșteți de fapt lizibilitatea conținutului și interacțiunile utilizatorilor. Acest lucru se realizează prin reducerea distragerilor care împiedică telespectatorii să ia o decizie.

Potrivit cercetărilor efectuate de Human Factors International, spațiul alb mărește înțelegerea utilizatorilor cu aproape 20%.

Să ne uităm la modul în care spațiul alb ajută la crearea spațiului de respirație și la modul în care acesta transformă procesul de luare a deciziilor.

Vezi asta?

Spațiul alb creează separări clare care concentrează ochii unui utilizator asupra conținutului pe care doriți să îl privească.

Hulu face o treabă grozavă în utilizarea spațiului alb în aplicația sa Hulu Live. Uitați-vă la imaginea mare de fundal care este folosită în locul artei tradiționale a posterului - este captivantă și frumoasă de privit. Acesta este un exemplu excelent de utilizare a spațiului imens de vânzare cu amănuntul disponibil.

Spațiul alb reduce sarcina cognitivă și accelerează luarea deciziilor. După cum este descris de Fast Co Design, adăugarea de spațiu alb face mult mai mult decât eliminarea dezordinei - servește aceste funcții esențiale:

• Îmbunătățește înțelegerea
• Clarifică relațiile dintre elementele interactive
• Atrage și concentrează atenția utilizatorilor

Spațiul alb nu este doar despre estetică, este cheia unei interfețe de utilizator de succes. Concentrându-ne pe spațiul alb vizual, spațiul alb al aspectului, spațiul alb al textului și spațiul alb al conținutului, îmbunătățim dramatic înțelegerea utilizatorilor. Acest lucru adaugă accent și vă poziționează conținutul în centrul atenției. Imaginile care sunt aproape unele de altele vor apărea similare; astfel, clarificarea relațiilor cu utilizatorii le va permite acestora să navigheze în încredere. După cum ați mai auzit, „mai puțin înseamnă mai mult”.

Folosiți puterea spațiului alb pentru a vă ridica design-urile și pentru a ajuta la luarea deciziilor.

Reducerea încărcăturii cognitive va face interfața de utilizare nu numai mai utilizabilă, ci și mai plăcută de utilizat — spațiul alb va ajuta la crearea unui sentiment de armonie și fluiditate pe parcursul experienței utilizatorului.

Utilizarea eficientă a spațiului alb

Iată câteva exemple de aplicații TV care folosesc puterea spațiului alb eficient pentru a crea interfețe care sunt plăcute de utilizat.

Spațiul alb este un element care este prea des trecut cu vederea și subutilizat în multe dintre modelele de televiziune de astăzi. Deși conținutul este regele în aplicațiile TV, aceasta nu înseamnă că ar trebui să aglomeram ecranul acoperind fiecare centimetru din acesta. Spațiul alb este un dispozitiv de design simplu, dar puternic, care ar trebui aplicat oricărei aplicații TV de pe piață. Este modern, elegant, stimulativ vizual și s-a dovedit că ajută utilizatorii să decidă ce conținut să vizioneze.

• • •

Citiri suplimentare pe Blogul Toptal Design:

• eCommerce UX – O privire de ansamblu asupra celor mai bune practici (cu infografic)
• Importanța designului centrat pe om în proiectarea produsului
• Cele mai bune portofolii de designeri UX – Studii de caz și exemple inspiratoare
• Principii euristice pentru interfețele mobile
• Design anticipator: Cum să creați experiențe magice pentru utilizator