在人机相互作用中,信噪比表示通信期间相关信息和无关信息的比率

发布时间:2021-05-22 作者:admin 0
【文摘】工业设计引领产品时尚,产品设计驱动市场份额。外观设计很重要,更是产品视觉的美感!
  我们每天都会有很多信息。考虑今天您遇到的所有信息——其中有多少与您有关,对您有用。
 
  我们遇到的大多数信息是噪声——,其与我们当前的需求无关。相反,通过我们相关和有用的信息——,我们正在寻找或期望。
 
  信噪比:在人机相互作用中,信噪比表示通信期间相关信息和无关信息的比率。
 
  在用户界面中,涉及信噪比所涉及的“信息”可以是包括文本内容,视觉元素或功率的任何内容——,基本上,可以计算用户必须处理的任何内容,可以计算为信息或噪声。
 
  为了通过工业设计提高通信信息的效率并帮助用户完成任务,我们希望实现更高的信噪比。
 
  01信息或噪音?
 
  虽然信息和噪声的定义很简单,但在实际工业设计中,差异并不总是那么容易。不是每个用户都具有相同的目标,因此“信息”和“噪声”的确切含义将不同。
 
  一个用户的信息可能是对另一个用户的干扰。因此,UI接口的信噪比可能更高或更低,这取决于谁正在观看它,以及用户正在尝试做什么。
 
  United Airlines的主页包含一些元素,可能在某些情况下是信息,并且在其他情况下可能会发出噪声。
 
  联合航空公司的主页是某些不同任务的起点。例如:
 
  预订机票
 
  预订你的飞行
 
  查找有关预定航班的更多详细信息
 
  对于想要预订新航班的用户来说,页面中间的蓝图旅行盒将是——最强大的信息与用户最相关。
 
  但是,对于想要了解有关已预订的航班的更多信息的用户,“预订旅行”只是噪音,而“我的旅行”(我的旅行)部分和“登录”链接它是有用的信息。
 
  但是,无论上述三个主要任务中的哪个,此界面都有一些元素会干扰所有用户。这些包括:
 
  联合信用卡广告
 
  在底部的装饰平面
 
  “网站反馈”页面右侧链接
 
  我们可以尝试删除与页面上支持的任何任务无关的内容或UI元素。
 
  极端,高信噪比的目标与极端公文相关密切相关,最低尺寸是一个工业设计趋势,旨在通过消除不必要的元素或内容来简化界面。
 
  当然,除了传达信息外,我们还希望我们的界面在视觉上有吸引力,唤起某些用户的情绪。例如,我们希望炫耀我们的品牌,需要实现业务目标(如促销某些产品)。
 
  因此,有这些额外的目标,我们应该以合理的信噪比定向所有“无关”派对,而不是消除所有“无关”部分。但请注意,对于所有用户来说,有些事情是“嘈杂”,但他们不能满足其他目的,例如,无聊的动画将分散用户的注意力和麻烦,或者巨大的图像占用了很多空间而不传达太多信息。注意任何不符合用户目标或业务目标的因素,并考虑消除它们。
 
  02提高信噪比
 
  为了提高信噪比,从明确的内容策略开始,以帮助我们确定要传达的信息的优先级。
 
  上图中的项目符号不能有效地快速帮助用户区分所有部件。这些部分之间没有更大的空白,并且在每个段落的关键短语上没有使用粗体文本将帮助用户找到他们的注意。
 
  本网站的格式强调有效信息比上面要好得多。每个项目符号周围都有空白,主题句子位于每个段落的开头,并以粗体显示。注意,可能是所有用户噪声的广告都保留在用户的正确位置。
 
  03视觉级别
 
  对于每个页面,考虑不同元素的重要性,然后使用视觉层次结构反映这些元素的相对重要性,以帮助您的用户拾取信号并跳过噪声。
 
  换句话说,与大多数用户有关的任何东西都应该具有高视觉重量。
 
  有很多方法可以创建视觉层次结构。例如:
 
  字体边界增加
 
  更改CTA按钮的颜色
 
  添加图标
 
  添加按钮大小
 
  通常,重要元素应该更大,更大,并且具有相对于周围元素的对比颜色。请记住:您应该谨慎使用这些技术。突出显示的重要信息以确保页面不会变轻。
 
  上图的登录页面使用各种策略来传达视觉级别:更改颜色,大小和文本厚度。橙色用于最重要的元素(如CTA按钮),并且强烈地形成与页面其他部分中使用的灰色和灰色蓝色的强烈比较。此方法可帮助用户快速识别其最重要的页面组件。
 
  04结论
 
  高信号噪声比可以有效地提高用户的交互效率,使用户使用更容易。努力降低噪音,使有用的信息突出,同时平衡组织的优先权和目标。通过这种方式,用户可以很容易地找到所需的信息并完成任务。
$(document).ready(function () { $.get("/index.php?s=floating", function(data){ $("body").floating(data); }, 'json'); })