快好知 kuaihz

手机验证设计感悟

人们对于产品设计这类事情,往往容易眼高手低,在宇宙层面上夸夸其谈,却落不了地,只能飘着。真正到了自己动手的时候,才会发现问题很多,实践和理论相差太远,很容易说一套,做一套。所以还是需要多实践,动手去做出东西,才有可能真正提高自己的水平。

最近有个机会,接触到某个手机验证流程的设计,这也让我有机会去动手参与,真刀真枪的过过招。对于新手,我觉得最重要的不是做出什么很满意很完美的设计,而是通过每一次的动手设计,把自己的思维想法贯彻到实践之中,去交流去对比,才会发现自己考虑问题的不足之处、思维上的盲点,然后总结思考,达到取其精华去其糟粕的效果,这样才能加速菜鸟向老鸟的转变。

言归正传。本次谈论的手机验证流程如下:



这个流程是一个子流程,从流程上看,没有什么特别的地方,这类流程的设计已经很常见了。但是这个验证有个额外需求,需要在这个验证流程中让用户填入邀请人的id或用户名,非必填,但得有这一步。我们先不考虑这一步放在这个流程中是否合适,就按这种情况来考虑,那么这样一来就带来一些问题了。这一步放在什么地方合适,怎么让他不影响验证流程,又保证人们会注意到而且不觉得反感?

下面是作为分析材料的设计初稿:

分析:

从这个设计页面中,主要发现两个问题。

第一是邀请步骤放在输入手机号之后,把输入验证码的步骤给隔断了,验证流程被打断。

第二是提示性文字过多,影响视觉效果,而且提示效果不理想。

修改:

接下来,是我的修改版,总体流程分为三步。

第一步:

第二步:

第三步:

分析:

首先说一下这么修改的思路。

1. 填写邀请人步骤被放到最后一步的成功页面。目的是想弱化这个步骤对验证流程的影响,同时也可以保证有足够的吸引力让用户不会忽略,因为成功页面中用户的任务量不大,只有这么一个可能需要填写的地方。

2.第三步页面中的“完成验证”按钮表示流程的正常结束。点击后触发邀请人id/会员名保存事件,并关闭页面。

3.输入手机号和输入验证码被独立开来分为了两步。这么做是为了平衡流程重心。因为还有一个填写邀请人的步骤,如果把那两个任务放在同一个页面,那么主要流程任务都在第一步被完成,验证成功页面再加上填写邀请人步骤,就显得不伦不类了。用户会觉得前面的任务都完成了,怎么这里还有事要做?不符合用户的预期,其情绪有可能被影响。而且,如果第一步把验证的任务完成了,最后一步只是为了显示验证的结果,一个以消息显示为主要目的的流程也不适合加上填写任务。

4.添加了重新发送和修改手机号码两个步骤。这是为了把流程正向逆向都流通起来。重新发送是重做发送验证码短信这一步骤,修改手机号码可返回第一步,重新填写手机号码。

以上是设计修改的一些思路。完成了我自己的版本后,我看了其他一些童鞋的修改作品,各有千秋。真的是像我说的那样,只有做完后去总结去对比,才会发现自己的不足和盲点。

*以下是对本次手机验证设计修改一些感悟:

第一、可以把填写邀请人这一步骤作为半隐藏事件,触发后激活填写流程。这一点之前没有想到,是一个盲点。这样就可以考虑

把输入手机号和验证码放在一个页面,缩短流程

第二、提示文字仍然有精简余地。可以考虑利用按钮标题和半隐藏提示区域。如下图中,按钮标题和右下角的提示区域(点击触发提示覆盖层)足够说明问题了,不需要别的提示文字。

第三、重新发送需时间限制。比如2分钟的倒计时,2分钟内不允许点击“重新发送”,避免多余的服务器负载。

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:手机验证设计感悟  感悟  感悟词条  验证  验证词条  设计  设计词条  手机  手机词条  手机验证设计感悟词条  
设计

 从消费者心理学到电商产品设计

作者从消费者心理学的角度切入,分享了关于电商产品设计的一些注意点。最近读了些许关于消费者心理学的书,其后联想到电商产品设计。以前我们在线下琢磨如何吸引更多的消费...(展开)

设计

 Fenby创始人齐伟:在线教育,...

从初期的远程教育、各类网校到网易公开课以及各类在线教育平台,如今的互联网创业者也纷纷将目标锁定在了在线教育这个看似热闹非常的领域。但是教育行业发展的“慢节奏”和...(展开)