UI设计APP项目计划方案

序号修订人发起日期完成日期状态12018-05-192018-05-21需求中22018-05-292018-06-05需求中32018-06-122018-06-24需求中42018-07-022018-07-16需求中备注备注建修正修正完成1、文档背景本次修订是为了描述产品的功能点及完成时间。2、优先级说明/紧急〔四星〕、紧急/不重要〔三星〕、重要/不紧急〔二星〕、不重要/不紧急〔一星〕。开发时间测试时间开发时间测试时间验收时间上线时间二、功能概览功能名称功能点数优先级功能类型支持注册登陆5功能UI、、iOS、效劳端端UI、首页2功能android、、效劳端UI、觉察2功能android、、效劳端UI、添加4功能android、、效劳端UI、消息5功能android、、效劳端UI、我的1功能android、、效劳端三、前台功能描述1、手机注册/登录说明用户未登录的状况下，每次翻开APP都跳出登录/注册聚合页面，引导用户注册/登录，重点引导用户使用手机注册，用户登录过后就记住登陆状态不过期。内容logo、手机号注册按钮、登录按快捷方式、微博登录快捷方式、

交互号注册页面；2、点击“登录”按钮跳转到手机号登陆页稍后注册按钮稍后注册按钮面；3、点击“微信、QQ、微博登录快捷方面，用户填写后就成功登录；4、点击“稍后注册按钮”，用户跳过注册内容，当用户想要进展共享、关注、回复、宠爱、点评、公布的操作时，跳出登录聚合页面提示用户登录；5、重点引导用户使用手机号去注册登录；6、用户登陆后，永久记住用户登录状态；手机号注册页具体描述内容 表现 交互用协议

他点击到这个页面，那就供给应用户登录入口；有效的手机号码；3、验证码通过短信方式机数字；字或字母；效资料后，可以点“同意使用协议并注册”提交信息；告知用户权利和责任；

1、用户点击“登录按陆页面；点击“猎取验证码按的手机号码”；后点击“猎取验证码按钮”猎取验证码，验证码在发送的过程中，显60s收到或用户未填写，按钮则显示为“重获点离开验证码输入框期，，请重猎取”，期，，请重猎取”，钟；时，可输入密码为6~16位的数字或字母，用户输入后点击“同意使用协议并注册”便开头验证以密码，假设用户输入6位，则提示用户“密码过短，请输入6~16提示“密码过长，请输6~16”。假设信息准确，则提交用户资料并跳转到“完善资料页面”；使用协议”查看协议内容；“返回按钮”，先推断用户是否填写过资料，假设填写过，则提示用户“您确定放弃注册之前填写的信息。内容〔男、女〕、所在城市、个人简介

表现添加头像的；220

交互后，跳出手机相册和拍照，用户可选择手机相个字符的长度内；及对应的性别名称；用户位置，然后用户可以自由选择；100

传头像；示文案消逝，可输入20个字符长度的名字，支持特别符号；示文案消逝，弹出地址选择，支持外国地区；示文案消逝，用户可输100绍；钮时验证用户是否上传了头像、填写名称、选择性别和选择了城市，假设存在没有填完的，则提示用户“请上传头择性别、请选择城页；中，点击了左上角的返回按钮，则提示用户“您确定要放弃完善资料吗？”，用户选择“确定”后返回上一手机登录页具体描述内容 表现 交互按钮、遗忘密码

到这个页面，供给一个“注册”入口给用户；输入已经注册的手机号码；时设置的密码；4、提交登录；5、密码找回入口；

条状到注册页面；和密码输入框输入后，点击“登录”按钮后系统开头验证用户是否注册，假设手机号和密码匹配，则成功登录并调到用户唤出登录界面的地方，假设手机号存在而密码错误，则提示用“密码错误”，假设手机号不存在，则提示用户“账号不存在，请注册”；跳转到密码找回界面；重置密码页具体描述重置密码规律和用户注册时的规律一样。第三方登录具体描述QQ、微博，假设有应用没有装，则不显示这个应用对应的登录方式。内容 交互博图标

点击微信、QQ、微博图标，跳出微信登录授权页唤出登录界面的地方。2、首页说明首页是产生的内容筛选后的聚合页面，有两帧，分别是热门和关注，热门页内容内容条件机制热门的用户内容

