1、痛风 APP V1.01痛风 APP V1.02017 年 8 月 7 日痛风 APP V1.02版本历史变更人 变更时间 属性LS 2015,年 8 月 7 新建痛风 APP V1.03目录版本历史 .21 项目背景 .42 用户需求 .52.1 产品定位 52.1.1 产品定义 52.1.2 需求定义 52.2 需求分析 52.2.1 竞品分析 52.2.2 用户调研 63 信息结构图 .64 项目详述 .84.1 启动页 84.1.1 概述 84.1.2 参考截图 84.1.3 详细说明 94.2 底部栏 94.2.1 概述 94.2.2 参考截图 94.2.3 详细说明 94.3 注册
2、/登录页 94.3.1 概述 94.3.2 参考截图 104.3.3 详细说明 114.4 首页 124.4.1 概述 124.4.2 参考截图 134.4.3 详细说明 134.5 找医生 154.5.1 概述 15痛风 APP V1.044.5.2 参考截图 154.5.3 详细说明 155 线框图 .16痛风 APP V1.051 项目背景随着人们生活水平是不断提高,不过, 患上痛风的人是非常的普遍,根据有关专家的调查与研究表示:85%的痛风患者是由不合理的饮食习惯所引起的。2 用户需求2.1产品定位2.1.1 产品定义专治风湿免疫领域患者的服务平台1 适用人群痛风及高尿酸血症患者2 主
3、要功能查嘌呤、风友课堂、专家咨询、风友社、健康购3 产品特色a)医生咨询：来自三甲医院的权威医生，提供专业的咨询服务。b)查询嘌呤：便捷查询嘌呤含量，合理饮食从我做起。c)疾病知识：全面系统的介绍疾病知识，让风友少走弯路。d)药品商城：根据风友所需，提供经济实惠的商品，方便风友购买。e)风友社：风友们互帮互助，分享疾病经验和生活点滴，一起远离疾病的困扰。2.1.2 需求定义1 目标用户咨询专家、对病情交流分享治疗经验、购药、查嘌呤的患者。2 使用场景病情发作咨询专家或患者交流、日常查嘌呤、药品即将用尽。3 用户目标得到专家治疗建议、和病友探讨病情、学习健康资讯、查到食物嘌呤值、买到所需药。痛风
4、 APP V1.062.2需求分析2.2.1 竞品分析1 公司背景注册资本：736.22 万人民币2016 年 12 月 16 日，昆明黑马软件股份有限公司在全国中小企业股份转让系统正式挂牌，证券名称：黑马软件，证券代码 839897。2 用户数量友盟与蝉大师工具3 特色功能a)准确并实时更新的食物嘌呤库b)专业痛风知识库，让你即时掌握c)痛风食谱提供符合时节的相关食谱d)全国痛友与你在一起控制尿酸4 交互分析5 用户评论各大平台，筛选出优劣势的评论等；2.2.2 用户调研1 用户需求专家比较专业且问诊方便不繁琐、痛风类健康资讯丰富、社区病友质量高，内容参考价值高、购药方便快捷便宜、查嘌呤便捷
5、。2 用户随访暂无3 市场数据a)百度指数显示搜索痛风人群在 20-50 岁，30-50 人群较高；男性高于女性；广东、北京、江苏、上海、浙江人数高；华东区人群最多；“治疗痛风的简单方法？”搜索热度最高；痛风 APP V1.07痛风需求图谱手机搜索远高于电脑搜索，手机日搜索数 10000+；b)我国高尿酸血症患者人数已达 1.7 亿，其中痛风患者超过 8000 万人，而且正以每年 9.7% 的年增长率迅速增加。预计 2020 年，痛风人数将达到 1 亿。3 信息结构图项目结构分为 5 个大块，分别为首页、找医生、风友汇、健康购、我的；以底部导航形式展现。每个模块展开相应的子模块；见下图：用户任
6、务查嘌呤、问诊、发论坛病友交流、购药。痛风 APP V1.084 项目详述4.1启动页4.1.1 概述启动页分为首次启动和非首次启动；首次启动显示引导页及广告，非启动页只显示广告；启动页流程4.1.2 参考截图痛风 APP V1.094.1.3 详细说明广告只在网络为 3G,4G,wifi 时显示，数据更新只在 2G,3G,4G,wifi 时加载更新；无网络时加载缓存数据；4.2底部栏4.2.1 概述1 首页、找医生、风友社、健康购、我的；五个元素平均分布在底部栏4.2.2 参考截图4.2.3 详细说明1 交互样式a) 点击底部菜单有交互效果，文字和小图标颜色改变b) 点击底部菜单在当前页跳转
7、到对应页面4.3注册/登录页4.3.1 概述用户通过手机号和短信验证码登录，或者手机号和密码进行登录。首次登录的用户（只能使用短信验证码的形式） ，登录后自动完成注册，并提示用户设置登录密码。痛风 APP V1.0104.3.2 参考截图登录页（手机号和验证码登录） 登录页（手机号和密码登录） 设置登录密码登录/注册/ 找回密码流程痛风 APP V1.0114.3.3 详细说明1 登录页共有“手机号和验证码”和“手机号和密码”两种登录形式。默认采用“手机号和验证码”的形式。2 点击 “密码登录”当前登录页跳转到登录页 “手机号和密码登录 ”的形式。3 点击 “忘记密码”当前页跳转到 “找回密码
8、页” 。验证通过后从新输入新密码登录成功。4 登录页控件规则a) 手机号输入框i 只能输入数字。ii 最多输入 11 位数字，用户输入超过 11 位数字时，禁止输入。iii 用户采用复制黏贴的形式，输入内容不遵守上述两条规则。Iiii 默认状态，输入框显示“请输入手机号”获得焦点后提示消失。b) 密码框输入i 最多输入 20 位字符，用户输入超过 20 位字符时，禁止输入ii 使用*号代替用户输入内容。Iii 密码*号可以切换为显示，点击右侧显示密码图标 。Iiii 默认状态，输入框显示“请输入密码”获得焦点后提示消失。c) 发送验证码按钮I 发送验证码给用户手机后，进入 60s 倒计时。Ii
9、60s 倒计时结束后恢复“获取验证码”文字。Iii 倒计时期间，按钮禁用。Iiii 默认状态，输入框显示“请输入验证码”获得焦点后提示消失。5 登录页验证规则a) 验证码按钮I 给用户发送验证码之前，如果手机号输入框为空，则在页面居中提示用户“请输入手机号” 。Ii 给用户发送验证码之前，用户必须输入 11 位数字的手机号，则在页面居中提示用户“您输入的手机号无效” 。Iii 如果用户网络不好，则在页面居中提示“信号不好，无法发送验证码” 。Iiii 如果未收到验证码短信（服务器问题） ，则在页面居中提示用户“请重新再试” 。b) 登录按钮（手机号验证码形式时）I 如果手机号为空，则在页面居中
10、提示用户“请输入手机号” 。痛风 APP V1.012Ii 如果手机号不是 11 位数字，则在页面居中提示用户“您输入的手机号无效” 。Iii 如果验证码为空，则在页面居中提示用户“请输入验证码” 。Iv 如果验证码错误，则在页面居中提示用户“验证码有误” 。v 如果验证码过期，则在页面居中提示用户“验证码已过期，点击按钮重新获取验证码”。c） 登录按钮（手机号密码形式时）I 如果手机号为空，则在页面居中提示用户“请输入手机号” 。Ii 如果手机号不是 11 位数字，则在页面居中提示用户“您输入的手机号无效” 。Iii 如果密码为空，则在页面居中提示用户“请输入密码” 。Iv 如果密码错误，则
11、在页面居中提示用户“您输入的密码错误，请重新输入” 。v 如果手机号不存在（是新用户）则在页面居中提示用户“首次登录请使用手机号验证码” 。6 登录页错误提示样式a) 错误提示样式在页面居中显示。b) 显示 1s 后自动消失。7 设置登录密码，用户首次登录时，只可以使用“手机号验证码 ”的形式，登录成功后，显示设置登录密码页面。a) 设置登录密码的验证规则I 如果用户没有输入第一遍密码，则在页面居中提示用户“密码长度 6-20 个字符” 。Ii 如果用户没有输入第二遍密码，则在页面居中提示用户“两次输入密码不一致” 。Iii 如果两次密码不一致，则在页面居中提示用户“两次输入密码不一致” 。b
12、) 设置登录密码页面错误提示样式与登录页相同。4.4首页4.4.1 概述1 顶端显示 banner。右到左自动滚动；2 首页包含 8 个模块；分别查嘌呤、记尿酸、风友课堂、签到、今日课堂、热门圈子、精选动态、好医推荐；3 查嘌呤、记尿酸、风友课堂、签到为并列一组；其余依次向下分布。痛风 APP V1.0134.4.2 参考截图4.4.3 详细说明1 banner 每张图片停留 1s，自动滚动，方向右到左；最多 5 张。2 查嘌呤页面a) 点击查嘌呤图标到达查嘌呤页，点击关闭返回首页；b) 搜索框默认显示输入食物名称，获得焦点后取消，并弹出输入键盘，由下弹出；点击取消回到查嘌呤页；c) 左列由（
13、。 。 。 ）组成，默认为常见食物，可以上下滑动并点击选择；点击后右侧图片库更换相应图片；左列交互样式-背景、字体颜色有变化；d) 中部选择框有（。 。 ）三个模块组成，选择相应更换相应图片；中部选择框交互样式背景、字体颜色有变化；e) 点击每个小图片，转到相应页面；点击关闭，返回上个页面；痛风 APP V1.0142 记尿酸页面a) 点击查嘌呤图标到达查嘌呤页，点击关闭返回首页；b)3 风友课堂页面a) 点击风友课堂到达风友课堂页面，点击关闭返回首页；b) 风友课堂有 7 个模块；分别（。 。 。 ） 。点击返回图标返回上一页；点击推荐下文章名可直接到达风友课堂相应文章。推荐文章为 6 个组
14、前 3 曝光文章题目；c) 点击认识高尿酸到达高尿酸页面。点击返回图标返回上一页；d) 点击文章名到达风友课堂相应文章。点击返回图标返回上一页；痛风 APP V1.0154 点击签到，今日首次签到显示获得 10 风友币， “签到”图标更换为“已签到”图标；再次点击显示今日已签到。4.5找医生4.5.1 概述模块分为搜索、快速咨询、找医生、专家义诊、预约挂号、在线买药、推荐医生 7 个小组；搜索组位于顶端，下面为快速咨询和找医生，专家义诊、预约挂号、在线买药并列排放；最下是推荐医生。4.5.2 参考截图4.5.3 详细说明1 搜医生框a)默认显示“搜索图标+医生” ，获得焦点转到输入页面，弹出输入键盘，由下弹起。输入姓后下方自动显示输入姓的医生名字，点击医生名到达对应医生页。b)输入错误医生名字，下方不显示医生名单。c)点击取消键返回上一页。2 快速咨询点击快速咨询转到快速咨询页面输入框默认显示“请详细描述您的病情、症状、治疗经过，便于医生解答” 。痛风 APP V1.016可点击+号添加图片，最多五张。可选。“请完善健康档案”内需填写。 。 。 。 。上述均已填写完成，提交按钮可以使用并提交。提交后返回上一页。点击返回键显示提示“您确定要退出编辑？”点击取消留在当前页继续编辑，点击退出返回上一页。5 线框图
