《伟大的小细节:互联网产品设计中的微创新思维》——2.2 必经流程简化

简介: 本节书摘来自华章计算机《伟大的小细节:互联网产品设计中的微创新思维》一书中的第2章,第2.2节,作者:文哲著, 更多章节内容可以访问云栖社区“华章计算机”公众号查看。

2.2 必经流程简化

如果依据用户的一些行为可以判断出用户必将进行的一些操作,此时就需要将流程简化。这种简化包含两个层次:剔除不必要的流程和争取将流程合并。最常见且最行之有效的办法就是操作流程记录法,即记录下用户达成某一目标的所有流程,并在流程的各个节点中寻找可以判断用户意图的节点,直接将快捷的操作方式呈现给用户,或者将必要流程合并。
注册/登录是网站、手机App必备的基本功能。随着移动互联网的普及,为防止恶意注册账户,许多网站、手机App在注册时都会使用手机号作为账户,并需要通过短信验证才可生效。为了省掉用户手动输入短信验证码的麻烦,一些App提供了获取验证短信并自动填写短信验证码的功能,如在日本、韩国、泰国非常流行的聊天软件LINE。目前国内的一些App也支持这样的功能,如“爱鲜蜂”。下面就主要以爱鲜蜂为例进行讲解。如下右图所示的截图比较特殊,其主体是爱鲜蜂的注册界面,当输入手机号点击获取验证码后,爱鲜蜂会读取短信中的验证码自动填写到验证码输入框中;而界面的顶部则是MIUI系统的短信提示框,它也根据短信内容判断出这是一条短信验证码,点击右边的“复制”按钮复制验证码,再粘贴至验证码输入框内 即可。
image

单纯站在爱鲜蜂注册功能的设计者的角度,一个完整的注册流程只需要包含如下环节:
image

乍一看并没有可以优化的空间,这里先阐明“功能实现”设计思维与“需 求解决”设计思维的区别:前者只要求功能运转正常合理即可,而后者除了要求完成前者需要实现的功能外,还需有代入感,把自己当成用户,设计时就不能只局限于自己所提供的服务了。基于“需求解决”的设计思维,一个完整、顺利的注册流程应该是:在输入手机号与填写验证码之间,用户还要切换到短信功能、记住或者复制验证码、返回到爱鲜蜂中,然后才是输入或粘贴验证码。
image

该流程中,切换到短信功能、记住或者复制验证码、返回到爱鲜蜂中、输入或粘贴验证码是用户必须要做的事情,此时为了优化用户体验,技术人员可以用技术手段,帮用户完成这部分操作(读取手机短信内容、识别短信中的验证码、复制验证码并粘贴到验证码输入框中)。那我们再往前思考,既然自动帮用户填写好验证码,为什么不直接帮助用户完成验证并登录呢?(可以先思考几分钟再看后面的内容)
image

除了为用户带来方便的细节设计能力外,严谨是比此类细节创新更重要的品质,之所以不能设计成填写手机号便可自动登录,主要原因有以下两点:
 不是在所有设备上都能成功获取到读取短信权限(比如用户设置了不允许App获取自己的短信),一旦短信获取失败,而用户又无法手动填写,那么整个注册流程便卡住了,无法继续下去,这将是严重的设计错误;
 用户注册时并不一定使用当前手机,即用其他手机接收验证短信,或者正在使用iTouch、iPad等根本就无法接收短信的设备进行注册,同样会导致整个注册流程无法继续。
当然,如果能够妥善处理好这些问题,一键注册登录也未尝不是一个优秀的细节设计。
前面爱鲜蜂注册界面顶部的短信提示框同样是基于用户行为预判的优秀细节设计,MIUI系统能够识别收到的短信是不是验证短信,如果是验证短信,则短信提示框右侧提供一个复制验证码的按钮,用户点击该按钮,MIUI会提取短信中的验证码复制到手机的剪贴板中,并提示:MIUI已经帮您复制好短信验证码,直接粘贴即可。这样用户就不必切换至短信功能中,在当前操作界面中即可完成验证码的复制、粘贴。
image

再举一个案例。正常情况下,各类括号(如大括号、中括号、小括号)、书名号、引号等标点符号都是成对出现的,既然必然成对出现,那么输入正括号后,自动输入反括号,并将光标跳回到括号间,这样输入既方便,也能防止忘记输入反括号。搜狗输入法就这么机智地干了!
image

必经流程简化的另外一种情况是必要流程合并。当一位设计者需要按照黄金比例设计一个作品时,正常的流程是:打开搜索引擎>搜索黄金比例>找到有黄金比例具体数值的网页>点击去复制黄金比例的数值>切换到计算器计算所需要的对应数值(雅虎、必应、NAVER及国内各大搜索引擎皆可体验)。 Google对此作了体验优化,当用户使用Google搜索“Golden Ratio(黄金比例)”时,搜索结果会弹出一个计算器,且其界面中已填写好黄金比例的数值,如果需要计算,就直接继续操作吧!分析起来,Google先是直接将用户需要的黄金比例数值提取出来,省去了用户一个个网页查找的烦恼;而后是考虑到用户可能会使用该数值进行计算,又提供了一个计算器,方便用户直接计算;更进一步,Google将两者合并到一个界面中,用户可能只需要一个黄金比例数值,并不受影响啊,不是么!
image

