Projektowanie interfejsu użytkownika telewizora: praca z białą przestrzenią

Projektowanie dla telewizji wymaga wszechstronnego, zdyscyplinowanego zrozumienia zasad UX. Jednym z elementów, o który stale troszczy się przy projektowaniu telewizorów, jest wykorzystanie białej przestrzeni w projektowaniu. Na rynku jest zbyt wiele aplikacji telewizyjnych, które nie wiedzą, jak (lub świadomie nie chcą) odpowiednio wykorzystać białej przestrzeni. Rezultatem są bałagan, który aktywnie podważa cele biznesowe.

Oto wyjaśnienie, czym jest biała przestrzeń i w jaki sposób korzystanie z niej w aplikacji telewizyjnej jest najlepsze dla biznesu.

Przede wszystkim…

Czym jest biała przestrzeń?

Biała przestrzeń to niezamieszkana nieruchomość bez tekstu lub grafiki ułożonej na wierzchu.

Jest to ważne, ponieważ grafika tła może być uważana za białą przestrzeń, o ile nie ma nic nad nią.

O co tyle szumu?

Dlaczego coś tak prostego robi taką różnicę? Właściciele firm często postrzegają białą przestrzeń jako straconą okazję do promowania większej ilości treści — marnowanie cennej nieruchomości ekranowej. Ich celem jest umieszczenie jak największej ilości treści przed użytkownikami, co w pewnym stopniu jest zrozumiałe. Jednak gdy klientom udostępnia się zbyt dużo treści, napotykają na coś, co nazywa się paraliżem decyzyjnym — całkowitym brakiem możliwości podejmowania decyzji.

Prawo Hicka lub Prawo Hicka-Hymana, nazwane na cześć brytyjskich i amerykańskich psychologów Williama Edmunda Hicka i Raya Hymana, opisuje czas, jaki zajmuje człowiekowi podjęcie decyzji w wyniku możliwych wyborów, jakie ma: zwiększenie liczby możliwości wyboru wydłuży logarytmicznie czas podejmowania decyzji.

To naprawdę wielka sprawa, jeśli weźmiesz pod uwagę całą koncepcję aplikacji telewizyjnych — WYBÓR! Ile razy przeglądałeś niekończącą się bibliotekę miniatur programów telewizyjnych i filmów tylko po to, aby w ogóle nie móc się zdecydować? Nie dlatego, że treść nie jest świetna. Dzieje się tak, ponieważ nie ma miejsca na oddychanie — żadnych znaczących separatorów. Twój umysł widzi tak wiele opcji, że się wyłącza.

Dla projektantów biała przestrzeń to negatywna przestrzeń na stronie, która zapewnia wizualną przestrzeń do oddychania dla oczu.

Projektanci wiedzą, że biała przestrzeń pomaga użytkownikowi skupić się i przyswoić treści, które chcą, aby zobaczył.

Powiedz tak białej przestrzeni

Biała przestrzeń jest szczególnie ważna przy projektowaniu aplikacji telewizyjnych, ponieważ zazwyczaj użytkownicy są zrelaksowani i cieszą się swobodą — próbują podjąć decyzję na odległość. Zapewniając im przyjemną równowagę między treścią a białą przestrzenią, faktycznie pomagamy im w tym procesie.

Właściwie wykorzystana biała przestrzeń może zmienić projekt i wrażenia, jakie uzyska z niego użytkownik. Projekty i układy potrzebują przestrzeni do oddychania, aby nie męczyć oczu i ułatwiać podejmowanie decyzji. Wykorzystując białą przestrzeń, faktycznie zwiększasz czytelność treści i interakcje użytkowników. Osiąga się to poprzez zmniejszenie czynników rozpraszających, które uniemożliwiają widzom podjęcie decyzji.

Według badań przeprowadzonych przez Human Factors International, biała przestrzeń zwiększa zrozumienie przez użytkowników o prawie 20%.

Przyjrzyjmy się, jak biała przestrzeń pomaga stworzyć oddech i jak zmienia to proces podejmowania decyzji.

Zobaczyć, że?

Biała przestrzeń tworzy wyraźne rozgraniczenia, które skupiają wzrok użytkownika na treści, na którą chcesz, aby spojrzał.

Hulu świetnie radzi sobie z wykorzystaniem białej przestrzeni w swojej aplikacji Hulu Live. Zobacz duży obraz tła, który jest używany zamiast tradycyjnej grafiki plakatowej — jest wciągający i piękny dla oka. To doskonały przykład wykorzystania ogromnej dostępnej powierzchni handlowej.

Biała przestrzeń zmniejsza obciążenie poznawcze i przyspiesza podejmowanie decyzji. Jak opisuje Fast Co Design, dodawanie białej przestrzeni to znacznie więcej niż tylko usuwanie bałaganu — spełnia te podstawowe funkcje:

• Poprawia zrozumienie
• Wyjaśnia relacje między elementami interaktywnymi
• Przyciąga i skupia uwagę użytkowników

Biała przestrzeń to nie tylko estetyka, to klucz do udanego interfejsu użytkownika. Koncentrując się na białej przestrzeni wizualnej, białej przestrzeni układu, białej przestrzeni tekstu i białej przestrzeni treści, znacznie poprawiamy zrozumienie przez użytkownika. Dodaje to nacisku i umieszcza zawartość z przodu i na środku. Obrazy, które są blisko siebie, będą wyglądać podobnie; w ten sposób wyjaśnienie relacji z użytkownikami pozwoli im poruszać się poufnie. Jak już słyszałeś, „mniej znaczy więcej”.

Wykorzystaj moc białej przestrzeni, aby ulepszyć swoje projekty i pomóc w podejmowaniu decyzji.

Zmniejszenie obciążenia poznawczego sprawi, że interfejs użytkownika będzie nie tylko bardziej użyteczny, ale także przyjemniejszy w użyciu — biała przestrzeń pomoże stworzyć poczucie harmonii i płynności w całym doświadczeniu użytkownika.

Efektywne wykorzystanie białej przestrzeni

Oto kilka przykładów aplikacji telewizyjnych, które wykorzystują moc efektywnej białej przestrzeni do tworzenia interfejsów, które są przyjemne w użyciu.

Biała przestrzeń to element, który jest zbyt często pomijany i niewykorzystywany w wielu dzisiejszych projektach telewizyjnych. Chociaż treści są królem w aplikacjach telewizyjnych, nie oznacza to, że powinniśmy zaśmiecać ekran, zasłaniając go w każdym calu. Biała przestrzeń to proste, ale potężne urządzenie projektowe, które powinno być stosowane w każdej aplikacji telewizyjnej na rynku. Jest nowoczesny, elegancki, stymulujący wizualnie i sprawdzony, aby pomóc użytkownikom decydować, jakie treści oglądać.

• • •

Dalsza lektura na blogu Toptal Design:

• eCommerce UX – przegląd najlepszych praktyk (z infografiką)
• Znaczenie projektowania zorientowanego na człowieka w projektowaniu produktu
• Najlepsze portfolio projektantów UX – inspirujące studia przypadków i przykłady
• Zasady heurystyczne dla interfejsów mobilnych
• Projekt przewidujący: jak tworzyć magiczne doświadczenia użytkownika