系统学习运营课程,加入《91运营网VIP会员》,开启365天运营成长计划>>
因为要对公司的知识产权做一定保护,故本文分享的“登录注册功能”的需求文档被我做了一定的阉割,但是从本文当中依然能够看到一个功能(产品)的设计过程,希望本文档能够对大家有所帮助。
登录注册功能需求文档【PRD】:
一、功能优化/开发原因 APP登录页面更改:由于APP登录界面,登录按钮不突出,并且我们的标准用户为年龄较大的互联网低频人群,学习、记忆能力较差,因此对登录界面UI进行更改并加入短信快捷登录。 二、更改模块涉及到的资源 登录页面问题:IOS、安卓、PHP 三、参考竞品: 登录页面:喜马拉雅、腾讯课堂、得到、混沌大学、淘宝、京东、百度外面、美团等。 四、用户端产品需求说明 登录页面更改: 1. 用户使用流程图
2. 页面说明 2.1 登录首页 设计更改说明:原登录页面中手机登录、注册不易被人发现和使用,微信登录按钮完全融入背景图片很多用户不知道它是按钮,因此产生了一些使用问题,故先对登录注册页面进行更改。更改原型参照腾讯课堂、混沌大学、喜马拉雅,将微信登录按钮和手机登录按钮设为同等重量按钮,并给与微信登录加以颜色,推荐微信用户使用微信登录。更换背景并加上创业logo树立品牌形象等。
(1)提示文字 功能说明:对用户起到提示及引导作用。 交互说明:对登录这次数不同的用户进行区别提示,首次推荐使用微信,再次登录需要告诉用户他上次使用的是那种登录方式。 例子:
(2)微信登录按钮
手机登录按钮:同微信登录按钮。 (3)注册、随便看看: 功能说明:
交互说明:点击前字体为橙色,点击时字体为灰色。 2.2 手机登录详情 设计说明:在使用账号登录过程中我们发现有很多用户记不住自己的密码,因此我们再次更改中加入短信验证登录。
1)账号登录、短信登录tab:
2)登录按钮:(同微信登录按钮略) 3)验证码: 功能说明:获取/填写短信验证。 交互需求:
2.3 注册页面 设计说明:对比原注册页面,将完成按钮下移至主按钮位置。更改原因,由于我们的用户年龄较大,主按钮更容易让用户看到并点击。
完成按钮: 功能说明:略 交互说明:
赵疯癫
|