TV-UI-Design: Arbeiten mit Leerraum

Das Designen für das Fernsehen erfordert ein umfassendes, diszipliniertes Verständnis der UX-Prinzipien. Eines der Elemente, das bei der Gestaltung für das Fernsehen ein ständiges Anliegen ist, ist die Verwendung von Weißraum im Design. Es gibt zu viele TV-Apps auf dem Markt, die nicht wissen (oder sich bewusst dagegen entscheiden), Leerraum richtig zu nutzen. Das Ergebnis sind überladene Schandflecken, die die Geschäftsziele aktiv untergraben.

Hier ist eine Erklärung, was Weißraum ist und wie er in Ihrer TV-App für Ihr Geschäft am besten ist.

Zuallererst…

Was ist Weißraum?

Leerraum ist ein unbesetztes Grundstück, auf dem kein Text oder keine Grafik geschichtet ist.

Dies ist wichtig zu beachten, da eine Hintergrundbildgrafik als weißer Raum angesehen werden kann, solange darüber nichts hinzugefügt wird.

Was ist die große Sache?

Warum macht etwas so Einfaches einen solchen Unterschied? Geschäftsinhaber sehen Leerraum oft als verpasste Gelegenheit, mehr Inhalte zu bewerben – eine Verschwendung wertvoller Bildschirmfläche. Ihr Ziel ist es, den Benutzern so viele Inhalte wie möglich zu präsentieren, was auf einer gewissen Ebene verständlich ist. Wenn den Kunden jedoch zu viele Inhalte zur Verfügung gestellt werden, sehen sie sich mit der sogenannten Entscheidungslähmung konfrontiert – einem völligen Mangel an Entscheidungsfähigkeit.

Hicks Gesetz oder Hick-Hyman-Gesetz, benannt nach den britischen und amerikanischen Psychologen William Edmund Hick und Ray Hyman, beschreibt die Zeit, die eine Person braucht, um eine Entscheidung zu treffen, als Ergebnis der möglichen Entscheidungen, die sie oder er hat: die Erhöhung der Anzahl Auswahlmöglichkeiten erhöhen die Entscheidungszeit logarithmisch.

Das ist eigentlich eine große Sache, wenn man das gesamte Konzept von TV-Apps berücksichtigt – WAHL! Wie oft haben Sie eine endlose Bibliothek mit Miniaturansichten von Fernsehsendungen und Filmen durchsucht, nur um festzustellen, dass Sie sich überhaupt nicht für etwas entscheiden können? Es liegt nicht daran, dass der Inhalt nicht großartig ist. Das liegt daran, dass es keinen Raum zum Atmen gibt – keine signifikanten Trennzeichen. Dein Verstand sieht so viele Möglichkeiten, dass er abschaltet.

Für Designer ist Weißraum der negative Raum auf einer Seite, der Ihren Augen einen visuellen Atemraum bietet.

Designer wissen, dass Leerraum dem Benutzer hilft, sich zu konzentrieren und den Inhalt aufzunehmen, den er sehen soll.

Sagen Sie Ja zu White Space

Leerraum ist besonders wichtig für das Design von TV-Apps, da die Benutzer normalerweise entspannt sind und eine entspannte Erfahrung genießen und versuchen, eine Entscheidung aus der Ferne zu treffen. Indem wir ihnen eine gute Balance zwischen Inhalt und Leerraum bieten, helfen wir ihnen tatsächlich bei diesem Prozess.

Bei richtiger Verwendung kann Weißraum ein Design und die Erfahrung, die ein Benutzer daraus ziehen wird, verändern. Designs und Layouts brauchen Raum zum Atmen, um die Augen zu schonen und Entscheidungen zu erleichtern. Durch die Verwendung von Leerraum verbessern Sie die Lesbarkeit von Inhalten und die Benutzerinteraktionen. Dies wird erreicht, indem die Ablenkungen reduziert werden, die die Zuschauer davon abhalten, eine Entscheidung zu treffen.

Laut einer von Human Factors International durchgeführten Studie erhöht Leerraum das Benutzerverständnis um fast 20 %.

Schauen wir uns an, wie Leerraum dazu beiträgt, Freiraum zu schaffen, und wie dies den Entscheidungsprozess verändert.

Siehst du das?

Leerraum schafft klare Trennungen, die die Augen eines Benutzers auf den Inhalt lenken, den Sie sehen möchten.

Hulu leistet großartige Arbeit bei der Verwendung von Leerraum in seiner Hulu Live-App. Schauen Sie sich das große Hintergrundbild an, das anstelle der traditionellen Posterkunst verwendet wird – es ist immersiv und schön anzusehen. Dies ist ein großartiges Beispiel dafür, wie die riesige verfügbare Verkaufsfläche genutzt werden kann.

Leerraum reduziert die kognitive Belastung und beschleunigt die Entscheidungsfindung. Wie von Fast Co Design beschrieben, bewirkt das Hinzufügen von Leerraum viel mehr als nur das Entfernen von Unordnung – es dient diesen wesentlichen Funktionen:

• Verbessert das Verständnis
• Verdeutlicht Beziehungen zwischen interaktiven Elementen
• Erregt und fokussiert die Aufmerksamkeit der Benutzer

Bei Weißraum geht es nicht nur um Ästhetik, er ist der Schlüssel zu einer erfolgreichen Benutzeroberfläche. Indem wir uns auf visuellen Weißraum, Layout-Weißraum, Text-Weißraum und Inhalts-Weißraum konzentrieren, verbessern wir das Benutzerverständnis erheblich. Dies betont und positioniert Ihre Inhalte im Vordergrund und in der Mitte. Nahe beieinander liegende Bilder erscheinen ähnlich; Die Klärung der Beziehungen zu den Benutzern ermöglicht es ihnen daher, vertrauensvoll zu navigieren. Wie Sie bereits gehört haben, gilt: „Weniger ist mehr“.

Nutzen Sie die Kraft des weißen Raums, um Ihre Designs hervorzuheben und bei der Entscheidungsfindung zu helfen.

Durch die Reduzierung der kognitiven Belastung wird die Benutzeroberfläche nicht nur benutzerfreundlicher, sondern auch angenehmer zu verwenden – Leerraum trägt dazu bei, ein Gefühl von Harmonie und Fließfähigkeit in der gesamten Benutzererfahrung zu schaffen.

Effektive Nutzung von White Space

Hier sind einige weitere Beispiele für TV-Apps, die die Kraft effektiver Leerräume nutzen, um Benutzeroberflächen zu erstellen, die angenehm zu bedienen sind.

Weißraum ist ein Element, das in vielen modernen Fernsehdesigns allzu oft übersehen und zu wenig genutzt wird. Während der Inhalt in TV-Apps König ist, bedeutet dies nicht, dass wir den Bildschirm überladen sollten, indem wir jeden Zentimeter davon abdecken. Weißraum ist ein einfaches, aber leistungsstarkes Designmittel, das auf jede TV-App auf dem Markt angewendet werden sollte. Es ist modern, elegant, visuell anregend und hilft Benutzern nachweislich bei der Entscheidung, welche Inhalte sie ansehen möchten.

• • •

Weiterführende Literatur im Toptal Design Blog:

• eCommerce UX – Best Practices im Überblick (mit Infografik)
• Die Bedeutung von Human-Centered Design im Produktdesign
• Die besten UX-Designer-Portfolios – inspirierende Fallstudien und Beispiele
• Heuristische Prinzipien für mobile Schnittstellen
• Antizipatorisches Design: Wie man magische Benutzererlebnisse schafft