2023年UX细节设计思路-必经流程简化

UX细节设计思路——必经流程简化优秀UX细节创新设计让用户感到便利、贴心、牢靠、平安、愉悦。UX细节创新设计并非都来自一刹那的灵光乍现，创新力量也不是少数人只可意会不行言传的一种天赋，优秀的UX细节创新设计其实有章可循，创新力量是可以通过后天培育提升的，更多内容可参阅《宏大的小细节》一书。

本文共享技巧——必经流程简化。

必经流程简化的设计思路：当可以预判用户可能的一系列操作时，交互设计上应当将这系列流程做简化处理。

这种简化包含两种类型：

剔除可预见用户操作中不必要的操作流程合并可预见用户操作中必操作的流程简洁行之有效的方法就是操作流程记录法，记录下不同场景用户达成某一项目标的完整流程，在流程各节点中查找可以推断用户意图的节点，跳过不必要的流程，或者合并必要流程。

操作记录法设计产品Tips：

画出完整流程图，不仅有助于察觉可以优化的地方，严谨的流程分析也是发觉设计漏洞的重要手段。不要局限于自身产品流程设计，用户完成一项功能可能需要在不同的网站和App中切换操作，要将这些操作也纳入设计范围。01设计讲解登录注册

注册/登录是网站、手机App必备的基本功能。随着移动互联网的普及，为防止恶意注册账户，很多网站、手机App在注册时都会使用手机号作为账户，并需要通过短信验证才可生效。

为了省掉用户手动输入短信验证码的麻烦，一些App供应了猎取验证短信并自动填写短信验证码的功能，如日韩、东南亚特别流行的谈天软件LINE。

目前国内的一些App也支持这样的功能，如“爱鲜蜂”。爱鲜蜂是一个较为特殊的案例，本文以爱鲜蜂为例进行讲解。

LINE猎取到验证短信后会自动填写短信验证码：

爱鲜蜂注册页面及MIUI短信提示框

其次张截图的主体是爱鲜蜂的注册界面，当输入手机号点击猎取验证码后，爱鲜蜂会读取短信，并将短信中的验证码自动填写到验证码输入框中；而界面的顶部则是MIUI的短信提示框，它也依据短信内容推断出这是一条短信验证码，点击右边复制按钮，即可复制验证码，直接粘贴至验证码输入框内即可。

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

乍一看并没有可以优化的空间，这里先阐明功能实现的设计思维与需求解决设计思维的区分，前者只要求功能设计运转正常合理即可，而后者除了需要完成前者所需要实现的功能外，还需有代入感，把自己当成用户，设计时就不能只局限于自己所供应的服务了。

基于需求解决的设计思维，一个完整、顺当的注册流程应当是：在输入手机号与填写验证码之间，用户还会需要切换到短信功能、记住验证码或者复制验证码、返回到“爱鲜蜂”App中，然后才是输入或粘贴验证码。

流程中，切换到短信功能、记住验证码或者复制验证码、返回到“爱鲜蜂”App中、输入或粘贴验证码是用户必需要做的事情，此时为了优化用户体验，技术人员可以用技术手段，帮用户完成这部分操作（读取手机短信内容、识别短信中的验证码、复制验证码并粘贴到验证码输入框中）。

那我们再往前思索，既然自动帮用户填写好验证码，为什么不直接关心用户完成验证并登录呢？可以先思索几分钟再看后面的内容。

除了为用户带来便利的细节设计力量外，严谨是比此类细节创新更重要的品质，之所以不能设计成填写手机号便可自动登录，主要缘由有以下两点：

不是全部设备都能胜利猎取到读取短信权限（比如用户设置了不允许App猎取自己的短信信息），一旦短信猎取失败，而用户又无法手动填写，那么整个注册流程便卡住了，无法连续下去，这将是严峻的设计错误。用户注册时并不肯定使用当前手机，即用其他手机接收验证短信，或者正在使用iTouch、iPad等根本就无法接收短信的设备进行注册，同样会导致整个注册流程无法连续。当然，假如能够妥当处理好这些问题，一键注册登录也未尝不是一个优秀的细节设计。

02设计案例

1.MIUI

前面爱鲜蜂注册页面顶部的短信提示框同样是基于用户的行为预判的优秀细节设计，MIUI系统能够识别收到的短信是不是验证短信，假如是验证短信，则短信提示框右侧供应一个复制验证码的按钮，用户点击该按钮，MIUI会提取短信中的验证码复制到手机的剪贴板中，并提示：MIUI已经帮您复制好短信验证码，直接粘贴即可。

这样用户就不必切换至短信功能中阅读或复制验证码，在当前操作界面中即可完成验证码的复制、粘贴。

MIUI收到短信验证码后供应复制验证码按钮

2.搜狗输入法

正常状况下，各类括号（如大括号、小括号、中括号）、书名号、引号等标点符号都是成对消失的，既然必定成对消失，那输入正括号后，自动输入反括号，并将光标跳回到括号间，这样输入既便利，也能防止遗忘输入反括号。搜狗输入法就这么机灵地干了！

使用搜狗输入法输入正括号后，会自动补全反括号，并将光标跳转至括号之间。

3.Google

必经流程简化的另外一种状况是必要流程合并。当一位设计师需要根据黄金比例设计一个作品时，正常的流程是：打开搜寻引擎搜寻黄金比例找到有黄金比例详细数值的网页点击去复制黄金比例数值切换到计算器计算所需要的对应数值（雅虎、必应、NAVER及国内各大搜寻引擎皆可体验）。

Google对此作了体验优化，当用户使用Google搜寻“GoldenRatio（黄金比例）”时，搜寻结果会弹出一个计算器，搜寻结果中直接展现黄金比例数值，假如需要计算，就直接连续操作吧！

分析起来，Google先是关心用户直接将所需要的黄金比例数据提取出来，省去用户一个个网页去查找的苦恼。而后是考虑到了用户可能会使用该数值进行计算，又直接供应了一个计算器，便利用户直接计算。

更进一步，Google将两者合并到一个界面中，用户可能只需要一个黄金比例数值，并不受影响啊，不是么！

在Google中搜寻“GoldenRatio（黄金比例）”

4.淘宝

同样也是必要流程合并的细节创新，这个细节创新多少有点儿无奈—App出于商业和平安性的考虑，微信屏蔽了手机淘宝App的共享链接，从手机淘宝并不能直接共享链接给微信好友。

于是手机淘宝制造性地创造了“淘口令”。可许多用户还是习惯使用截图给好友共享商品，可收到截图的微信伴侣可就有点麻烦了，想要访问这个商品，要么要求好友重新发淘口令，要么依据截图内容去淘宝搜寻，不论怎样，都是一件挺麻烦的事情。

当手机淘宝发觉用户使用手机淘宝对商品详情页进行截图时，会弹出一个对话框出来告知你“已经为您生成淘口令”，用户可以选择将截屏和淘口令一并发给好友，这样就避开了好友再次询问淘口令或者使用截图内容去搜寻的麻烦。

手机淘宝App商品详情页界面

5.Waymate.de

http://Waymate.