电视UI设计(使用空白)

本文概述

  • 首要的……
  • 对空白说” 是”
  • 有效利用空白
电视设计需要对UX原理有全面, 有纪律的理解。电视设计时经常要关注的要素之一是设计中使用空白。市场上有太多电视应用程序不知道如何(或有意识地选择不使用)空白。结果是混乱的视线严重破坏了业务目标。
这是什么是空白以及如何在电视应用中最适合企业使用的说明。
电视UI设计(使用空白)

文章图片
首要的…… 什么是空白?
【电视UI设计(使用空白)】空白是一块空置的房地产, 上面有零个文本或图形。
注意这一点很重要, 因为只要在背景图形图像上方没有添加任何内容, 就可以将其视为空白。
电视UI设计(使用空白)

文章图片
空白并不总是只有白色。
有什么大不了的?
为什么这么简单的事情会带来如此不同?企业主通常将空白视为失去了推广更多内容的机会, 这浪费了宝贵的屏幕空间。他们的目标是将尽可能多的内容呈现给用户, 这在某种程度上是可以理解的。但是, 当向客户提供太多内容时, 他们将面临所谓的决策瘫痪-完全缺乏决策能力。
希克定律或以英国和美国心理学家威廉·埃德蒙·希克和雷·海曼的名字命名的希克·海曼定律, 描述了一个人由于其可能的选择而做出决定所花费的时间:增加人数选择将对数增加决策时间。
当你考虑整个电视应用程序的概念时, 这实际上是一件大事!选择!你浏览了无穷无尽的电视节目和电影缩略图库几次, 却发现自己根本无法做出任何决定?这不是因为内容不好。这是因为没有呼吸空间-没有有效的分隔符。你的脑海看到了太多选择, 它关闭了。
电视UI设计(使用空白)

文章图片
在屏幕上扔太多东西会使你的用户不知所措, 并导致决策恐慌。
对于设计师来说, 空白是页面上的负空间, 它为你的眼睛提供了视觉呼吸空间。
设计师知道, 空白有助于用户集中精力并吸收他们希望他们看到的内容。
对空白说” 是” 空格对于电视应用程序设计尤为重要, 因为通常, 用户会感到放松, 享受悠闲的体验-尝试远距离做出决定。通过在内容和空白之间实现很好的平衡, 我们实际上在帮助他们完成此过程。
如果使用得当, 空白可以改变设计并带来用户体验。设计和布局需要有呼吸的空间, 以使人眼前一亮并有助于做出决定。通过利用空白, 你实际上可以增加内容的可读性和用户交互。这是通过减少使观看者无法做出决定的干扰来实现的。
根据人为因素国际组织的研究, 空白使用户的理解力提高了近20%。
让我们看看空白如何帮助创造呼吸空间, 以及如何改变决策过程。
电视UI设计(使用空白)

文章图片
看似旨在引起焦虑的电视界面
电视UI设计(使用空白)

文章图片
电视接口试图同时执行过多操作
电视UI设计(使用空白)

文章图片
美观执行, 但内容之间缺少空白
电视UI设计(使用空白)

文章图片
带呼吸室的接口
电视UI设计(使用空白)

文章图片
元素之间具有良好平衡和层次的接口
电视UI设计(使用空白)

文章图片
元素之间具有良好平衡和层次的接口
看到那个吗?
空格会产生清晰的分隔, 使用户的视线集中在你希望他们观看的内容上。
Hulu在其Hulu Live应用程序中使用空白非常出色。查看代替传统海报艺术使用的大背景图像, 它看起来让人身临其境, 美丽动人。这是如何利用巨大的零售空间的一个很好的例子。
电视UI设计(使用空白)

文章图片
Hulu用身临其境的空白吸引你。
空白可减少认知负担并加快决策制定速度。如Fast Co Design所述, 添加空白不仅仅可以消除混乱, 它还具有以下基本功能:
  • 提高理解力
  • 阐明互动元素之间的关系
  • 吸引并集中用户的注意力
空白不仅是美观, 而且是成功使用用户界面的关键。通过专注于视觉空白, 布局空白, 文本空白和内容空白, 我们大大提高了用户的理解力。这会增加重点, 并将你的内容放在首位和居中位置。彼此靠近的图像看起来会相似;因此, 澄清与用户的关系将使他们能够放心地浏览。正如你之前所听到的, “ 少即是多” 。
利用空白的力量来提升你的设计并帮助做出决策。
减少认知负担将使UI不仅更易使用, 而且使用起来更加令人愉悦-空白将有助于在整个用户体验中营造一种和谐和流畅的感觉。
有效利用空白 以下是一些电视应用程序的示例, 这些应用程序使用有效空白空间来创建令人愉悦的使用界面。
电视UI设计(使用空白)

文章图片
这些电视界面使用户一次只能专注于一个选择, 而不是数十个选择。
空白是当今许多电视设计中经常被忽视和利用不足的元素。虽然内容在电视应用程序中占主导地位, 但这并不意味着我们应该覆盖屏幕的每一英寸来使屏幕杂乱无章。空白是一种简单而功能强大的设计设备, 应该应用于市场上的每个电视应用程序。它现代, 时尚, 视觉刺激, 并经过验证可帮助用户确定要观看的内容。
电视UI设计(使用空白)

文章图片
设计中使用空白可以使你的内容在任何尺寸的屏幕上都能发光。
? ? ?
在srcmini设计博客上进一步阅读:
  • 电子商务UX –最佳做法概述(带有信息图)
  • 以人为本的设计在产品设计中的重要性
  • 最佳UX设计器产品组合–启发性的案例研究和示例
  • 移动接口的启发式原理
  • 预期设计:如何创建神奇的用户体验

    推荐阅读