（一）电商网站的优化--注册，没那么简单

最近在帮朋友优化一个海购网站，在梳理了网站结构，明确了需要优化的功能之后，打算从注册功能做起。原本认为登录注册环节是最基础最简单的功能，但一旦自己着手开始做，才发现看似简单的功能，其实隐含了相当多的思考点，需要非常缜密和全面的逻辑思维，比如验证码刷新的机制、表单的提示规则等等。花了两天理清了流程和逻辑，并完成了界面设计、需求和交互说明，这个过程中有些思考和想法，在这里记录一下：

1、关于注册表单内容，一般来说，越精简越好，当然一些特殊的比方金融理财类的服务，可能需要身份认证。但作为一个电商网站，用户名昵称之类的并不重要，尽快帮助用户完成注册购物下单才是王道。所以我取消掉了之前的“用户名”表单项，仅包含“邮箱名”+“密码”+“确认密码”+“验证码”几项内容。由于该网站之前一直采用邮箱注册，所以需延续邮箱注册的形式，后期还打算加入手机号注册，毕竟通过手机号码可以更好推送广告。

2、关于注册的流程，下图为邮箱注册的流程图，适用于一般的邮箱注册+邮件激活，可复用：

用processon制作的，这个网站提供了多种多样的思维导图、流程图、原型图的模板，可在线编辑与分享，很好用

3、关于格式验证，采取的机制为：进行下一项操作时，再对上一项内容进行格式验证。

理由如下：

①若实时对当前项进行验证，则会在输入正确之前一直出现错误提示，体验不好；

②若全部输入完毕，点击提交后再进行验证，则某一项的错误会导致全部内容无效，用户白白浪费时间。

因此设置为用户进行下一项操作时，提示上一项的验证结果，帮助用户快速完成有效输入和校验。

4、关于验证码

首先我在制定验证码规则的时候，在知乎搜索了一下相关知识，例如注册过程中图形验证码的作用是什么、通常验证码的有效期为多少等等。建议大家在做某项功能的时候多体验或收集相关知识，有助于更好的理解该功能，进行功能设计的时候也更有目的性。

“短信验证码”目的在于鉴权，证明用户是本人。

“图形验证码”目的在于防刷，证明使用者是人而非机器。

①需要考虑到，验证码是最后一项输入内容，所以验证的规则与前几项有所不同：需要输入完4个字符就进行验证。

②另外由于验证码有刷新机制，存在过期的问题，且在不同时间点进行操作，提示内容会不同，需要考虑全面：

不同状态下，验证码过期的提示有所不同

5、关于执行顺序

以前觉得注册就是一个按钮提交的事儿，现在才发现，完成注册，至少要经过这么几个过程：

  ①出现弹窗提示用户登录邮箱

  ②系统发送验证邮件至用户邮箱

  ③用户登录邮箱，点击验证链接，以已登录状态跳至首页

  ④后台管理系统生成一条注册记录（记录条目待定）

依次执行完上述动作，注册过程才算完成。

6、关于文档的撰写

原本我用axure画界面和简单注释，用word写需求和交互文档，后来参考上一些优秀的需求和交互文档的撰写方式，在axure里完成版本记录、网站结构、界面设计、需求说明、流程图、交互说明。这样做的好处有哪些呢？

    ①方便研发查阅。毕竟将全部的说明都放至一个文档中，不用在原型、文档中切换来切换去

    ②axure8.0提供了便签功能，可以直接在旁边进行标注，不用去文档中查找，更加高效

   ③方便产品人员撰写和修改

放上原型的部分内容（目前还不完善）：

左侧的站点地图，以文件夹的形式进行逻辑分组

产品结构图帮助梳理网站结构、页面层级，是全站的概览

每个文件夹包含了该功能的流程图、需求说明及界面和交互说明

这些仅仅是自己在做注册这个功能中进行的一些思考，之前虽然做过不少需求，但似乎都是些零散琐碎且独立的，一个完整的注册流程，可没有想象那么简单。目前这个文档和设计都仅为初稿，后续若有调整修改，我会及时反思和记录，也欢迎大家批评指正~