轻松一点:节省用户界面的技巧

本文介绍了一组有用的Web和移动界面的技巧,可节省用户的时间和精力,提高可用性并改善用户体验。

2019年11月11日

本文介绍了一组有用的Web和移动界面的技巧,可节省用户的时间和精力,提高可用性并改善用户体验。

天才莱昂纳多·达·芬奇(Leonardo da Vinci)说:“简单最复杂的”,这种永恒的真理在现在和在几个世纪前一样公平。 这种用于Web和移动界面的设计方法导致以人为中心的产品令人愉悦且易于使用。 没错,简单并不意味着空白,原始或单一功能。 相反,它意味着清晰,直观和有用。 真正简单的产品不仅可以解决用户的问题,而且可以在时间和精力方面以最佳方式进行处理。

当涉及到数字产品时,我们通常不会在爱与尊重方面进行思考。 我们可以用大量其他字眼形容它们,这些字词具有外观(例如美观,优雅,有趣等)或功能(例如直观,易于使用,令人困惑等)或内容(例如信息丰富,前后一致等),但您很少 可以听到有人在尊重网站或应用程序的名称。 但是,尊重用户的时间和精力是设计师应努力在其工作的产品中实现的重要目标之一。 这种方法是可用性和合意性的重要因素。 今天,我们想分享一些建议和技术去支持这一目标。 这些技巧不是重塑方向盘,而是为设计结果提供一个有用的清单。 因此,让我们检查一下设计师可以采取哪些措施来节省用户的时间和精力。

1. 将核心数据放入标头

谈论网站,这对于快速轻松地导航是非常有用的想法。 唯一的问题是确定什么是核心数据,尤其是对于拥有大量各种数据的网站,例如大型电子商务网站,新闻平台或多主题博客。 在网站介绍的最初几秒钟内,滚动页面之前,人们会看到页眉是一个战略性的部分。 作为邀请的标志,标题应提供有关数字产品的关键信息,以便用户可以在几秒钟内对其进行扫描。

在详细介绍Web标头设计的文章中,我们提供了可以包含在标头中的典型内容:

· 品牌标识的基本元素:徽标,品牌名称刻字,标语或公司声明,公司吉祥物,展示公司或其领导者的照片,公司颜色等。

· 复制块,用于设置所展示产品或服务的主题

· 链接到网站内容的基本类别

· 链接到最重要的社交网络

· 基本联系信息(电话号码,电子邮件等)

· 多语言界面时的语言切换器

· 搜索领域

· 订阅字段

· 与产品交互的链接,例如试用版,从AppStore下载等。

这并不意味着所有提到的元素都应包含在一个网页标题中:在这种情况下,标题部分被信息超负荷的风险很高。 吸引用户注意力的对象越多,集中精力于重要对象的难度就越大。 在这里,设计师最好是与市场营销专家和利益相关者一起,需要决定具有战略意义上重要的选项,并从列表中选择或添加其他选项。

为什么标头如此重要? 跟踪调查显示,无论特定用户遵循哪种扫描模型,扫描过程都将在网页的顶部水平区域开始。 使用它来显示核心信息和品牌是一种对双方都有利的策略:读者可以快速扫描关键数据,而网站如果显示正确,则有机会保留它们。 这就是标题设计对于对于UI/UX设计师以及内容和推广专家来说的基本问题。

2.使品牌形象化

就所讨论的主题而言,品牌是指通过一组独特的功能创建的图像,并提升了市场上产品或服务的认知度和可识别性。该图像可以通过多种方式创建-视觉,语言,可触摸等。在网络和移动设计中,品牌宣传应该是指定义品牌样式的一组视觉元素,这些视觉元素可以应用于徽标,字体,品牌颜色之类的。所有这些功能都是创建产品的视觉识别能力及其样式的强大工具。基于对目标受众和市场营销/客户研究的分析,在这种意义上,品牌在产品推广中起着至关重要的作用,因为视觉感知对于大多数人来说非常快速便捷,比阅读文字要容易得多,比聆听更容易记忆言语。此外,如果该品牌已经很成熟,那么在看到网站或应用程序的最初几秒钟内观察到的标志就会增加信任度。

3.使用数字而不是文字

从Nielsen Norman的博客提供的一项关于用户行为的调查分享了一个有趣的发现:基于用户在扫描网页时进行的跟踪研究,当用户浏览网页时,数字通常会阻止眼球的游移,吸引注意力,即使它们嵌入了大量用户忽略的单词中。人们在潜意识中将数字与事实,统计数据,大小和距离相关联系,这可能对他们有用。 因此,它们会与副本中包含的数字挂钩,而表示数字的单词可能会在大部分文本中丢失。 甚至无论数字代表什么,它们都比文本变体更紧凑,这使得内容的精简和省时用于浏览数据。