同样也是必要流程合并的细节创新,下面这个细节创新多少有点无奈。出于商业利益和安全性的考虑,微信屏蔽了手机淘宝App的分享链接,从手机淘宝并不能直接分享链接给微信好友。于是手机淘宝创造性地发明了 “淘口令”。可很多用户还是习惯使用截图给好友分享商品,收到截图的微信好友想要访问这个商品,要么要求对方重新发淘口令,要么根据截图内容去淘宝搜索,不论怎样,都是一件挺麻烦的事情。当手机淘宝发现用户对商品详情页进行了截图时,会弹出一个对话框告诉用户“已经为您生成淘口令”,用户可以选择将截屏和淘口令一并发给好友,这样就避免了许多麻烦。
image

Waymate.de是德国一家专门做旅行路线规划的网站。当使用Waymate.de 搜索一个行程时,加载过程中会显示计划时间目的地的天气状况,供用户参考,帮用户省去了自己查询天气的操作,即便用户并不需要这一信息,对用户的操作也无任何影响。
image

由以上案例可以总结出使用流程操作记录法设计产品的基本心法:第一,画出完整流程图,不仅有助于察觉可以优化的地方,严谨的流程分析也是发现设计漏洞的重要手段;第二,不要局限于自身产品的流程去进行设计,用户完成一项任务可能需要在不同的网站和App中切换操作,要将这些操作也纳入设计范围。

相关文章
|
11月前
|
架构师 UED
【设计思维框架】框架 :为现代企业重新设想的设计思维(上)
【设计思维框架】框架 :为现代企业重新设想的设计思维
|
11月前
|
安全 数据可视化 测试技术
【设计思维框架】框架 :为现代企业重新设想的设计思维(下)
【设计思维框架】框架 :为现代企业重新设想的设计思维
|
Web App开发 XML 安全
技巧:你未必知道的IE8九大功能
微软为IE8赋予了不少新的功能,其中一个就是使得这些新功能的实现更加实用和简便。其中有很多优化功能,可能你没有完全留意到。不过,你完全不用去阅读那些详细的功能使用说明,我们在为你提供这些功能介绍的同时,还将补充一个微软都没有提到过的重要技巧——如何为IE8增添强大的广告过滤工具。
940 0
|
数据可视化 UED
[译] 细节是产品设计的重中之重
本文讲的是[译] 细节是产品设计的重中之重,一个产品的成功是由各种因素共同造就的,而其中最重要的因素,就是整体的用户体验。在设计一款新的应用或是网站的时候,坚持最佳的实践规范是一个可靠的方法,但是在创造宏伟蓝图的时候,人们很容易就会省略掉那些能让人有更好的体验但却并非必要的设计元素。
1183 0
《伟大的小细节:互联网产品设计中的微创新思维》——第3章 3.0场景化设计
本节书摘来自华章计算机《伟大的小细节:互联网产品设计中的微创新思维》一书中的第3章,第3.0节,作者:文哲著, 更多章节内容可以访问云栖社区“华章计算机”公众号查看。
1227 0
|
Web App开发 安全
《伟大的小细节:互联网产品设计中的微创新思维》——3.1 设身处地为用户考虑
本节书摘来自华章计算机《伟大的小细节:互联网产品设计中的微创新思维》一书中的第3章,第3.1节,作者:文哲著, 更多章节内容可以访问云栖社区“华章计算机”公众号查看。
1252 0
《伟大的小细节:互联网产品设计中的微创新思维》——第1章 1.0小细节的大疑问
本节书摘来自华章计算机《伟大的小细节:互联网产品设计中的微创新思维》一书中的第1章,第1.0节,作者:文哲著, 更多章节内容可以访问云栖社区“华章计算机”公众号查看。
1043 0
|
UED iOS开发
《伟大的小细节:互联网产品设计中的微创新思维》——3.5 交互界面因素
本节书摘来自华章计算机《伟大的小细节:互联网产品设计中的微创新思维》一书中的第3章,第3.5节,作者:文哲著, 更多章节内容可以访问云栖社区“华章计算机”公众号查看。
1172 0
|
Web App开发 UED
《伟大的小细节:互联网产品设计中的微创新思维》——
本节书摘来自华章计算机《伟大的小细节:互联网产品设计中的微创新思维》一书中的第2章,第2.1节,作者:文哲著, 更多章节内容可以访问云栖社区“华章计算机”公众号查看。
1111 0