当前位置:首页 > 观点

做网站中无摩擦用户体验:如何创建流畅的用户流

2019-12-20

大约二十年前,史蒂夫·克鲁格(Steve Krug)第一次建议我们不要让用户思考。如今,设计师努力创造不需要用户付出额外努力的体验。

无摩擦交互已成为评估用户体验的流行限定符。作为设计师和开发人员,熟悉一些使您能够创建无摩擦交互的方法将非常有益。

在本文中,我将分析用户流程中经常引起摩擦的步骤,并提出有关如何优化它们的解决方案。但是在此之前,重要的是定义确切的摩擦力是:

摩擦是阻止用户在与产品互动时直观地实现其目标的任何方式。人们在发现技术困难时会抱怨一切。难怪为什么高摩擦力的工具会很快被放弃,而被更易于使用的工具所取代。

 

创造无摩擦的体验

最终,最终用户在与产品交互时希望简单。无摩擦设计是简化的代名词,因为它使用户更轻松。当我们想到无摩擦的体验时,我们通常会想像一种无需学习任何知识即可使用的产品。在该产品中,交互是直观的,并且每个操作都是流畅自然的。

打造无摩擦的体验需要设计者深刻理解用户与用户界面的交互方式。为了减少UX摩擦,设计人员需要从用户体验入手。他们必须决定何时摩擦对您有帮助,什么时候对身体有害,并相应地设计产品。

要设想产品的整个过程,请尝试了解用户在与产品进行交互时想要达到的目标。这些知识将帮助您确定用户与系统或服务进行交互时可能采取的步骤。基于这些知识,您将了解它们在每个步骤中可能面临的问题。

为了确定可能发生摩擦的确切位置,团队可以从事用户研究和测试,创建用户流程,并专注于在实际开发开始之前创建易于使用的信息体系结构。

 

如何避免产生摩擦

尽管上一节介绍了确定不良摩擦的方法,但本节将为您提供一些有关如何处理摩擦的实用技巧。

避免使用户的内容或功能不堪重负

以用户为中心是用户体验的最关键特征之一。集中精力可以帮助用户轻松完成目标。但是,当您的UI用内容或功能使用户不知所措时,您会帮助他们失去焦点。

您应该采取以下措施来尽量减少思考:

修剪所有的脂肪

尝试避免任何不必要的事情-从额外的信息到额外的UI元素。记住极简主义最强大的原则-少即是多。遵循极简主义的美学原理,创建仅包含基本要素的布局。

优先考虑内容和功能

不要试图将所有内容放在单个页面上。优先处理您的内容,然后根据用户的期望进行放置。例如,如果您设计公司网站,则可以在单独的部分中提供内容,而不是在首页中全部提供内容。

分而治之

了解人脑的自然局限性并选择分块。步进形式可能是现代UI中使用分块的最常见示例之一。将冗长或复杂的表格分成几个简单的表格,使填写细节的过程变得非常容易。


极简主义布局,带有强大的空格。

不要让用户猜测

对于许多UI来说,缺乏来自系统的反馈是一个典型的问题。当用户触发某些操作并且没有收到系统已收到请求的确认时,他们会认为他们的请求没有得到交付。结果,他们一次又一次地尝试。这导致称为快速点击的行为。这些其他不必要的操作通常会导致系统错误。

以下是一些有助于您避免快速点击的内容:

视听反馈

响应用户交互的应用程序可以减轻用户的恐惧感。

快速加载时间

当用户不得不等待内容加载时,他们会遇到摩擦。如果加载时间太长,用户就会开始担心该应用程序是否在做任何事情。作为设计者/开发人员,请尽一切努力减少页面加载时间,以使其符合用户对操作速度的期望

使加载透明

对于长期操作,必须提供有关需要多少时间才能完成操作的信息。


有关用户交互的视觉反馈。

聪明才智

清晰度会直接影响用户的期望。良好的用户界面始终符合用户的期望和先前的知识。当用户知道期望什么时,他们会更乐意与产品进行交互。

在使用户界面更清晰时,需要记住以下几点:

清楚地标记元素

所有交互元素(例如按钮)都应使用描述其功能的标签清楚地标识。

使您的设计一致

不一致会造成混乱。当UI的相同元素在应用程序/网站的不同部分看起来不同时,这可能会使您的用户感到困惑。保持一致的设计方法,使用户在与产品进行交互时可以使用以前的知识。

避免使用行话

考虑使用您的用户将理解的术语来帮助他们毫无困难地进行交互。

导航变得简单

导航不佳是造成用户沮丧的巨大原因。用户应该能够轻松地移动到产品的不同区域。他们还应该始终知道自己在应用程序导航层次结构中的位置。

使用可识别的UI模式

每次用户必须学习新事物的工作原理时,都会产生摩擦。通过使用可识别的约定,可以减少学习曲线。可识别的UI模式最终可以帮助用户轻松处理复杂的任务。


清晰的标签和熟悉的菜单位置使寻路用户变得容易。

缩短步骤数

步骤太多也可能导致不必要的摩擦。从最初的注册到个人操作,整个旅程的每一步都需要一定的努力,并且会产生摩擦。摆脱用户流程中的所有额外步骤至关重要。设计用户流程时,请记住杭州网站建设的约定,并删除或优化可能导致摩擦的步骤。

这里有一些实用的技巧:

使用默认设置

大多数用户很少更改默认设置(根据Jared Spool和他的文章“用户是否更改设置?”,不到5%的用户更改了默认设置)。

提供个性化的体验

使用您拥有的有关用户的数据为他们提供个性化的体验。例如,亚马逊和Netflix都根据以前的购买和观看习惯提供量身定制的推荐。

提供自动填充的详细信息

在某些情况下,用户界面中的数据可以自动填充,而无需用户付出额外的努力。例如,如果您的移动应用程序需要信用卡详细信息,则可以提供卡扫描功能以简化添加所有必需信息的过程。


默认设置。默认情况下,Microsoft Word启用了自动保存。

防止错误;优雅地处理错误

理想的应用程序可以主动防止用户出错。但是,即使发生错误,良好的UI也会提供有关如何解决问题的清晰帮助文本,并指出发生错误的用户。

预期可能的错误

当您考虑潜在的陷阱时,可以为出现这些问题时设计更好的体验。例如,您可以提供用户上下文所必需的帮助和指导。

使用内联验证

通过验证用户输入并尽快提供反馈,您可以帮助用户检测和修复问题。


内联验证的示例。

 

结论

如果有摩擦的迹象,则用户交互将不顺畅。作为设计师的目标应该是发现并消除不良摩擦。

通过专注于战略性减少摩擦,您可以创建出色的用户体验。

免费获取报价

  • 29923329

  • 杭州市丰庆路498号北软智慧科创大厦203

  • 0571-85815193

  • pady@1t2.cn

网站地图 版权所有 © 2008-2021 杭州派迪科技有限公司  Copyright © 2008-2020  www.hzpady.com  All Rights Reserved    浙ICP备14029905号-1     公安备案:33010802008411    软著登字第3457658号