UI设计APP项目计划方案

序号修订人发起日期完成日期状态备注12018-05-192018-05-21需求中新建22018-05-292018-06-05需求中修正32018-06-122018-06-24需求中修正42018-07-022018-07-16需求中完成一、说明1、文档背景本次修订是为了描述新产品的功能点及完成时间。2、优先级说明本次需求分四个优先级，分别是：重要/紧急（四星）、紧急/不重要（三星）、重要/不紧急（二星）、不重要/不紧急（一星）。3、项目时间开发时间测试时间验收时间上线时间二、功能概览功能名称功能点数优先级功能类型支持注册登陆5新功能UI、android、iOS、服务端首页2新功能UI、android、iOS、服务端发现2新功能UI、android、iOS、服务端添加4新功能UI、android、iOS、服务端消息5新功能UI、android、iOS、服务端我的1新功能UI、android、iOS、服务端三、前台功能描述1、手机注册/登录1.1说明用户未登录的情况下，每次打开APP都跳出登录/注册聚合页面，引导用户注册/登录，重点引导用户使用手机注册，用户登录过后就记住登陆状态不过期。1.2登录聚合页详细描述内容交互logo、手机号注册按钮、登录按钮、微信登陆快捷方式、QQ登录快捷方式、微博登录快捷方式、1、点击“手机号注册按钮”，跳转到手机号注册页面；2、点击“登录”按钮跳转到手机号登陆页稍后注册按钮面；3、点击“微信、QQ、微博登录快捷方式”，跳出对应平台的登录接口授权页面，用户填写后就成功登录；4、点击“稍后注册按钮”，用户跳过注册/登录聚合页面直接使用APP，用户只能浏览内容，当用户想要进行分享、关注、回复、喜欢、点评、发布的操作时，跳出登录聚合页面提醒用户登录；5、重点引导用户使用手机号去注册登录；6、用户登陆后，永远记住用户登录状态；1.2手机号注册页详细描述内容表现交互登录按钮、手机号输入框、验证码输入框、获取验证码按钮、密码输入框、同意使用协议并注册按钮、软件用户使用协议1、若用户已有账号，但他点击到这个页面，那就提供给用户登录入口；2、用户需要输入11位有效的手机号码；3、验证码通过短信方式发送给用户，6位数的随机数字；4、密码为6~16位的数字或字母；5、用户填写完上面的有效资料后，可以点“同意使用协议并注册”提交信息；6、软件用户使用协议，告知用户权利和责任；1、用户点击“登录按钮”，跳转到手机号登陆页面；2、用户需要输入11位的有效手机号才能获取验证码，用户输入后，点击“获取验证码按钮”时验证手机号，如果不符合要求，就提示用户“请输入11位有效的手机号码”；3、用户输入有效手机号后点击“获取验证码按钮”获取验证码，验证码在发送的过程中，显示60s倒计时，超过未收到或用户未填写，按钮则显示为“重新获取”。用户获取到验证码后就可以在验证码输入框输入，当用户输入数字为6位或者用户焦点离开验证码输入框时，系统就开始验证是否有效，若无效，则提示用户“输入有效的验证码”或“验证码已过期，，请重新获取”，验证码有效时间为10分钟；4、用户点击密码输入框时，可输入密码为6~16位的数字或字母，用户输入后点击“同意使用协议并注册”便开始验证以密码，若用户输入少于6位，则提示用户“密码过短，请输入6~16位的数字或字母”，若超过16位，则提示“密码过长，请输入6~16位的数字或字母”。若信息准确，则提交用户资料并跳转到“完善资料页面”；5、用户点击“软件用户使用协议”查看协议内容；6、若用户点击左上角的“返回按钮”，先判断用户是否填写过资料，若填写过，则提示用户“您确定放弃注册吗？”，用户选择“确定”就返回登录聚合页面，用户选择“取消”则停留在当前页面；若用户未填写任何内容，则返回登录聚合页面。若用户不退出程序，再次进到该页面时，记住之前填写的信息。1.3完善资料页详细描述内容表现交互上传头像框、名字输入框、性别（男、女）、所在城市、个人简介1、上传头像框是给用户添加头像的；2、名字输入限制在201、用户点击上传头像框后，跳出手机相册和拍照，用户可选择手机相个字符的长度内；3、性别是两个单选按钮及对应的性别名称；4、城市选择首先是定位用户位置，然后用户可以自由选择；5、个人简介可以选填，限制100字内。册已有的照片或选择拍照，做完选择后，点击“下一步”按钮跳出头像缩放界面，用户可在这里对上传的图像做缩放，点击“完成”后上传头像；2、用户点击输入框时提示文案消失，可输入20个字符长度的名字，支持特殊符号；3、用户点击输入框时提示文案消失，弹出地址选择，支持外国地区；4、用户点击输入框时提示文案消失，用户可输入100字以内的自我介绍；5、用户点击“完成”按钮时验证用户是否上传了头像、填写名称、选择性别和选择了城市，若存在没有填完的，则提示用户“请上传头像、请填写名称、请选择性别、请选择城市”，若都填完，则提交数据并跳转到APP首页；6、若用户在填写的过程中，点击了左上角的返回按钮，则提示用户“您确定要放弃完善资料吗？”，用户选择“确定”后返回上一页，用户未退出APP应用程序并再次回到该页面时，记录已经填写的信息，若用户选择“取消”则停留在当前页；1.4手机登录页详细描述内容表现交互注册按钮、手机号输入框、密码输入框、登录按钮、忘记密码1、若用户未注册而点击到这个页面，提供一个“注册”入口给用户；2、用户在手机号输入框输入已经注册的手机号码；3、密码输入框输入注册时设置的密码；4、提交登录；5、密码找回入口；1、用户点击“注册”后条状到注册页面；2、用户在手机号输入框和密码输入框输入后，点击“登录”按钮后系统开始验证用户是否注册，若手机号和密码匹配，则成功登录并调到用户唤出登录界面的地方，若手机号存在而密码错误，则提示用“密码错误”，若手机号不存在，则提示用户“账号不存在，请注册”；3、点击“忘记密码”后跳转到密码找回界面；1.4重置密码页详细描述重置密码逻辑和新用户注册时的逻辑一样。1.5第三方登录详细描述用户在打开APP时程序需要判断用户是否装了微信、QQ、微博，若有应用没有装，则不显示这个应用对应的登录方式。内容交互微信图标、QQ图标、微博图标点击微信、QQ、微博图标，跳出微信登录授权页面，若用户同意，则获取用户信息并登录，若是第一次使用时，则登录成功后跳转到APP首页，若是在应用内部唤出登录页面的，则登录成功后跳转到唤出登录界面的地方。2、首页2.1说明首页是新产生的内容筛选后的聚合页面，有两帧，分别是热门和关注，热门页面是运营手段和系统判断推送的内容，关注页面是用户主动关注的用户的动态。内容条件机制热门的用户内容1、若内容在后台被运营团队推荐成热门，则显示；2、被点“喜欢”的次数排在当日的前100条内容以内；3、被点评的次数超过10条。1、当日UGC大于等于100条，则用户每次激活APP时随机在当日的前30条热门中随机排列；2、当日UGC小于100条：A、继续随机推送前一天的内容；B、运营团队在后台进行内容推到热门。2.2热门页详细描述内容表现交互用户头像、昵称、发布内容时间、加关注操作、用户发布内容（文字、图片、音乐、视频）、喜欢内容操作及累计次数、评论内容操作及次数1、显示用户头像、用户昵称、用户发布内容的时间、对发布内容的用户能“加关注”的操作；2、发布内容的时间格式为：0时间30s，显示：刚刚30s时间60s，显示：1分钟前60s时间60m，显示：x分钟前60m时间24h，显示：x小时前24h时间48h，显示：昨天48h时间30d，显示：m月d日如果不是今年，显示：y年m月d日3、用户发布内容有四种方式：A、纯文字，热门列表的文字最多显示四行，超过则在后面跟省略号，点击到详细才能看全部；B、图片+文字，添加图片时必须添加文字描述，图片有两种方式获得，拍摄和从相册选择，只支持上传一张，在列表里面铺满显示，不固定宽高，文字显示遵循3.1规则；C、音乐+文字，添加音乐时必1、点击用户头像、用户昵称跳转到用户“个人主页”，点击“加关注”对用户进行关注，被关注的用户出现在“我的关注”里面，“加关注”按钮消失。被加关注后的用户内容就不出现在“热门”里面了，出现在“关注”里面；2、内容是纯文字，点击文字到详情页面；3、图片+文字，点击图片或文字都跳转到详情页面；4、音乐+文字，点击音乐内容或文字跳转到详情页面；5、视频+文字，点击视频内容或文字跳转到详情须添加文字描述，音乐添加来自于系统，用户从系统选择音乐，需要显示音乐对应的封面、音乐名字、描述，显示用户的文字描述，文字遵循3.1规则；D、视频+文字，添加视频时必须添加文字描述，视频使用户拍摄上传，只支持10s长度，需要有视频滤镜系统，文字遵循3.1规则；4、内对内容进行“喜欢”操作，需要显示被喜欢的次数；5、对内容能进行“评论”，需要显示被评论的次数。页面；6、点击“喜欢”时，点击状态需要有反馈，后面的数字+1，被喜欢的内容添加到“我的喜欢”里面；7、点击“评论”时，在当前页面弹出评论输入框和键盘，评论字数为[1,300]，用户点击“提交”后，提交评论内容，关闭评论输入框和键盘。评论按照最新的评论排在前面来显示。2.3关注页详细描述关注列表页面、详情页面的形式和热门列表页面、详情页面一样，区别在于用户后面没有关注按钮。2.4详情页详细描述内容表现交互1、发布内容的用户头像、昵称、发布内容时间、加关注操作、用户发布内容（文字、图片、音乐、视频）；2、对发布的内容进行喜欢、写评论、分享（分享到QQ空间、微信朋友、朋友圈、微博）、复制内容链接、举报；3、写评论的用户头像、昵称、时间、评论内容；4、对写点评的用户关注1、显示发布内容的用户头像、用户昵称、用户发布内容的时间、对发布内容的用户能“加关注”的操作；2、发布内容的时间格式为：0时间30s，显示：刚刚30s时间60s，显示：1分钟前60s时间60m，显示：x分钟前60m时间24h，显示：x小时前24h时间48h，显示：昨天48h时间30d，显示：m月d1、点击用户头像、用户昵称跳转到用户“个人主页”，点击“加关注”对用户进行关注，被关注的用户出现在“我的关注”里面，“加关注”按钮消失。被加关注后的用户内容就不出现在“热门”里面了，出现在“关/取消关注、举报用户的评论、回复用户评论。日如果不是今年，显示：y年m月d日3、用户发布内容有四种方式：A、纯文字，热门列表的文字最多显示四行，超过则在后面跟省略号，点击到详细才能看全部；B、图片+文字，添加图片时必须添加文字描述，图片有两种方式获得，拍摄和从相册选择，只支持上传一张，在列表里面铺满显示，不固定宽高，文字显示遵循3.1规则；C、音乐+文字，添加音乐时必须添加文字描述，音乐添加来自于系统，用户从系统选择音乐，需要显示音乐对应的封面、音乐名字、描述，显示用户的文字描述，文字遵循3.1规则；D、视频+文字，添加视频时必须添加文字描述，视频使用户拍摄上传，只支持10s长度，需要有视频滤镜系统，文字遵循3.1规则；4、内对内容进行“喜欢”操作，用户点击喜欢后就保存在用户个人中心的“喜欢”里面，需要显示被喜欢的次数；5、对内容能进行“评论”，需要显示被评论的次数。6、对发布的内容分享，能分享到QQ空间、微信朋友、朋友圈、微博，分享出去的内容就是APP显示的内容；7、把该条内容的评论按最新写的评论排在前面的方式显示出来，显示用户头像、昵称、写点评的时间、点评内容及更多操作，更多操作包括关注/取消关注、举报用户评论、回复用户评论。注”里面；2、图片+文字，点击图片在当前页面模态查看图片，第一次点开时，图片按原始比例铺满屏幕，双击放到最大，再次双击回到原始比例，两个手指缩放看图片细节，再次单击关闭模态看图；3、音乐+文字，点击音乐就播放；4、视频+文字，点击视频观看视频；5、点击“喜欢”时，点击状态需要有反馈，后面的数字+1，被喜欢的内容添加到“我的喜欢”里面；6、点击“评论”时，在当前页面弹出评论输入框和键盘，评论字数