UE设计中的信噪比

UE视界网    ()  ()

2019-11-29 00:19:44

相关信息是“信号”,而无关信息是“噪声”。就内容和页面设计而言,高信噪比是任何UX专业人员工作的关键成果。

  

我们每天都会遇到并处理大量信息。考虑一下您今天遇到的所有信息-其中有多少实际上对您有用并且对您有用?


我们遇到的大多数信息都是噪音 -与我们当前的需求无关。相反,与我们相关且有用的信息(我们正在寻找或想要的信息)就是信号。


定义:在人机交互中,信噪比表示接口或通信通道中相关信息与无关信息的比率。

 

在用户界面中,此比率所涉及的“信息”可以是任何内容-文本内容,视觉元素或动画。本质上,用户必须处理的任何事情都可以算作信号或噪声。为了提高通过您的设计传达信息的效率并帮助用户完成任务,请争取较高的信噪比。


信号还是噪音?

尽管信号和噪声的定义很简单,但在实际设计中,区分差异并不总是那么容易。并非每个用户都有相同的目标,因此,“信号”和“噪声”的确切含义会有所不同。一个人的信号可能是对另一个人的干扰。因此,UI的信噪比可能更高或更低,这取决于谁在看它,以及该人正在尝试做什么。

1574957797681_1.png

联合航空的主页包含一些元素,在某些情况下可能会发出信号,而在其他情况下可能会发出噪音。

联合航空的主页是一些不同任务的起点。例如:


  • 预订航班

  • 办理预订航班

  • 查找有关预定航班的详细信息

对于想要预订新航班的用户,蓝色的Book Travel框将是最强烈的信号-与她最相关的界面部分。但是对于想要查找有关已经预订的航班的详细信息的人来说,“ Book Travel ”(预订旅行)栏只是噪音,而“ My Trips ”(我的旅行)部分和“ Sign In ”(登录)链接则是信号。


但是,此界面中的某些元素会对所有用户产生干扰,无论他们正在执行三个主要任务中的哪一个。这些包括:


  • 联合信用卡的广告

  • 底部的装饰飞机

  • 页面右侧的“ 网站反馈”链接

在理想的世界中(至少从HCI角度而言),我们应该删除与网站上支持的任何任务都不相关的任何内容或UI元素。极端地讲,高信噪比的目标与极简主义紧密相关,极简主义是一种网络设计趋势,旨在通过删除不必要的元素或内容来简化界面。但是,UI 元素可以提供除简单通信或任务效率以外的功能。


除了传达信息之外,我们还希望我们的界面在视觉上具有吸引力,并唤起用户的某些情感。我们想炫耀我们的品牌,并且需要实现业务目标(例如促销某些产品)。通过这些额外的目标,我们应该以合理的信噪比为目标,而不是以绝对的方式排除所有“无关”的部分。


但是请注意,有些东西对所有人都是“嘈杂的” ,但不能满足其他目的,例如,无聊的动画会分散用户的注意力和烦恼,或者巨大的图像占用大量空间而又无法传达很多信息。留意任何不符合用户目标或业务目标的因素,并考虑消除这些因素。


增加信噪比

尽管平衡用户和业务优先级至关重要,但通过关注内容并使用强大的视觉层次结构,可以实现较高的信噪比。


简单优先的内容

为了提高信噪比,请从清晰的内容策略入手,以帮助您确定要传达的信息的优先级。


在开始为页面创建内容或修订现有页面之前,请考虑页面访问者的需求以及必须与他们进行交流的内容。获得候选主题列表后,创建一个内容层次结构:优先考虑您提出的想法和主题。解决此优先级问题的一种有用方法是使用内容框架。


由于人们在网上阅读不仔细,因此务必要确保页面上的每一段文字至少对您的某些用户而言具有一定的重要性。避免多余的内容以及大块的文本,这对于用户进行扫描并快速将其信号与噪声分离是具有挑战性的。考虑使用倒金字塔的样式来构造页面上的文本-首先从最重要的信息开始,然后在页面下方添加易于理解的详细信息。通过提供带有粗体关键字和项目符号点的良好格式,帮助用户避免使用F模式。


1574957860759_1.png

almanac.com上的这篇文章格式不适合扫描,并且不允许人们轻易地将支持元素的重要元素(信号)分开。关于存放唐diol蒲球茎的本节使用子弹,这很好。不幸的是,项目符号不能帮助用户区分各个部分。段落之间留有更大的空白,并且在每个段落内的关键短语上使用粗体文本将有助于用户找到其信号内容。

1574957892588_5.png

来自thespruce.com的这篇文章是关于gladiola flowers。这里的格式强调信号要比《农夫的年鉴》好得多。每个项目符号周围都有空白,主题句子放在每个段落的开头,并以粗体显示。请注意,可能对所有用户都是噪音的广告被保留在用户期望的正确位置。

视觉层次

对于每个页面,请考虑不同元素(无论是铬还是内容)的重要性,然后通过使用反映这些元素相对重要性的可视层次结构,帮助您的用户挑选出信号并跳过噪音。换句话说,与大多数用户高度相关的任何事物都应具有较高的视觉重量。


创建视觉层次结构的方法很多。例如:


  • 使字体大而粗体

  • 改变号召性用语的颜色

  • 添加图标

  • 增加按钮的大小

通常,重要元素应该相对于周围的元素更大,更大胆或具有对比色。请记住:您应该谨慎使用这些技术。仅突出显示基本信息,以确保页面不会变得压倒一切。


1574957930364_3.png

PNC储蓄帐户的此登录页面使用多种策略来传达视觉层次,变化的颜色,大小和文本粗细。橙色用于最重要的元素(号召性用语按钮,标题和副标题),并且与页面其余部分中使用的灰色和灰蓝色形成强烈对比。此方法有助于帮助用户快速识别对其最重要的页面组件。不幸的是,橙色也用于纯装饰性的,嘈杂的,不是很有意义的钱包插图。

动态噪音

设计用户界面与设计打印附件不同。尽管信号与噪声的基本原理既适用于交互式设计也适用于静态设计,但对于在线媒体和其他用户界面,仍需要考虑一些其他问题。特别是,随着用户任务的改变,算作噪音的内容可能会随时变化。


例如,考虑网站上的导航:在很多时候,由于用户专注于页面内容,因此导航UI杂乱无章。但是,当用户完成当前页面并想移至另一页面时,导航突然变成信号。这种张力可以通过一致的设计解决,以便在网站的所有页面上以相同的方式显示导航。用户将很快学会忽略设计一致的站点上的导航区域(当然,直到他们需要它时,用户才会快速找到导航)。这样,尽管导航将保持噪音,但良性噪音不会打扰用户。相反,嘈杂的设计元素会在页面之间从一个地方跳到另一个地方,肯定会造成恶性杂音,并进一步困扰用户。


结论

具有高信噪比的接口可改善与用户的交流,并使他们的工作更加轻松。力求减少噪声并使信号脱颖而出,同时平衡组织的优先级和目标。这样,用户可能会轻松找到所需的信息并完成任务。


责任编辑:网络UESJ网:   UE视界网,未经授权不得转载
关键词 >> 人机交互,视觉设计,UE设计

还可以输入0个字

(审核后展示)
打开目录