3种基本方法,引导用户正确操作

作为一名产品经理,当人们使用你的产品的时候,需要尽可能避免他们犯错误。我们应该留心用户可能犯错误的地方,在合适的地方给他们一个温和的推动,以确保一切都能正常进行。(不要让用户认为自己被指使着做什么事,至少不要用被认为是“粗鲁”和“侵扰式”的)

文章目录[隐藏]

3种基本方法,引导用户正确操作

作为一名产品经理,当人们使用你的产品的时候,需要尽可能避免他们犯错误。我们应该留心用户可能犯错误的地方,在合适的地方给他们一个温和的推动,以确保一切都能正常进行。(不要让用户认为自己被指使着做什么事,至少不要用被认为是“粗鲁”和“侵扰式”的)

所以,在系统中我们给予用户的提示既要微妙又要有效。要想获得这种平衡的体验非常困难。幸运的是,交互设计专家Eric Reiss曾在他的书中提出了三种方法可以让用户免于麻烦:

提示(Remind)、警告(Alert) 和 强制(Force)

  • 提示(Remind)可以帮助人们回忆起在不经意间忘记的某项操作,以确保用户的操作是有效的。比如在关闭文档之前提示保存,或是在邮件中粘贴附件。
  • 警告(Alert)则是在界面的部分内容上添加一些标签和标记,来表示这些内容是用户在进行下一步的操作之前必须完成的,以此帮助人们回到正确的步骤上。比如某些表格后面的“※”;输入密码;或者安装软件时弹出的 “我接受使用条款” 的复选框。
  • 强制(Force)意味着在用户使用某些功能时消除一些不可用的选项。比如把一些不可用的或者是在某个特定时刻不适用的菜单项变灰。

接下来,我们就一起来探讨一下在不同的场合下这些技术是使用的;而哪些技术是没用的;以及如何改进。

提示

在我看来,软件的提示可以分为两种:

第一种,类似word文档的保存提示,在用户需要的时候他会主动跳出来,询问你是否需要某种帮助。每次看到这样的提示的时候,我一般会心存感激。他大大优化了我的体验。没有人会希望自己辛辛苦苦码了两个小时的字以后因为忘记保存而再从头开始。

3种基本方法,引导用户正确操作

第二种提示却会对用户的操作造成一些影响,并且强制用户选择。

比如360杀毒软件(没错我点名了!)提供的清理垃圾提示:用户自己的事情做得好好地,突然一下跳出来一个弹窗,要求用户选择清理垃圾或者暂不清理。我本来就没有想要这项服务,为什么要让我选择?更恐怖的是,当我看电影或玩游戏时,它甚至会强制弹出用户桌面。并且主动开始扫描。我的电影被打断了,我的游戏送人头了。这项功能打断了我的进程,更导致了我原本进程的失败。根本没有任何体验可言。

3种基本方法,引导用户正确操作
好走不送!

3种基本方法,引导用户正确操作

无论如何,使用提示的关键是要有用。而不是打断事件处理的流畅性,影响人们的工作。那些与用户目前的事件毫不相干的提示(比如清理垃圾)根本就不应该出现。他们只会打断用户原本的进程,叫人厌恶。

3种基本方法,引导用户正确操作

除非你的提示与用户的进程直接相关并且能够保证它们出现的时候适宜。否则,取消他们。

现实世界中,大量的不恰当信息会对用户造成干扰。比如反复让人确定是否删除文件;比如音乐切换时跳出来的有声广告。

简而言之,如果提示是不必要和不合时宜的,那就让他们退到一边去。只有不影响用户体验的前提下提供适当的提示,才能达到双赢的局面。

警告

同上面的提示一样,作者认为警告也可以分为对用户有用的和无用的两种。

警告可以告诉人们有错误存在(如密码错误);状态发生变化(电量不足、被人异地登录);或者其他任何需要用户注意的内容。但是,也有一些警告只是坚持让我去确认电脑已经执行了一些操作,这样的警告就没有必要了。想要避免用户犯错的出发点是好的,但是不厌其烦地去显示那些用户已经知道的东西,万一惹怒了用户就得不偿失了。设计此类警告信息时,非常重要的一点是确保他们的相关性,确保他们能起到应有的作用。

通常来说,关键的任务越多,我们就越需要一种方式来了解是否有故障发生。

另外,作者还有一点要说明的是:如果可以的话,请不要光告诉用户发生了错误。最好再说出哪里出现了错误。不要让用户不知所措地盲目点击。错误警示应该具体而简洁,且容易让人理解。