1、假设内容在后台被运显示；2、被点“宠爱”的次内容以内；3、被点评的次数超过10

1、当日UGC100条，则用户每次激活APP时30条热门中随机排列；2、当日UGC100条：A、连续随机推送前一天的内容；B、运营团队在后台进展内容推到热门。热门页具体描述内容 表现 交互内容时间、加关注操〔文字、图片、音乐、视作及次数

用户公布内容的时间、对公布内容的用户能“加关注”的操作；2、公布内容的时间格式为：0<时间<30s，显示：刚刚前前前24h<时间<48h，显示：昨天日dA、纯文字，热门列表的文字最多显示四行，超过则在后面跟省略号，点击到具体才能看全部；B添加文字描述，图片有两种方式获得，拍摄和从相册选3.1C、音乐+文字，添加音乐时必

1、点击用户头主页”，点击里面，“加关注”里面；2、内容是纯文详情页面；面；页面；乐，需要显示音乐对应的封户的文字描述，文字遵循3.1规章；3.14、内对内容进展“宠爱”操作，需要显示被宠爱的次数；要显示被评论的次数。

页面；时，点击状态需要有反响，后面的数字+1，被宠爱的内容添加到“我的宠爱”里面；时，在当前页面弹出评论输入框和键盘，评论字用户点击“提交”后，提交评论内容，关闭评论输入框和键盘。评论依据最的评论排在前面来显示。关注页具体描述户后面没有关注按钮。内容1、公布内容的用户头公布内容〔文字、图片、音乐、视频〕；、写评论、共享〔共享到QQ空间、微信朋友、朋友圈、微博〕、复制内容链接、举报；昵称、时间、评论内容；4、对写点评的用户关注

表现用户昵称、用户公布内容的时间、对公布内容的用户能“加关注”的操作；2、公布内容的时间格式为：0<时间<30s，显示：刚刚前前前24h<时间<48h，显示：昨天48h<时间<30d，显示：m月d

交互1、点击用户头主页”，点击里面，“加关评论、回复用户评论。

日dA、纯文字，热门列表的文字最多显示四行，超过则在后面跟省略号，点击到具体才能看全部；B添加文字描述，图片有两种方式获得，拍摄和从相册选3.1C添加文字描述，音乐添加来自于系统，用户从系统选择音乐，需要显示音乐对应的封户的文字描述，文字遵循3.1规章；3.14、内对内容进展“宠爱”操用户个人中心的“宠爱”里要显示被评论的次数。QQ、微博，共享出去的内容就是APP7、把该条内容的评论按最写的评论排在前面的方式显示出来，显示用户头像、昵称、写点评的时间、点评内容及更多/取消关注、举报用户评论、回复用户评论。

注”里面；闭模态看图；点击音乐就播放；频；时，点击状态需要有反响，后面的数字+1，被宠爱的内容添加到“我的宠爱”里面；时，在当前页面弹出评论输入框和键盘，评论字用户点击“提交”后，提交评论内容，关闭评论输入框和键盘。评论依据最的评论排在前面来显示。7、在共享出去管用户点击什么操作都提示用户“该操作只能在应用内进展，马上体验”，点击马上体验后就跳应用内进展，马上体验”，点击马上体验后就跳AppStore下载页面；、点击写点评的用户头像、昵称跳转到对应用户的个人主页，点击“更多”后弹出“关注/取消关注、举报用户评论、回复用户评论”，点击举报时弹出举报页面填写，提交后照旧会到这个页面，点击“回复，字数为[1,300]。3、觉察说明内容内容备注觉察用户、觉察用户内容依据最产生内容的用户排在上面的时间挨次来排，已经关注过的用户内容和推举到热门的内容不消灭在这里。觉察专题运营团队的运营专题内容；用户页具体描述内容内容表现交互用户头像、昵称、发布的动态个数、加关1、显示最公布的内容的用户的头像、昵称、该用户已1、点击用户头像、昵称跳转到用户个人主注按钮、最公布的经公布的动态的个数；页；动态2、能对用户进展加关注操2、点击“加关注”按作；钮后，对该用户进展图。面，“加关注”按钮消逝；3、点击内容缩略图跳转到内容详情页面，内容详情页面如2.4描述。觉察页具体描述内容 表现 交互活动专题列表

