登录注册功能PRD的正确书写方式

产品老司机手把手教写文档,10天线上课程,零基础掌握产品经理必备7大文档撰写法。了解一下>

因为要对公司的知识产权做一定保护,故本文分享的“登录注册功能”的需求文档被我做了一定的阉割,但是从本文当中依然能够看到一个功能(产品)的设计过程,希望本文档能够对大家有所帮助。

登录注册功能需求文档【PRD】:

一、功能优化/开发原因

APP登录页面更改:由于APP登录界面,登录按钮不突出,并且我们的标准用户为年龄较大的互联网低频人群,学习、记忆能力较差,因此对登录界面UI进行更改并加入短信快捷登录。

二、更改模块涉及到的资源

登录页面问题:IOS、安卓、PHP

三、参考竞品:

登录页面:喜马拉雅、腾讯课堂、得到、混沌大学、淘宝、京东、百度外面、美团等。

四、用户端产品需求说明

登录页面更改:

1. 用户使用流程图

2. 页面说明

2.1 登录首页

设计更改说明:原登录页面中手机登录、注册不易被人发现和使用,微信登录按钮完全融入背景图片很多用户不知道它是按钮,因此产生了一些使用问题,故先对登录注册页面进行更改。更改原型参照腾讯课堂、混沌大学、喜马拉雅,将微信登录按钮和手机登录按钮设为同等重量按钮,并给与微信登录加以颜色,推荐微信用户使用微信登录。更换背景并加上创业logo树立品牌形象等。

(1)提示文字

功能说明:对用户起到提示及引导作用。

交互说明:对登录这次数不同的用户进行区别提示,首次推荐使用微信,再次登录需要告诉用户他上次使用的是那种登录方式。

例子:

  • 用户首次登录:微信网页购买用户,请使用微信登录。
  • 用户再次登录:您上次使用的是“微信登录”。

(2)微信登录按钮

  • 功能说明:点击吊起微信登录验证。
  • 交互说明:按钮需要有点击前、点击时,两个状态方便用户知道自己已经点击按钮。

点击前,点击时

手机登录按钮:同微信登录按钮。

(3)注册、随便看看:

功能说明:

  • 点击注册跳转注册页面。
  • 随便看看为返回按钮。

交互说明:点击前字体为橙色,点击时字体为灰色。

2.2 手机登录详情

设计说明:在使用账号登录过程中我们发现有很多用户记不住自己的密码,因此我们再次更改中加入短信验证登录。

1)账号登录、短信登录tab:

  • 功能说明:用于用户快速切换短信登录/账号密码登录。
  • 交互说明:用户点击另一个登录种登录时,文字下面的横线和文字背景颜色块进行左滑或右滑,同时登录验证内容进行更改。

2)登录按钮:(同微信登录按钮略)

3)验证码:

功能说明:获取/填写短信验证。

交互需求:

  1. 点击获取验证码时:文字变为灰色。
  2. 点击后:文字变为“重新发送 60秒”,并且文字颜色为灰色切不可点击。
  3. 用户手机收到验证码后,自动填入验证码框中。

2.3 注册页面

设计说明:对比原注册页面,将完成按钮下移至主按钮位置。更改原因,由于我们的用户年龄较大,主按钮更容易让用户看到并点击。

完成按钮:

功能说明:略

交互说明:

  • 用户填完信息前,按钮为灰色背景切不可点击。
  • 用户完成信息填写,按钮为上图状态,可以点击。
  • 用户点击时,按钮再次变为灰色,却不能点击。

 

本文由 @ 赵疯癫 原创发布于人人都是产品经理。未经许可,禁止转载

题图来自Unsplash,基于CC0协议

给作者打赏,鼓励TA抓紧创作!
5人打赏
评论
欢迎留言讨论~!
  1. 给UI看??

    回复
  2. 业务逻辑呢?校验规则?这些都没有,这文档给开发要被怼死的。

    回复
    1. 1

      回复
    2. 1

      回复
  3. 心疼

    回复
  4. 这真的不是产品经理应该写的文档,太多细节没有处理,都在关注交互和UI层面的东西,一看就是闲得慌而且没有设计资源支持才会这样思考,逻辑处理细节又没说,估计是删减内容导致的,但把这一段发上来也说明了真的不专业,不要误导新人了好嘛

    回复
  5. 首先,文档写的不错,思路清晰。但是关于交互方面的内容偏多,什么背景啊,改变颜色什么的,这些都不是产品该考虑的事,颜色、样式方面的还有UI呢,楼上说的对,产品更应该注重逻辑,流程,各种验证,全局等方面的事。

    回复
  6. 这更像是交互文档,而且没有逻辑检验

    回复
  7. 很详细

    回复
  8. 心疼。。

    回复
  9. 讲真,如果照这种写法,一个系统下来真的就不用做事了

    回复
  10. 看了,内心毫无波动,不过还是很认可你的分享精神,再接再厉! :roll:

    回复
  11. 看上去像是一篇交互设计文档,并不像是PRD

    回复
  12. 恕我直言,以后取标题时请别这么绝对,你这文档在我看来写得太粗了,简直是在误导新人
    过于注重按钮交互效果上的描述,对逻辑细节却没有说明
    输入框唤起什么类型键盘,有没有禁止输入内容,为空时提交怎么处理,验证错误时怎么处理,等等这类内容,你都是让开发自己发挥的吗

    回复
    1. 哈哈哈

      回复
    2. 哈哈哈

      回复