注重体验设计，注重用户至上。

要做好体验设计，首先要了解用户产品的整个使用过程，然后才能有目的地进行设计。本文系统分析了感受设计的方法和设计，希望对大家有所帮助。

用户体验的设计是软件产品设计过程中不可忽视的课题。

对因特网商品而言，用户是否喜欢我们的产品，取决于他使用产品所获得的好处，以及他在商品中所获得的感受。

而且用户体验通常会影响用户的口碑，口碑会影响产品的成败，产品的成败也会影响产品经理的利益。

对于 B 端软件产品，由于业务特点，产品设计者更注重项目需求和多角色协同流程，通常忽略了终端用户的需求和单一客户的视图。

经验不佳通常会影响项目的交付和企业的形象，从而影响企业的利益。

因为顾客体验如此重要，那么我们应该怎样做好用户体验设计？

第一，影响用户体验的三要素

感受用户至上，那么我们就从用户的角度来观察商品的感受。

假定有一天因为用户体验设计的问题困扰着你，你想通过“人人都是产品经理”找到相关文章来帮助你解决问题。

所以你打开网页，点击搜索，输入关键字，打回车，浏览目标文章，通过简要的说明找到可能让你关注的文章，然后点击查看文章，如果符合你的要求，你也可以收集备用。

在整个过程中，涉及到以下三个感觉因素：

1. 别让我等

用户的耐心是非常有限的。一方面，生命是有限的，另一方面，传统媒体教学的结果是更重要的。当我们打开书籍和电视时，我们得到的只是我们的感受。

此外，浏览器可以同时打开多个页面签名，手机可以转换多个窗口等技术的支持也使用户习惯于在有限的时间内最大化自己的感受水平。

许多研究发现，用户最满意的网页打开时间是 2 秒以下，等待 12 大多数用户会在几秒钟内关闭网页(可以通过进度条等方式延长到 38 秒)，用户也更倾向于认为开放速度快的网站质量更高，更可靠，更有趣。

2. 别让我想

懒惰是人性的一部分，顾客不喜欢被迫思考或学习。

当用户到达你的网站时，他发现网页一团糟，不知道里面是做什么的，也懒得学习，于是他不眨眼地关闭了网站。

这绝对不是顾客的错，他会打开电脑，使用鼠标和键盘，打开浏览器进入您的网站。

所以留给产品经理的问题是：如何留住客户？

3. 别让我烦

站点效率低下，会让人烦躁，顾客达到目标的难度与所需步骤成平方正比。

一次又一次的重复操作绝对不是用户想要的，如何进行高效的设计来缩短客户完成任务的路径是产品经理面临的难题。

第二，合理规划任务攻略

在从顾客的角度了解了顾客体验之后，我们再从产品的角度来规划产品功能。在设计之前，我们应该根据情况合理地规划任务策略。

任务策略是“需求”到“设计”的连接线，用户在使用您的产品时，一般都有特定的需求。

因此，用户需要在合理的指导下实现目标，满足自己的需要。合理意味着要符合用户的思维习惯和行动习惯。

这里介绍 C 一款非常经典的终端产品设计客户体验分析工具“用户故事地图”：

1. 使用者故事地图

用户故事地图可以帮助产品经理分析用户在使用产品时达到某一目的的关键步骤和动线，并从场景的角度拆解设计软件的功能点。

为了获得第一级的其它场景，客户的操作动线在各个方面被拆解， Activity。

然后从一级场景中进一步拆解二级场景，即 Back Bone , 这就像是讲故事的骨架。

所有相关功能点都可以在二级场景中进一步详细列出，即用户任务 User Task。

用户任务是客户地图中最小的粒度。

在敏捷开发中，客户任务就是用户故事。（User Story）, 每一个用户的故事都可以用“作为(谁)，我想要(什么)，这是为什么(为什么)”这样的结构来描述。

下面是一个购物平台用户下单购物的简化用户故事地图：

2. 主要任务和次要任务

通过按照优先级和迭代计划对用户任务进行分组，即可获得 Release One、Release Two、Release Three …。

每个 Release 这就是迭代中的冲刺之一。（Sprint）。根据任务和用户的目标期望，任务可以分为主要任务和次要任务。主要任务是指完成客户目标所必需的任务，次要任务是出于部分用户的分支需求或商业需求。

Release One 它由主要任务组成，应该理解为该产品的第一个最小可执行版本。（MVP ) 。

基于三个要素的用户体验设计

在了解了任务策略和版本功能点之后，我们需要考虑如何有效地组织和向客户展示必要的信息，不要让客户考虑，让用户快速找到自己想要的信息。

与此同时，我们也要考虑对网页信息的排列和一系列的引导，不要让顾客烦恼，帮助用户快速理解信息，实现目标。

