网站登录以及注册界面如何设置

　　为什么会有这么大的差异？我认为在于思路的混乱和不一致。只有掌握了严谨和逻辑的设计思路，不仅简单的登录和注册会给用户留下良好的第一印象，也会让你在其他业务模块的产品设计中行云流水。

　　下面就跟随磊叔来一次登录和注册的产品设计之旅。磊叔拿工资向你保证，这将是你人生中最精彩的旅行之一。

　　1. 万事第一问：为什么

　　5W思维工具的第一个W即是WHY，为什么。

　　产品经理接到需求的本能反应应该是问一句：为什么要做这个需求？搞清楚需求的前世今生和来龙去脉，再加上“知己知彼百战不殆”的指导思想，对于接下来的需求分析、业务实现、功能落地都有莫大的好处。

　　为什么要做登录和注册？

　　登录和注册的需求来源部门或许有着五花八门的回答，也许是建立用户体系的需要，也许是收集用户信息的需要，也许是用户运营的需要，很多也许。多不要 紧，但至少我们知道了实现“登录和注册”对于业务有着至关重要的作用，且会对很多业务功能产生重大影响，需要产品经理认真、慎重的进行设计。

　　到此为止，即可。

　　2. 抽丝剥茧：搞定主要矛盾先

　　搞清楚了来龙去脉，明确了重要性，现在就来点实用知识，开始进入实际操作，从登录和注册的最核心业务开始分析。

　　很明显，登录和注册的主要矛盾就是完成两件事：用户登录和用户注册。

　　登录，就是提供给用户某种user interface，简称UI，即用户接口，让用户填入某些标识信息来与系统中已有数据进行身份验证匹配，并赋予用户某些特殊功能使用权限的过程。

　　听上去很复杂，实际上登录的主要矛盾就是：

　　让用户能够输入某种专有信息，例如独特的字符串、电话、身份证、电子信箱等等，总之能唯一表明这个用户的身份信息即可

　　为了解决这个主要矛盾，我们就设计两个输入接口：

　　身份标识：暂定用户名、手机、电子邮箱三者选一

　　密 码：暂定6位字符

　　注册，就是将用户的信息保存在系统中，用以日后的登录匹配信息之用。

　　实际上注册的主要矛盾就是：你到底要保存用户的哪些信息？

　　为了解决这个主要矛盾，我们就设计采集并保存以下用户信息：

　　身份标识：暂定用户名、手机、电子邮箱三者选一

　　密 码：暂定6位字符

　　没错，和登录一模一样，为什么？

　　注册的目的是满足登录信息匹配之用，最最基础的匹配就必然要求登录和注册的所需字段必须一模一样，就好像两个齿轮一样必须啮合。

　　听上去是废话？不，我就见过很多初入门的产品经理将登录所用字段和注册所用字段设计的不一致，被研发劈头盖脸的痛骂。

　　到这一步，我们为登录和注册增加了第一批的两个页面：登录页和注册页。

　　3. 深入一点：业务要闭环

　　有了两个最基础页面还不算完，在流程图上还是两个独立的点，因为业务流程没有闭环。这个时候就要问自己几个问题：

　　登录成功去哪里？

　　登录失败又去哪里？

　　注册成功去哪里？

　　注册失败又去哪里？

　　为了完成这个业务流程的闭环，我们就需要增加几个页面：

　　登录成功页：通常是跳转到首页，或者个人相关的页面，或者其他有特殊需要的页面。

　　登录失败页：通常是跳转到登录失败页，告诉用户登录失败的原因。

　　注册成功页：通常跳转到有特殊需要的页面。

　　注册失败页：通常是跳转到注册失败页，告诉用户注册失败的原因。

　　到这一步，我们完成了登录和注册的业务闭环，登录和注册的业务可以打包为独立的业务模块，至此增加了四个辅助页面：登录成功页、登录失败页、注册成功页和注册失败页，总计六个页面。

　　4. 再深入一点：将业务嵌入使用场景

　　登录和注册的业务流程已经闭环，且已被打包为独立的业务模块，接下里就要做有很强代入感和参与感的产品使用场景分析，然后把登录和注册塞进需要的流程中。

　　因为只有融入业务流程的产品设计才能体现出价值，否则，和咸鱼有什么区别。

　　那么问题来了，有哪些使用场景呢？

　　首页或着陆页：用户看到平台的第一页，也是最容易联想到的页面。

　　涉及需要用户身份验证的页面：例如支付、发布内容、查看特殊权限的内容等。

　　那么问题又来了，如何将登录和注册嵌入呢？

　　对于首页和着陆页，我们在页面上明显位置增加登录和注册按钮或超链接，尽可能的引导用户完成登录和注册。

　　对于需要用户身份验证的页面，在需要的按钮或超链接上（例如支付、发布、回复、下载等）判断当前用户身份，非认证用户即转入登录和注册流程。

　　到这一步，我们将登录和注册嵌入到了平台的业务流程中。至此，登录和注册的产品功能和业务设计基本上完成了。

　　5. 琢玉成器：用户体验是需要手工打磨的

　　且慢，产品功能和业务设计只完成了50%，还有50%就是前端产品经理常常挂在嘴边的用户体验。

　　用户体验这回事比较虚，也比较主观，这里就抛砖引玉几个思考点吧：

　　如果用户名使用电子信箱，如何让用户能够快速完成电子信箱的录入？

　　如何设计良好的登录页错误提示？

　　是否需要记住密码？还是需要2周内不用登录？

　　能否不用鼠标来切换用户名和密码框？

　　能否用回车键来替代鼠标完成登录或提交的操作？

　　如何让用户快速完成注册页的各种字段录入？

　　如何限定注册页的必填字段？

　　如何设计密码强度的提示？

　　如何设计良好的注册页错误提示？

　　如果注册页有用户头像，是否需要锁定头像比例？是否提供在线裁剪？

　　是否需要给用户设置默认头像？

　　如何快速切换注册页的各个字段输入框？

　　注册页各个字段的填写提示是否简洁清晰无歧义？

　　其实还会有很多很多问题，需要我们慢慢打磨、细化。

　　6. 丰满羽翼：加持业务部门的需求

　　截至目前，登录和注册既实现了功能和业务，也优化了用户体验，照理说可以打完收工了。不过，建议此时的产品经理主动出击，去了解、收集其他业务部门的需求。

    更多类似资讯，可以访问2898站长资源平台建站栏目：http://www.2898.com/web/ 谢谢！