4.立即呼吁号召性文字(CTA)

号召性用语(CTA)实际上是一个短语,它刺激用户以某种产品和旨在达到其目的的产品进行交互。 CTA元素是交互式控件,使用户能够执行被调用的操作。布局中此类交互元素的常见类型是按钮,选项卡或链接。在各种界面中,CTA元素是与产品进行有效交互的核心因素,在可用性和可导航性中起着至关重要的作用。如果为用户清楚地构建了所有交互和过渡路径,但CTA元素并未经过深思熟虑,合理放置或设计,则用户可能会感到困惑,并且需要付出额外的努力才能实现其目标。这带来了不良的转换率和一般用户体验的高风险。这就是为什么此导航元素应引起设计师特别关注的原因。在任何界面中,它都应该是最突出,最引人注意的部分之一,以告知用户该产品如何对他们有帮助或有用。

5.关心一般页面的可扫描性

如前所述,用户通常不会从一开始就阅读和观察页面或屏幕上的所有内容:相反,他们从快速扫描开始以了解其中是否包含需要或想要的内容。 尼尔森·诺曼集团(Nielsen Norman Group)大力支持这一重要的用户研究领域,为设计人员和可用性专家提供了对用户行为和交互的更好理解。 收集有关用户眼动追踪数据的不同实验表明,访问者通常会沿着几种典型模型浏览网站。

在以下常见模型中,您会找到Z型,Z型图案和F型。 让我们检查一下针对它们的方案。

知道了这些模型,设计师和信息架构师可以在最有可能被看到并引起用户兴趣的地方构建导航和重要数据。 经过深思熟虑的视觉层次结构将使页面易于浏览,从而节省了用户的时间和精力。

6.检查图标的感知

图标是在Web或移动界面中使用的象形图或表意文字,以支持其可用性并提供人机交互的成功流程。 很难高估他们在用户界面导航中的作用:由于大多数用户感知图像的速度比文字感知的速度快,因此它们的处理速度更快。 使用可识别的清晰图标具有极大的潜力来提高可用性。 但是,即使是最轻微的误解也可能成为UX效果不佳的原因,因此应仔细测试图标类型的解决方案,并在需要时提供适当的复制内容支持。

7.加强主题图片和英雄横幅的信息

毫不掩饰,在许多情况下,一张图像值一千字。 在Web和移动UI中,它通常以这种方式工作:图像在设置心情或传递消息时变得高度支持和有效。 此外,图像还提供了内容丰富且引人入胜的部分。 原始插图,杰出的英雄横幅,引人入胜的照片可以满足多个目标:

· 引起用户的注意

· 可视地传递消息

· 支持一般的风格概念

· 设置所需的主题,心情或氛围

· ·有效地展示核心利益或项目。

8.用他们的语言与用户交谈

广告内容在与用户交流中起着至关重要的作用。 其有效的视觉表现不仅对提高页面性能具有重要意义:样式,结构和词汇还应符合用户对页面的期望。 在青少年娱乐应用中使用过正式或类商务风格,或者在销售精英房地产的奢侈品网站上使用过非正式风格的广告,反之亦然–在很多情况下,仿制版都没有遵循业务目标和习惯 和目标受众的需求。 这种内容不一致会造成混乱,并使用户远离网站或应用程序。 用户研究对于该问题将是有效的,以了解用户希望以何种方式进行交流,而专业的撰稿人将通过文字的力量来帮助加强设计。

9.使用格式塔原则的力量

格式塔是术语“形状,形式”的意思。 它主要用于认知心理学领域,以探索人们有意义地感知数据的定律,人们不断从世界上似乎主要是混乱的世界中获取数据。 它适用于不同级别的感知,但是视觉部分似乎是设计人员创建界面时最感兴趣的部分。 它有助于更好地了解应用程序或网站用户的心理。 当设计人员知道影响视觉感知的因素时,它将使UX设计过程变得更加熟练,从而提供更高的成功交互率,并降低用户可能以这种方式引起的误解。

例如,应用相似性和接近性原理,设计人员可以根据人类的认知能力对布局元素进行分组,以便用户以最自然,最便捷的方式感知它们。

 10.优化视觉内容

无论界面多么有趣,引人入胜且内容丰富,都有一个看不见的因素可以消除所有好处–加载速度。 如果应用于界面的视觉内容(图像,动画,视频)太重或在不同设备上的效果不佳,那么失去用户的风险就很高,他们将无法理解产品的优点。 在竞争激烈的网站和应用程序中,一定要确保:用户不会等待,即使损失了许多积分,他们也将寻求更方便,快捷的选择。 视觉内容的优化和持久测试是尊重用户的真实标志,它可以促进较少耗时的交互流程。

希望该列表对那些旨在创造积极用户体验的人有所帮助。

发表评论

电子邮件地址不会被公开。 必填项已用*标注