举个例子:注册表中要填写的信息如果出现错误,不要仅仅告之用户信息不正确。更应该告诉用户究竟是邮箱错了还是用户名不符合格式,应该如何改正?

告诉用户,并帮助用户改正,这才是一个优秀的应用应该有的样子。

3种基本方法,引导用户正确操作

“狼来了”综合症

狼来了综合症的意思即发送了太多不相干的警告信息和其他通知,导致用户的注意力疲软。等到有真正重要的事情发生的时候,人们会出于习惯的原因忽略相关信息。,却不知道这次警告可能会带来严重的后果!

3种基本方法,引导用户正确操作

如果要给用户看的东西根本不算警告,就不要做出一副好像情况紧急的样子。

在大部分情况下,对话框是在表明某种错误。所以使用对话框来显示一些没有错误的信息可能会造成不必要的焦虑,尤其是让经验不足的用户担心。

强制

强制意味着某个程序、应用或物理对象不允许人们做一些不合适的事。

在电脑世界中,实现强制操作可以使用的技术,是把那些因为某些原因不可用的菜单项置灰。举个例子,如果你已经保存了文档,而又没有再次对文档就行修改的话,那么保存和撤销就会一直不可用。这属于用户可以理解的范畴以内。而另有一些选项被置灰,用户却没有被告之为什么这个选项不可用,这就让人比较郁闷。并且,我确定自己不是唯一一个有这种情况的人。无数次,我看到人们被一些不能访问的菜单搞得非常愤怒,对着电脑大呼小叫。

当然,还有一种选择,就是把一些内容设置为完全不可见。这样用户就会使用应用能提供的功能,而不会对着一个能看见却不能使用的选项感到无能为力。

但是这也不是真正解决问题的办法。用户会奇怪之前看到的功能为什么突然消失了。在这样的情况下,人们会漫无目的地四处点击,期望可能会在某一个偏僻的角落发现自己要找的内容。人们不知道这项功能已经消失,到处乱点只能让人发狂。这可不是良好可用性的体现。

总之,我认为把一些内容置灰也许是一个比较好的选择。但是我更希望程序可以告诉我:为什么这个选项是不可用的;如果我想使用它,我应该怎么做。比如,鼠标悬停在选项上,会有一个小小的弹出框告诉我原因和方法。但遗憾的是,这样做的程序我很少遇到。

我也相信,一定还有更好的方法等着我们去发现。

最后,Eric Reiss还在书中提出了几种让事情变得更简单易用的方式,现摘录下来,以供参考:

  1. 你是否可以给人们提供几种不同的响应方式?一旦一种方式不能工作,他们仍有其他方式可以选择。
  2. 你是否发现存在需要读两次才能理解的错误信息或说明?如果有,改善它。
  3. 你是否可以提高响应时间,让人们不再重复一个操作?
  4. 是否存在可能与系统警告混淆的错误信息或警告?如果有,创建独特的信息或完全消除他们。
  5. 你是否做了一些自以为“有帮助”的事情,实际上却妨碍了人们完成任务?
  6. 你的产品中是否包含了自适应菜单那样的个性化功能,它们是否会记忆一些与下次操作无关的特性,让人不厌其烦?
  7. 你是否提供了认知路标和线索,正确引导人们使用你的产品?
  8. 你的操作指南是否简单明了,让人们可以快速找到自己需要的内容。

结语

关于易用性,提示、警告和强制可能是目前比较好的解决方法,但它们一定不是最好的。任然有太多的人被它们搞得焦头烂额。作为产品经理,我们有义务找到更好的方法,来帮助用户完成工作。

 

本文由 @舟行加勒比(微信公众号:youciwanghai) 原创发布于人人都是产品经理 ,未经许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/31169/

(0)
CatherineCatherine
上一篇 2017-05-31 17:06
下一篇 2017-05-31 19:16

