如何设计“网易严选”app?PRD倒推指南

严选作为一个购物商城,它的信息以及功能框架都非常庞大,用户操作界面众多,交互动作繁琐复杂,我在这里也只是根据现有的网易严选app进行文档倒推,对主要业务流程、主要窗口的页面逻辑以及交互进行简要分析和说明。

通过撰写产品需求文档(PRD),能够锻炼到基本的产品能力,同时也是提高axure操作能力的重要途径。笔者将以网易严选app为例倒推其产品需求文档,作为小白还希望大家能够指点迷津,在之后的学习中不断完善自身能力。目录:一、文档综述1.1版本修订记录1.2PRD输出环境1.3用户需求分析二、产品结构图2.1产品功能结构图2.2产品信息结构图三、全局说明3.1功能权限3.2键盘说明3.3页面内交互3.4页面异常3.5页面间交互3.6更多操作四、主要业务逻辑流程4.1登录注册4.2订单业务五、页面详细功能说明5.1启动页5.2登录注册5.3首页5.4识物5.5分类5.6购物车六、总结一、文档综述1.1版本修订记录1.2PRD输出环境1.3用户需求分析1.3.1主要用户痛点“严选”以及slogan“好的生活,没那么贵。”道出了用户的主要痛点:在海量产品中苦于挑选性价比高的生活类商品注重高品质生活但收入有限1.3.2需求汇总二、产品结构图2.1产品功能结构图(由于信息量较大,可右键点击“在新标签页中打开图片”查看大图)2.2产品信息结构图三、全局说明3.1功能权限功能权限分为登录/未登录两个状态。(1)登录:登录状态下可进行app内所有操作(2)未登录:未登录状态可以搜索商品、查看商品详情、加入购物车、换购商品、商品分享、查找供应商以及供应商提供的商品、查看众筹详情页、众筹详情页分享、看各类推荐;但是无法查看消息、签到、邀请返利、打开会员俱乐部、支持众筹项目、查看我的福利、参与评论、领取优惠券、下单、打开个人tab这些需要个人账号信息的功能。3.2键盘说明(1)点击输入手机号码、手机验证码时从页面底部弹出数字键盘;(2)点击输入其他内容时从页面底部弹出字母键盘。3.3页面内交互(1)顶部弹窗与底部弹窗(2)toast弹窗与snackbar弹窗(3)dialog弹窗3.4页面异常3.5页面间交互3.6更多操作四、主要业务逻辑流程4.1登录注册4.2订单业务五、页面详细功能说明5.1启动页页面逻辑&交互说明:启动网易严选app后,进入欢迎页(页面①),欢迎页等待2秒后进入广告页(页面②);广告页不做任何操作等待3秒,进入app首页;点击广告页图片立即进入广告详情页,广告详情页可在右上角点击收藏和分享,在广告详情页点击返回进入app首页。5.2登录注册触发条件:用户第一次使用网易严选;游客用户执行如购买、评论、收藏、与客服沟通、点击个人账号模块、个人消息、签到、领取礼品等需要用户账号信息的操作;退出账号/登录新账号。5.2.1登录(1)页面逻辑内容点击“手机号登录”,用户输入手机号码,点击“获取验证码”按钮;若用户在60秒内未收到手机验证码,点击“获取验证码”按钮重新获取验证码;除了验证码登录,老用户也可选择手机号码&密码或者邮箱账号&密码两种方式登录;如果在邮箱账号密码登录时忘记密码,可点击页面底部的“忘记密码”,跳转到“找回密码”页面,经过输入邮箱账号,拖动滑块验证,以及安全验证之后即可重置密码;用户也可以点击总登录注册页面底部第三方登录的四个按钮进行授权登录。(2)页面交互说明点击输入手机号、验证码文本框,数字键盘从底部弹出;点击输入邮箱账号、输入密码文本框,字母键盘从底部弹出,输入密码时可点击右侧图标设置是否显示密码。点击“获取验证码”按钮,按钮颜色降低灰度,按钮内容变为“60s”并开始60秒倒数,60秒后按钮内容重新变为“获取验证码”,恢复原来的灰度。若邮箱登录忘记密码,可点击页面底部的“忘记密码”,进入“找回密码”页面,点击输入邮箱账号,输入框下方有列表显示各个网易系后缀邮箱供选择,点击“下一步”,再次输入邮箱账号,拖动灰色滑块,拖动完成拼图后,滑块改变状态呈现反馈,点击“下一步”,进入“安全验证”页面,输入绑定邮箱的手机号码,点击“获取验证码”,显示“30s后重发”进入30s倒计时,输入验证码后,点击“下一步”重置密码。点击总登录注册页面底部第三方登录的四个按钮,从页面中间弹出dialog,从“取消”和“打开”中选择,按“取消”弹窗消失,按“打开”跳转到授权界面登录,按网易的“企业邮”则直接从右侧弹出“企业邮登录”页面,无需弹出dialog选择,同时从底部弹出字母键盘。5.2.2注册(1)页面逻辑内容点击“手机号快捷注册”,用户在注册页面输入手机号码,此后是验证码的获取问题,与登录一样就不赘述了;填写好手机号并输入验证码,继设置密码之后,点击“注册”按钮即可完成注册;除了手机号码注册,还能点击“手机号注册”页面中“注册”按钮下方的“邮箱账号注册”,点击后进入邮箱注册页面,输入邮箱账号、输入验证手机号,再点击下方的“请依次点击a、b、c”(a、b、c分别为不同的三个汉字)按钮,弹出图片验证,依次正确点击汉字即可完成验证;完成验证后点击“下一步”按钮,输入发到验证手机的验证码,继设置密码之后,点击“注册”按钮即可完成注册;所有登录页面的右上角均有“注册”按钮,点击即可进入“手机号注册“页面。(2)页面交互说明用户点击输入手机号、验证码文本框,数字键盘从底部弹出;点击输入邮箱账号设置密码文本框,字母键盘从底部弹出;验证码交互效果与登录一致;邮箱注册页面输入邮箱号、验证手机号并依次点击文字验证之后,文字验证按钮的文本变为“验证成功”,跳转到另一页面,输入短信验,验证码倒数30秒,填入验证码设置完密码之后,点击“注册”按钮即可完成注册。5.3首页首页主要包含搜索、顶部tab对应的各个界面、消息中心、签到积分中心、会员俱乐部。其中,顶部tab包括推荐、新品、众筹、福利社、限时购、居家、鞋包配饰、服装、电器、洗护、饮食、餐厨、婴童、文体和特色区,除了这些,还包括了下面就对主要的页面进行说明。首页交互说明:消息:点击屏幕右上角的“消息”,【消息中心】页面从右侧向左侧滑入,点击返回按钮,【消息中心】页面向右滑出屏幕;顶部标签:顶部标签点击切换时,标签文字设置为红色,文字下面有一条红线随着标签的切换而移动到对应的位置,作为当前页面
文章申明:本文章转载自互联网公开渠道,如有侵权请联系我们删除
文章评价
登录后可以评论
立即登录
分享到