一个专题就是一个图片，放出来。

1、内容来源：运营团队的运营专题内容；2、点击图片后调到详情页面，专题类型有这三种：A、图文混排页面，描述一个事情，页面功能：共享；B、类似热门内容，只是在这被归类为专题了,点击内容调到详情页面2.4；C、官方发起的活动，用户点击报名参与后就能传图文、音乐、视频并参与评论。评论按最的显示在前面的方式排列出来，需要显示用户头像、昵称、公布时间、内容〔文字、1~9张〕、对评论的更多操作〔包括关注用户、举报评论、回复评论〕，其中用用户公布的图片，点击后弹出看大图，音乐点击播放，视频点击观看。4、添加内容添加按钮，能添加文

表现输入框、添加照片按钮、发送按钮；

交互“添加”按钮，弹出选择，用户可以选择添加照按钮，手机相册的图片列表，图片类别每一3高；可以对当前列表的的音乐进展试听、添加操4、用户可以拍摄的视频传上去，并能描述。

收起弹框；出添加文字页面和键入焦点，可以随时输添加图片按钮添加图内容；选择，只能显示照片，不显示视频，假设视频过长不符合要求，选择照片后跳转到文字描述输入框，用户可不输入文字，也能发送；乐列表依据系统推送的派列，用户可以对点击试听按钮试听音乐，就在当前页面播放，点击“添加”按钮后，调到文字描述界面，有文字输入框，把添加的音乐名字、封面、演唱者、被共享的次数列出来，用户可以删除一添加音乐，点击删除后，消灭添加按钮，点击添加按钮跳会音乐列表页面。用户在输入框搜寻音乐时，假设有符合结果则列出来，假设无符合结果就告知用户没有符合的结果，但推举给用户类似风格的音乐；用户在文字描述页面输入文字或者不输文字都能发送音乐，点击发送后，就公布一条内容；公布一条内容；5、用户点击添加视频摄按钮，能拍摄时长的视频，自动停顿拍摄，点击钮发送内容。5、消息消息分别是用户的私信和系统通知消息。通知触发机制面

消灭时间 消灭频率 消逝时间 方式锁屏 产生时

、消息通知：软件logo，内条未读消1次 用户查看 息；、动作触发通知：xx了你、xx注了你、xx回复了你；3、唤醒通知：用户连5就推送一个动态去唤醒用户。面

生时

、消息通知：软件logo，内条未读消息；、动作触发通知：xx了你、xx1次 用户查看注了你、xx回复了你的点评；3、唤醒通知：用户连5就推送一句唤醒文案给用户私信页具体说明内容内容表现交互私信1、私信显示头像、对话文字以下规章：1、产生私信的文字发送和接收，就不显显示下一个对话集的开头时间；的文字发送和接收，就现实时间；2、屏蔽私信3、删除私信4、举报私信

钮，像对方发私面进展回复；2、接收私信在“消息”-“私进展回复；屏蔽，点击屏蔽后就不会在接收到该用户的私信，在操作中解除后再次接收私信；除方式删掉私信，iOS按合作的长按；报。通知页具体说明内容 表现 交互1、关注；2、评论；3、赞；4、系统通知

的用户的头像、昵称、关注的时间，假设“我”未关注对方，则显示加关注按钮，假设已关注对方，则不显示加关注按钮；论的用户的头像、昵称、评论内容缩略以及对应的被评论的内容的缩略；用户的头像、昵称、时间以及对应的被赞的内容的缩略；、系统活动、“我”对别人的举报反响、别人对

1、点击关注“我”主页，点击“加关面；2、点击评论“我”3、点击赞“我”的

页面；4、系统通知点击每6、我说明“我”自己的页面和其他用户的个人主页区分在于，其他用户的需要显示用户/取消关注、私信按钮，“我”显示编辑资料按钮和对内容的删除。“我”具体说明内容 表现 交互系统设置、头像、关注、粉丝、评论、喜文字、图片、字、删除按钮〕

1、系统设置，包括资料、意见反响和退出登录；2、关注，用户关注的人3、粉丝，关注我的人列能我跟对方是相互关注注按钮，如我没关注对方，则显示关注安娜；4、已公布的内容按最及数字、评论操作及数的内容进展删除。

1、