最后，我们需要通过某种技术来解决用户等问题。

以下我们将逐一进行分析：

1. 解决用户想要的问题：让用户快速找到自己想要的信息；降低顾客的思考和学习成本

1）Logo

a）当我们识别一个人时，我们不需要记住他全身的所有细节。最重要的是看他的脸。当我们识别一个产品时，最重要的是通过它。 Logo。Logo 可以让用户很容易地知道什么是产品。

b）Logo 旁边或下面会有详细的规格或分类，提供更具体的信息告诉用户当前模块 / 什么是频道？

c）Logo 有时候旁边或者下面会有一个简明扼要的。 Slogan，告诉用户产品能为用户提供什么样的服务，带来什么样的价值。

如图所示：

关注顾客的任务，给予正确的指导。

导航设计是信息组织和分类的基础，在产品设计中起着重要的作用。虚拟网络世界在世界上没有明显的定位感，导航和位置不明确容易导致用户迷失。成功的导航设计可以自我解释，让用户清楚地了解信息结构和自己的位置，清楚地解释我从哪里来，我现在在哪里，我可以去哪里。

在设计导航时，要注意深度平衡和导航方式的选择：

a）导航层次的数量叫做深层，每个层次所包含的选项数量叫做广度。

建议不要超过导航深度 5 层次，导航太深容易流失用户，有些微小的信息隐藏得太深，用户很难找到，而且层次太深的关系也很容易让用户迷失方向。

广度导航比深度更有利于用户发现信息，但是广度超过了 7 顾客很难记住一个选项，一次展示过多的选项会使用户患上选择困难，很难选择哪一个是自己想要的。

如图所示：

b）就手机产品而言，主要导航形式包括底部。 Tab 导航，标签导航，陀型导航，抽屉导航，宫格导航和目录导航。

Tab 导航比较常见，对于只有导航比较常见。 3~5 一种常见功能的产品，直接将功能选项暴露在产品首页。

标签式导航通常位于界面的顶部，比底部 Tab 导航更具扩展性，常和 Tab 组合使用导航，Tab 标签导航作为一级功能分类，作为二级拓展分类。

陀式导航与 Tab 类似的导航，不同之处在于会有一个很突出的选项，这个选项通常主要是触发按扭。

抽屉式导航通过点击屏幕呼出侧栏导航内容，感觉像抽屉一样拖出菜单，常用于主要功能突出、次要功能使用频率低的产品。

宫格导航将产品的主要功能集中在主页上，每一个功能都是一个独立的入口，适用于体积大、功能多的商品。

二级导航常用于目录导航，结构清晰，分组方便，适用于需要分组的功能或内容。

导航是针对整个产品的功能，对于单一场景的用户来说，需要完成目标任务，并且需要设计任务引导。

一种常用的方法是使用指导控件完成跨越多个页面的客户任务，这种控件多用于 web 终端，引导用户完成多步操作。

在同一页面中引导用户，可以使用相似性引导、方向引导、运动元素引导三种方法，让用户自然流畅地完成操作过程。

相似性指导是指如果大小、颜色、形状等因素相似，那么各种因素都能吸引顾客的视觉。

方向引导是指在操作过程较多的任务之后，使用方向性箭头进行方向引导(包括箭头和无形引导)。

运动性元素引导就是利用元素动画特效来引导用户的视野，带领用户进入下一步。

颜色、形状相似的引导

方向性引导

引导运动元素(添加后的动画效果)

如果客户想通过扫描界面来找到吸引他们注意力的内容，而不是花费大量的精力去阅读，尤其是对于信息量大的页面，他们需要设计师组织这些信息并仔细设计。

以下是帮助设计者提高产品使用体验的三个层次的参考：

a）使界面层次清晰：界面清晰实际上就是界面简洁易懂，有重点，有逻辑，有层次。

首先，我们需要将大量的信息转换成易于理解的信息模块，然后根据用户的浏览习惯优先将这些模块排列在相应的界面位置。

其次，在视觉呈现中，用户可以通过间隔、分隔线和卡片来区分不同的模块，突出模块之间的逻辑关系；如果模块内容有不同的重要性和嵌套的逻辑关系，可以在视觉呈现上体现差异。

最后，可以通过不同的风格帮助用户识别不同层次的信息。

b）突出关键信息:通过加强一些设计风格来强调页面的关键信息，如加粗、使用颜色检查、添加背景颜色、适当留白等。，然后稍微弱化非关键信息，这样页面的关键信息自然就会弹出来。

c）隐藏次要信息:随着产品功能的增加，界面上的元素也越来越多。为了不影响新手和中间客户，有必要隐藏次要信息，并在客户需要的时候再次呈现。

