个性化阅读
专注于IT技术分析

电视UI设计:使用空白

点击下载

本文概述

电视设计需要对UX原理有全面, 有纪律的理解。电视设计时经常要关注的要素之一是设计中使用空白。市场上有太多电视应用程序不知道如何(或有意识地选择不使用)空白。结果是混乱的视线严重破坏了业务目标。

这是什么是空白以及如何在电视应用中最适合企业使用的说明。

空白是我们的朋友

首要的……

什么是空白?

空白是一块空置的房地产, 上面有零个文本或图形。

注意这一点很重要, 因为只要在背景图形图像上方没有添加任何内容, 就可以将其视为空白。

空白并不总是只有白色

空白并不总是只有白色。

有什么大不了的?

为什么这么简单的事情会带来如此不同?企业主通常将空白视为失去了推广更多内容的机会, 这浪费了宝贵的屏幕空间。他们的目标是将尽可能多的内容呈现给用户, 这在某种程度上是可以理解的。但是, 当向客户提供太多内容时, 他们将面临所谓的决策瘫痪-完全缺乏决策能力。

希克定律或以英国和美国心理学家威廉·埃德蒙·希克和雷·海曼的名字命名的希克·海曼定律, 描述了一个人由于其可能的选择而做出决定所花费的时间:增加人数选择将对数增加决策时间。

当你考虑整个电视应用程序的概念时, 这实际上是一件大事!选择!你浏览了无穷无尽的电视节目和电影缩略图库几次, 却发现自己根本无法做出任何决定?这不是因为内容不好。这是因为没有呼吸空间-没有有效的分隔符。你的脑海看到了太多选择, 它关闭了。

屏幕繁忙会导致决策恐慌

在屏幕上扔太多东西会使你的用户不知所措, 并导致决策恐慌。

对于设计师来说, 空白是页面上的负空间, 它为你的眼睛提供了视觉呼吸空间。

设计师知道, 空白有助于用户集中精力并吸收他们希望他们看到的内容。

对空白说”是”

空格对于电视应用程序设计尤为重要, 因为通常, 用户会感到放松, 享受悠闲的体验-尝试远距离做出决定。通过在内容和空白之间实现很好的平衡, 我们实际上在帮助他们完成此过程。

如果使用得当, 空白可以改变设计并带来用户体验。设计和布局需要有呼吸的空间, 以使人眼前一亮并有助于做出决定。通过利用空白, 你实际上可以增加内容的可读性和用户交互。这是通过减少使观看者无法做出决定的干扰来实现的。

根据人为因素国际组织的研究, 空白使用户的理解力提高了近20%。

让我们看看空白如何帮助创造呼吸空间, 以及如何改变决策过程。

看似旨在引起焦虑的电视界面

看似旨在引起焦虑的电视界面

电视接口试图同时执行过多操作

电视接口试图同时执行过多操作

美观执行,但内容之间缺少空白

美观执行, 但内容之间缺少空白

带呼吸室的接口

带呼吸室的接口

一个电视界面,元素之间具有良好的平衡和层次关系

元素之间具有良好平衡和层次的接口

一个电视界面,元素之间具有良好的平衡和层次关系

元素之间具有良好平衡和层次的接口

看到那个吗?

空格会产生清晰的分隔, 使用户的视线集中在你希望他们观看的内容上。

Hulu在其Hulu Live应用程序中使用空白非常出色。查看代替传统海报艺术使用的大背景图像, 它看起来让人身临其境, 美丽动人。这是如何利用巨大的零售空间的一个很好的例子。

Hulu用身临其境的白色空间吸引你

Hulu用身临其境的空白吸引你。

空白可减少认知负担并加快决策制定速度。如Fast Co Design所述, 添加空白不仅仅可以消除混乱, 它还具有以下基本功能:

  • 提高理解力

  • 阐明互动元素之间的关系

  • 吸引并集中用户的注意力

空白不仅是美观, 而且是成功使用用户界面的关键。通过专注于视觉空白, 布局空白, 文本空白和内容空白, 我们大大提高了用户的理解力。这会增加重点, 并将你的内容放在首位和居中位置。彼此靠近的图像看起来会相似;因此, 澄清与用户的关系将使他们能够放心地浏览。正如你之前所听到的, “少即是多”。

利用空白的力量来提升你的设计并帮助做出决策。

减少认知负担将使UI不仅更易使用, 而且使用起来更加令人愉悦-空白将有助于在整个用户体验中营造一种和谐和流畅的感觉。

有效利用空白

以下是一些电视应用程序的示例, 这些应用程序使用有效空白空间来创建令人愉悦的使用界面。

这些电视界面使用户可以专注于一个而不是几十个选择

这些电视界面使用户一次只能专注于一个选择, 而不是数十个选择。

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

在设计中使用空白可让你的内容在任何尺寸的屏幕上发光

设计中使用空白可以使你的内容在任何尺寸的屏幕上都能发光。

• • •

在srcmini设计博客上进一步阅读:

  • 电子商务UX –最佳做法概述(带有信息图)
  • 以人为本的设计在产品设计中的重要性
  • 最佳UX设计器产品组合–启发性的案例研究和示例
  • 移动接口的启发式原理
  • 预期设计:如何创建神奇的用户体验
赞(0)
未经允许不得转载:srcmini » 电视UI设计:使用空白

评论 抢沙发

评论前必须登录!