Conception de l'interface utilisateur TV : Travailler avec un espace blanc

Concevoir pour la télévision nécessite une compréhension complète et disciplinée des principes UX. L'un des éléments qui est une préoccupation constante lors de la conception pour la télévision est l'utilisation de l'espace blanc dans la conception. Il y a trop d'applications TV sur le marché qui ne savent pas (ou choisissent consciemment de ne pas) exploiter correctement l'espace blanc. Il en résulte des horreurs encombrées qui sapent activement les objectifs commerciaux.

Voici une explication de ce qu'est l'espace blanc et de la meilleure façon de l'utiliser dans votre application TV pour les entreprises.

Tout d'abord…

Qu'est-ce que l'espace blanc ?

L'espace blanc est un bien immobilier inoccupé avec zéro texte ou graphique superposé.

Ceci est important à noter car une image graphique d'arrière-plan peut être considérée comme un espace blanc tant qu'il n'y a rien d'ajouté au-dessus.

Quel est le gros problème ?

Pourquoi quelque chose d'aussi simple fait-il une telle différence ? Les propriétaires d'entreprise considèrent souvent l'espace blanc comme une occasion perdue de promouvoir plus de contenu, un gaspillage d'espace précieux sur l'écran. Leur objectif est de mettre autant de contenu que possible devant les utilisateurs, ce qui, à un certain niveau, est compréhensible. Cependant, lorsque trop de contenu est mis à la disposition des clients, ils sont confrontés à ce qu'on appelle la paralysie décisionnelle , c'est-à-dire une incapacité totale à décider.

La loi de Hick, ou loi Hick-Hyman, du nom des psychologues britanniques et américains William Edmund Hick et Ray Hyman, décrit le temps qu'il faut à une personne pour prendre une décision en fonction des choix possibles qu'elle a : augmenter le nombre de choix augmentera le temps de décision de manière logarithmique.

C'est en fait un gros problème lorsque vous tenez compte de tout le concept des applications TV - CHOIX ! Combien de fois avez-vous parcouru une bibliothèque sans fin de vignettes d'émissions de télévision et de films pour vous retrouver incapable de décider quoi que ce soit ? Ce n'est pas parce que le contenu n'est pas génial. C'est parce qu'il n'y a pas de répit, pas de séparateurs importants. Votre esprit voit tellement d'options qu'il s'arrête.

Pour les concepteurs, l'espace blanc est l'espace négatif sur une page qui offre une respiration visuelle à vos yeux.

Les concepteurs savent que l'espace blanc aide l'utilisateur à se concentrer et à absorber le contenu qu'il souhaite voir.

Dites oui à l'espace blanc

L'espace blanc est particulièrement important pour la conception d'applications TV, car généralement, les utilisateurs sont détendus, profitant d'une expérience décontractée et essayant de prendre une décision à distance. En leur offrant un bon équilibre entre le contenu et l'espace blanc, nous les aidons en fait dans ce processus.

Lorsqu'ils sont utilisés correctement, les espaces blancs peuvent transformer un design et l'expérience qu'un utilisateur en tirera. Les conceptions et les mises en page ont besoin d'espace pour respirer afin d'être agréables à regarder et d'aider à faciliter les décisions. En utilisant l'espace blanc, vous augmentez en fait la lisibilité du contenu et les interactions des utilisateurs. Ceci est réalisé en réduisant les distractions qui empêchent les téléspectateurs de prendre une décision.

Selon une étude menée par Human Factors International, l'espace blanc augmente la compréhension de l'utilisateur de près de 20 %.

Voyons comment l'espace blanc aide à créer une marge de manœuvre et comment cela transforme le processus de prise de décision.

Regarde ça?

L'espace blanc crée des séparations claires qui concentrent les yeux d'un utilisateur sur le contenu que vous voulez qu'il regarde.

Hulu fait un excellent travail en utilisant l'espace blanc dans son application Hulu Live. Découvrez la grande image d'arrière-plan utilisée à la place de l'art de l'affiche traditionnelle - elle est immersive et belle à regarder. C'est un excellent exemple de la façon d'utiliser l'immense espace de vente au détail disponible.

L'espace blanc réduit la charge cognitive et accélère la prise de décision. Comme décrit par Fast Co Design, l'ajout d'un espace blanc fait bien plus que simplement supprimer l'encombrement, il remplit ces fonctions essentielles :

• Améliore la compréhension
• Clarifie les relations entre les éléments interactifs
• Attire et concentre l'attention des utilisateurs

L'espace blanc n'est pas seulement une question d'esthétique, c'est la clé d'une interface utilisateur réussie. En nous concentrant sur l'espace blanc visuel, l'espace blanc de mise en page, l'espace blanc de texte et l'espace blanc de contenu, nous améliorons considérablement la compréhension de l'utilisateur. Cela ajoute de l'emphase et positionne votre contenu au premier plan. Les images proches les unes des autres apparaîtront similaires ; ainsi, clarifier les relations avec les utilisateurs leur permettra de naviguer en toute confiance. Comme vous l'avez déjà entendu, "moins c'est plus".

Utilisez la puissance de l'espace blanc pour rehausser vos conceptions et vous aider à prendre des décisions.

La réduction de la charge cognitive rendra l'interface utilisateur non seulement plus utilisable, mais également plus agréable à utiliser. L'espace blanc aidera à créer un sentiment d'harmonie et de fluidité tout au long de l'expérience de l'utilisateur.

Utilisation efficace de l'espace blanc

Voici quelques exemples supplémentaires d'applications TV qui utilisent la puissance d'un espace blanc efficace pour créer des interfaces agréables à utiliser.

L'espace blanc est un élément trop souvent négligé et sous-utilisé dans de nombreuses conceptions de téléviseurs d'aujourd'hui. Bien que le contenu soit roi dans les applications TV, cela ne signifie pas que nous devrions encombrer l'écran en en couvrant chaque centimètre. L'espace blanc est un dispositif de conception simple mais puissant qui devrait être appliqué à toutes les applications TV du marché. Il est moderne, élégant, visuellement stimulant et il a été prouvé qu'il aide les utilisateurs à décider du contenu à regarder.

• • •

Pour en savoir plus sur le blog Toptal Design :

• eCommerce UX - Un aperçu des meilleures pratiques (avec infographie)
• L'importance de la conception centrée sur l'humain dans la conception de produits
• Les meilleurs portefeuilles de concepteurs UX - Études de cas et exemples inspirants
• Principes heuristiques pour les interfaces mobiles
• Conception anticipative : comment créer des expériences utilisateur magiques