隐藏次要信息不仅可以使界面的关键信息更加突出，而且可以减少复杂信息对用户的影响，帮助用户更加方便地操作。

尽可能降低顾客的学习成本

在讨论界面交互体验设计问题时，我们可以遵循尼尔森十大可用性原则，其中以下六项主要用于解决用户想要的问题:

a）隐喻原则:在提到隐喻原则之前，有必要提到拟物化的视觉。借鉴现实世界最直观的方法就是拟物化。通过模拟现实中的物体，用户可以有一种熟悉感，使信息和功能更容易识别和理解。

随着人们对电子设备的接受度越来越高，拟物化的细节过于复杂，会让用户感到疲惫。然后设计师抽象出物体中最有特色的部分，简化复杂的视觉元素，从拟物化变成扁平化。

然而，拟物化的界面设计有一定的局限性。并不是界面中的每一个元素都能在现实世界中找到相应的对象。设计师通过客户熟悉的句子、句子和符号来表达意思，遵循真实世界的认知和习惯，使信息呈现更加自然，易于识别和接受。这就是隐喻原则。

例如：播放器的功能按扭，如图所示：

b）防止错误的原则：避免错误的发生要比出错后提醒好。在设计时，首先要考虑如何避免出错，然后再检查校验异常。

例如：在填写表格时，可以通过文本提醒用户不要填写错误，填写后可以检查用户是否填写正确信息。

c）一致性原则:在相同的场景和环境下，客户进行相同的操作，结果应该是一致的。或者系统平台的风格要一致。当客户习惯了固有的规范，我们在设计的时候要遵循惯例，不要盲目独特。

例如：下图中我的图标放在第一个位置是不是有点别扭？

d）记忆原则：使系统的相关信息在需要时显示出来，减轻用户的记忆负担。

例如：大部分 APP 搜索时，会保留客户最近使用的搜索关键词。

e）简洁设计：用户的信息交互内容不应包含无关或不必要的信息；增加或加强一些信息意味着削弱其他信息。

f）容错原则:错误信息应用通俗易懂的语言表达，而不仅仅是提醒用户错误的代码，消息提示应该包括解决方案。例如，访问网站报告 404 的错误。

2. 解决用户烦恼的问题：让用户快速理解信息，实现目标，缩短完成路径，帮助用户偷懒。

1)灵活易用:系统中往往有更多的中级客户，而初级和高级用户更少。因此，系统设计应该为大多数人设计，同时兼顾少数人的需求，使其灵活易用。

2)及时反馈:系统应该在合理的时间以正确的方式提醒用户或反馈系统目前正在做什么和发生的事情。与用户保持沟通和信息传递，不会让用户感到失控和不安。

3)退货原则:客户需要一个功能，让程序恢复到错误发生前的状态，因为他们不小心误操作了。对于误操作概率高的用户来说，让他们有机会反悔，这会让他们感到安全。比如大部分商场下单后，订单可以在一定条件下取消。

降低功能、视觉和听觉的骚扰：降低广告、走马灯等效果，吸引用户移开视线，使用户分心和烦躁。

减轻用户在使用产品时所感受到的压力：不要为了增加用户的关注而强迫他们去做他们不在乎的事情。

3. 等待：界面设计 & 技术规范

载入较大的页面元素内容，操作计算复杂(涉及后台计算或数据调用)、由于代码不是最佳方案，所以需要花费太多的时间来加载页面或某个操作。此时，我们的解决方案是：

1）技术规范

a）降低 Http 请求数

b）利用内容分发网络（CDN )

c）压缩网页元素

d）在网页上放置风格 Head 部分

e）在网页底部放置脚本文件

f）在外部文档中放置样式和脚本

g）降低 DNS 查询频次

h）缓存 Ajax

2）交互设计

当一些特殊情况真的需要花费大量时间时，可以通过进度条或加载动画向用户展示加载时间、处理数据数量等信息，让用户在等待时能够收到反馈和预期，从而降低客户的确定性。

四、结语

要做好客户互动体验，首先要了解用户产品的整个使用过程，然后引导用户实现目标。不要让用户等待完成任务的过程，不要让用户学习和思考，缩短任务结束的路径，帮助用户偷懒，从而捕捉用户的内心，让你的产品更有粘性。

作者：refurbish ； 公众号：Bruce 林拼搏频道

本文由 @refurbish 原发布于每个人都是产品经理，未经许可禁止转载。

题图来自 Unsplash，基于 CC0 协议

本文仅代表作者观点，版权归原创者所有，如需转载请在文中注明来源及作者名字。

免责声明：本文系转载编辑文章，仅作分享之用。如分享内容、图片侵犯到您的版权或非授权发布，请及时与我们联系进行审核处理或删除，您可以发送材料至邮箱：service@tojoy.com