实验1产品原型设计-YHealth健康APP

一、实验题目：原型设计

二、实验目的：掌握产品原型设计方法和相应工具使用。

三、实验要求:

（1）对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点

--墨刀

适用领域：

网页设计和移动应用界面设计

快速原制作和协作设计

用户体验设计和交互设计

优点：

界面直观，上手简单，适合初学者快速学习和使用。

支持实时协作，多人可以同时在同一个项目上工作，提高团队协作效率。

有丰富的组件库和模板，可以快速构建原型。

缺点：

功能相对较为基础，对于复杂的交互和动态内容展示能力有限。

免费版功能受限，更多功能需付费解锁。

相对于其他专业工具，性能和稳定性可能稍逊一筹。

--Axure RP

适用领域：

专业的网页和软件界面设计

复杂交互设计和用户流程设计

高保真原型制作和用户测试

优点：

功能强大，支持变量、条件逻辑、动态内容等高级功能，适合制作复杂交互的原型。

支持用户测试和数据分析，可在设计阶段就进行用户研究和反馈收集。

拥有丰富的插件和扩展，可以根据需要自定义工具功能。

缺点：

学习曲线较峭，新手需长时间来掌握所有功能。

软件价格较高，对于个人用户和小团队可能成本较大。

界面相对复杂，可能会让初学者感到困惑。

--Mockplus

适用领域：

快速原型设计

移动应用和网页界面设计

用户体验设计和团队协作

优点：

界面简洁，操作直观，适合快速搭建原型。

提供丰富的图标和组件库，可以快速拖拽使用。

支持团队协作和云端保存，便于团队成员之间的沟通和共享。

缺点：

功能有限，对复杂的交互设计无法满足需求。

免费版功能受限，高级功能需要购买专业版。

更新频率相对较低，新功能和改进不如其他竞品那么及时。

（2）确定原型主题

主题名称: YHealth健康APP

（3）具体内容：

YHealth健康APP原型设计

1. 主题名称、功能、界面设计考虑因素说明：

主题名称：YHealth健康APP

选题理由:

YHealth健康APP的设计旨在提供便利、透明、个性化的药品购买服务，优化用户的购药体验，同时帮助用户更好地管理自己的健康。

(1) 便利性：传统的药品购买方式，如去实体药店购买，可能会受到时间、地点等限制。而在YHealth健康APP可以随时随地为用户提供药品购买服务，无需离开家门或办公室，极大地提高了便利性。

(2) 信息透明：YHealth健康APP可以提供详细的药品信息，包括药品的成分、功效、使用方法、注意事项等，让用户更了解药品，避免因信息不透明而带来的用药风险。

(3) 个性化推荐：通过分析用户的购药历史、健康状况等信息，可以为用户提供个性化的药品推荐，提高用药的针对性和有效性。

(4)优化购药体验：YHealth健康APP可以提供丰富的药品选择，用户可以根据自己的需求进行比较和选择。同时，APP还可以提供在线支付、药品配送等一站式服务，优化用户的购药体验。

(5) 健康管理：除了药品购买，YHealth健康APP还可以提供健康咨询、用药提醒、用药记录等功能，帮助用户更好地管理自己的健康。

2.功能

• 主页:用户可以通过主页实现药店查询,医生查询,自我病情诊断等功能

• 购物车:包含了用户需要购买的药品信息

• 聊天:用户在聊天页面可以与对症的医生进行沟通咨询

• 账户:在此页面查看收藏医生文章,预约事务,药物提醒,我的医生等

界面设计考虑因素：

简洁易用：界面设计应简洁明了，易于用户操作和理解。

一致性：界面元素和交互方式保持一致，以便用户能够快速熟悉和掌握。

3.界面切换流程说明：

(1)首先点击APP图标后,进入YHealth欢迎界面,弹出进入APP界面,此页面有一个宣传banner和两个热区(开始和跳过)

(2)点击开始用户注册页面(包含一个手机号码输入框和一个下一步热区按钮),输入手机号码后随即进行验证码输入页面(包含四个验证码数字输入框,一个核对确认热区按钮和一个异常跳转链接)

(3)注册成功后进入APP,通过底部功能区可以进行进行功能切换(主页,购物车,聊天,账户)

(4)第一个主页顶部有一个搜索框可以进行服务搜索,中上部有三个热区(药店,咨询医生,自我诊断),点击即可跳转至相应部分,下部是根据用户定位检测汇总到的就近药房信息

(5)第二个购物车页面包含待购买药品链接,点击购物车按钮进行购买

(6)第三个聊天页面包含聊天框,输入框和发送按钮,实现对话功能

(7)第四个页面除了包含的收藏医生收藏文章外,点击左上角可弹出其他功能部分(关于,在线药房,家庭医生,老年服务,信息收集和所有服务).

界面切换流程图:

4.四个切换界面说明：

界面1：主页

• 在线购药：用户可以通过本APP一键下单药品送货到家。

• 咨询医生：用户可以通过本功能线上问诊医生,节省通勤时间,并且可以通过自身情况选择不同医院不同科室。

• 自我诊断：用户可以使用APP自带的诊断功能对自己的身体健康进行了解,从而对症下药缓解病情。

• 附近的医生：点击查看所有,可以获取附近医生的信息,以及医生的简介和评价。

界面2：购物车

• 界面功能：展示当前用户加入购物车待购买的药品信息以及价格信息。

• 界面组成： 药名,价格,购物车按钮

• 前置条件：用户已在主界面选择了一些商品加入了购物车当中。

• 后置条件：用户可以查看药品信息,购买等操作。

• 操作步骤：用户在商品信息后点击购物按钮可以进行药品购买。

界面3：聊天

• 界面功能：提供用户与医生或客服人员聊天并且保持其聊天信息的功能。

• 界面组成：聊天框,输入框,发送按钮等。

• 前置条件：用户已点击聊天按钮,并开启一段对话。

• 后置条件：用户可以发送想要咨询的信息、接收聊天另一端的信息内容。

• 操作步骤：用户点击发送按钮,进行信息发送,收到信息无需操作。

界面4:账户

• 收藏的医生:包含所有已被收藏的医生主页面

• 收藏的文章:包含所有已被收藏的文章链接

• 日常健康：用户可以使用APP自带的记录功能对自己的身体健康进行记录,从而对症下药缓解病情。

• 预约事务 :用户在主页面中进行预约的医生或者诊疗事务都可在此处查看

• 药物提醒:用户购买药品后,可以自动根据药品说明书或者医生嘱咐来进行药物进食提醒,以避免遗忘

• 其他:点击此热区可以弹出药房功能,包括在线药房,家庭医生,老年服务,信息收集和其他所有服务

• 分享:可以一键分享本APP的宣传海报,社群链接等等信息

• 反馈:对本APP的不足之处可以匿名提交,从而为使用者提供更完善的服务

界面效果图: