登录注册功能PRD的正确书写方式
因为要对公司的知识产权做一定保护，故本文分享的“登录注册功能”的需求文档被我做了一定的阉割，但是从本文当中依然能够看到一个功能（产品）的设计过程，希望本文档能够对大家有所帮助。
登录注册功能需求文档【PRD】：
一、功能优化/开发原因
APP登录页面更改：由于APP登录界面，登录按钮不突出，并且我们的标准用户为年龄较大的互联网低频人，学习、记忆能力较差，因此对登录界面UI进行更改并加入短信快捷登录。
二、更改模块涉及到的资源
登录页面问题：IOS、安卓、PHP
三、参考竞品：
登录页面：喜马拉雅、腾讯课堂、得到、混沌大学、淘宝、京东、百度外面、美团等。
四、用户端产品需求说明
登录页面更改：
1. 用户使用流程图
登录注册功能需求文档【PRD】：
一、功能优化/开发原因
APP登录页面更改：由于APP登录界面，登录按钮不突出，并且我们的标准用户为年龄较大的互联网低频人，学习、记忆能力较差，因此对登录界面UI进行更改并加入短信快捷登录。
二、更改模块涉及到的资源
登录页面问题：IOS、安卓、PHP
三、参考竞品：
登录页面：喜马拉雅、腾讯课堂、得到、混沌大学、淘宝、京东、百度外面、美团等。
四、用户端产品需求说明
登录页面更改：
1. 用户使用流程图
2. 页面说明
2.1 登录首页
设计更改说明：原登录页面中手机登录、注册不易被人发现和使用，登录按钮完全融入背景图片很多用户不知道它是按钮，因此产生了一些使用问题，故先对登录注册页面进行更改。更改原型参照腾讯课堂、混沌大学、喜马拉雅，将登录按钮和手机登录按钮设为同等重量按钮，并给与登录加以颜，推荐用户使用登录。更换背景并加上创业logo树立品牌形象等。
（1）提示文字
功能说明：对用户起到提示及引导作用。
状态背景图更改 交互说明：对登录这次数不同的用户进行区别提示，首次推荐使用，再次登录需要告诉用户他上次使用的是那种登录方式。
例子：
用户首次登录：网页购买用户，请使用登录。用户再次登录：您上次使用的是“登录”。 （2）登录按钮
功能说明：点击吊起登录验证。交互说明：按钮需要有点击前、点击时，两个状态方便
2.1 登录首页
设计更改说明：原登录页面中手机登录、注册不易被人发现和使用，登录按钮完全融入背景图片很多用户不知道它是按钮，因此产生了一些使用问题，故先对登录注册页面进行更改。更改原型参照腾讯课堂、混沌大学、喜马拉雅，将登录按钮和手机登录按钮设为同等重量按钮，并给与登录加以颜，推荐用户使用登录。更换背景并加上创业logo树立品牌形象等。
（1）提示文字
功能说明：对用户起到提示及引导作用。
状态背景图更改 交互说明：对登录这次数不同的用户进行区别提示，首次推荐使用，再次登录需要告诉用户他上次使用的是那种登录方式。
例子：
用户首次登录：网页购买用户，请使用登录。用户再次登录：您上次使用的是“登录”。 （2）登录按钮
功能说明：点击吊起登录验证。交互说明：按钮需要有点击前、点击时，两个状态方便
用户知道自己已经点击按钮。
手机登录按钮：同登录按钮。
（3）注册、随便看看：
功能说明：
点击注册跳转注册页面。随便看看为返回按钮。 交互说明：点击前字体为橙，点击时字体为灰。
2.2 手机登录详情
设计说明：在使用账号登录过程中我们发现有很多用户记不住自己的密码，因此我们再次更改中加入短信验证登录。
1）账号登录、短信登录tab：
功能说明：用于用户快速切换短信登录/账号密码登录。交互说明：用户点击另一个登录种登录时，文字下面的横线和文字背景颜块进行左滑或右滑，同时登录验证内容进行更改。 2）登录按钮：（同登录按钮略）
3）验证码：
功能说明：获取/填写短信验证。
手机登录按钮：同登录按钮。
（3）注册、随便看看：
功能说明：
点击注册跳转注册页面。随便看看为返回按钮。 交互说明：点击前字体为橙，点击时字体为灰。
2.2 手机登录详情
设计说明：在使用账号登录过程中我们发现有很多用户记不住自己的密码，因此我们再次更改中加入短信验证登录。
1）账号登录、短信登录tab：
功能说明：用于用户快速切换短信登录/账号密码登录。交互说明：用户点击另一个登录种登录时，文字下面的横线和文字背景颜块进行左滑或右滑，同时登录验证内容进行更改。 2）登录按钮：（同登录按钮略）
3）验证码：
功能说明：获取/填写短信验证。
交互需求：
点击获取验证码时：文字变为灰。点击后：文字变为“重新发送 60秒”，并且文字颜为灰切不可点击。用户手机收到验证码后，自动填入验证码框中。 2.3 注册页面
设计说明：对比原注册页面，将完成按钮下移至主按钮位置。更改原因，由于我们的用户年龄较大，主按钮更容易让用户看到并点击。
完成按钮：
功能说明：略
交互说明：
用户填完信息前，按钮为灰背景切不可点击。用户完成信息填写，按钮为上图状态，可以点击。用户点击时，按钮再次变为灰，却不能点击。
赵疯癫
点击获取验证码时：文字变为灰。点击后：文字变为“重新发送 60秒”，并且文字颜为灰切不可点击。用户手机收到验证码后，自动填入验证码框中。 2.3 注册页面
设计说明：对比原注册页面，将完成按钮下移至主按钮位置。更改原因，由于我们的用户年龄较大，主按钮更容易让用户看到并点击。
完成按钮：
功能说明：略
交互说明：
用户填完信息前，按钮为灰背景切不可点击。用户完成信息填写，按钮为上图状态，可以点击。用户点击时，按钮再次变为灰，却不能点击。
赵疯癫
发布评论