admin管理员组文章数量:1531760
2024年6月15日发(作者:)
登录注册功能PRD的正确书写方式
因为要对公司的知识产权做一定保护,故本文分享的“登录注册
功能”的需求文档被我做了一定的阉割,但是从本文当中依然能够看
到一个功能(产品)的设计过程,希望本文档能够对大家有所帮助。
登录注册功能需求文档【PRD】:
一、功能优化/开发原因
APP登录页面更改:由于APP登录界面,登录按钮不突出,并且
我们的标准用户为年龄较大的互联网低频人群,学习、记忆能力较差,
因此对登录界面UI进行更改并加入短信快捷登录。
二、更改模块涉及到的资源
登录页面问题:IOS、安卓、PHP
三、参考竞品:
登录页面:喜马拉雅、腾讯课堂、得到、混沌大学、淘宝、京东、
百度外面、美团等。
四、用户端产品需求说明
登录页面更改:
1. 用户使用流程图
2. 页面说明
2.1 登录首页
设计更改说明:原登录页面中手机登录、注册不易被人发现和使
第 1 页
共 3 页
用,微信登录按钮完全融入背景图片很多用户不知道它是按钮,因此
产生了一些使用问题,故先对登录注册页面进行更改。更改原型参照
腾讯课堂、混沌大学、喜马拉雅,将微信登录按钮和手机登录按钮设
为同等重量按钮,并给与微信登录加以颜色,推荐微信用户使用微信
登录。更换背景并加上创业logo树立品牌形象等。
(1)提示文字
功能说明:对用户起到提示及引导作用。
交互说明:对登录这次数不同的用户进行区别提示,首次推荐使
用微信,再次登录需要告诉用户他上次使用的是那种登录方式。
例子:
用户首次登录:微信网页购买用户,请使用微信登录。用户再次登录:
您上次使用的是“微信登录”。 (2)微信登录按钮
功能说明:点击吊起微信登录验证。交互说明:按钮需要有点击前、
点击时,两个状态方便用户知道自己已经点击按钮。
手机登录按钮:同微信登录按钮。
(3)注册、随便看看:
功能说明:
点击注册跳转注册页面。随便看看为返回按钮。 交互说明:点击
前字体为橙色,点击时字体为灰色。
2.2 手机登录详情
设计说明:在使用账号登录过程中我们发现有很多用户记不住自
己的密码,因此我们再次更改中加入短信验证登录。
第 2 页
共 3 页
1)账号登录、短信登录tab:
功能说明:用于用户快速切换短信登录/账号密码登录。交互说明:
用户点击另一个登录种登录时,文字下面的横线和文字背景颜色块进
行左滑或右滑,同时登录验证内容进行更改。 2)登录按钮:(同
微信登录按钮略)
3)验证码:
功能说明:获取/填写短信验证。
交互需求:
点击获取验证码时:文字变为灰色。点击后:文字变为“重新发送 60
秒”,并且文字颜色为灰色切不可点击。用户手机收到验证码后,自
动填入验证码框中。 2.3 注册页面
设计说明:对比原注册页面,将完成按钮下移至主按钮位置。更
改原因,由于我们的用户年龄较大,主按钮更容易让用户看到并点击。
完成按钮:
功能说明:略
交互说明:
用户填完信息前,按钮为灰色背景切不可点击。用户完成信息填写,
按钮为上图状态,可以点击。用户点击时,按钮再次变为灰色,却不
能点击。
赵疯癫
第 3 页
共 3 页
版权声明:本文标题:登录注册功能PRD的正确书写方式 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://m.elefans.com/dianzi/1718396311a675661.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论