相关推荐

  • 使用 Sketch 搭建动态布局

    如果你在设计交互,你可能会经常遇到一些重复性的元素,比如列表中的行,或者网格化元素。尽管Sketch提供了一些方法,通过使用Symbols将一些样式应用到元素中,但如果你想让布局更有适应性或者动态变化,它恐怕就很…

    2017-12-28
  • 近一年来做的动效设计整理

    最近离职了,空暇之余正好对之前一年多的工作内容进行个总结回顾。主要分两块,一是负责公司App和游戏在App Store及Google Play商店的视频创意设计和制作,可参见我写过的文章《AppStore预览视频AppPreviews制作心得总结》,以及前两天上站酷首页的《2015 moonjoin showreel》。

    2017-06-02
  • 与潘通CEO对话:合理的色彩运用,才能设计吸引人的产品包装

    年度流行色从何而来?潘通如何决定每年的流行色?你知道小黄人的颜色是潘通挑选的吗?以上问题在这篇对话中一一为你揭秘。“基于 Pantone 公司的核心业务,色卡销售,色彩咨询,以及色彩授权,中国目前是 Pantone 继美国后的全球第二大市场。按照中国的国际化趋势,不久后就有可能超越美国成为 Pantone 在全球的第一大市场。尤其,中国市场目前愈发突显了对设计的追求和重视。”Color defines our world. ——  Laurie Pressman  Vice-President of the Pantone Color Institute“For me it has always been such a calm color. Grey is like your favorite T- Shirt.” —— Jason Wu

    2017-05-11
  • Stack自动布局:Sketch中的Flexbox

    Skacks会彻底改变你对Sketch布局方式的理解。Sketch用户终于可以在不用CSS的情况下,直接使用Flexbox的排版技术。小提示:

    – Stacks能产生一致性。

    – 一致性使设计清晰。

    – Stacks能使设计清晰。我们Anima的使命是让设计师能掌控自己的设计。我们正在打造一款设计工具,让设计师定义和构建UI与UX设计中所有零零碎碎的元素,并且最终能自动生成本地代码,1:1还原设计。这就使设计师不依赖团队的其他部分,比如开发人员的优先关注点就与设计团队不同。

    2017-05-06
  • Axure模板库(13)-直播

    最近直播app越来越火,我整理了一些直播app,做了几个模板,跟大家分享。原型文件在文章最后。1、首先临摹一个国外的。(1)首页第一个展示的是快速发布直播的入口,鼓励用户创作内容。第二个展示的是一系列标签。如果平台上内容类型比较多的话,可以像这样强调标签、分类。如果平台上都是美女主播,那分类的权重就可以小一点了。第三个展示的是直播列表。直播最重要的信息就是直播的画面,列表上可以放一张大图,或者更直接,展示一小段视频。(2)直播页面,展示...

    2018-03-04
  • 十步交互设计方法

    理清业务逻辑是交互设计的第一步,你必须得拥有非常清晰的逻辑思维,因为某些产品往往伴随着海量的功能、大量的模块、错综复杂的交互流程以及难以理解的业务技术背景,这些都是对设计师逻辑思维的一个挑战。如果你没有清晰的清晰的逻辑思维,那可能就不适合做交互设计了。

    2017-05-27
  • Axure学习笔记 | 初识Axure

    本文结构:辰安笔记—01—说点题外话唠叨之语:这个是我在B站上看学习视频自己整理的笔记。话说我的学习笔记基本上是从视频上扒下来,然后加入一些自己的思考。我在规划做分享Axure的时候也想过,网上资源那么多,我做这个有必要吗?有用吗?思考一番,做这件事情虽然艰苦,费力不讨好,但是有收益。我现在就是把自己当作一个产品来打造。通过这些事情有以下收益:1.对自己来说,知识更加系统,当然也可能会让我更加僵化,这个我会注意;2.对招聘者来说,TA可...

    2018-04-29
  • 产品原型设计之交互体验的思考过程(二)

    接着上一篇《产品原型设计之交互体验的思考过程(一)》,这篇主要针对微记第二版的原型设计调整的思考过程作一下详细的说明。

    2017-05-23
  • 交互设计四策略在音乐播放条上的运用

    追求简单易用是人类的本性,《简约至上》中提出了合理删除、分层组织、适时隐藏和巧妙转移这四个达成简约的终极策略。对于功能性单一的产品做到简洁化比较容易,但对于功能性较强的产品如要做到简洁就是一个复杂的课题。

    2017-05-23
  • 达内UED高薪喜报|4个月拿18W年薪,他是怎么做到的?

    达内UI设计,中国UID课程标准制定者世界上最让人心动的情话,不是我爱你,而是买!买!买!在过去的双11,你买爽了吗?或者给你另一半最真的爱“清空购物车”了吗?但是,如果你的口袋瘪瘪的,每一笔钱花的都要精打细算,你怎么给另一半带去精致的生活呢?一个月挣3000,你怎么节约也只有3000,一个月挣2万,你花掉1万,还有1万,一个月挣30万,你花掉1万,还有29万,所以不要把脑细胞浪费在天天怎么节约,一定要把心思花在,怎么赚钱、怎么开心、怎...

    2018-01-31