通过健康类APP应用分析理解产品的设计意图

产品壹佰 • 2年前扫码分享

我是创始人李岩：很抱歉！给自己产品做个广告，点击进来看看。

【 2021年原创计划第08篇 】

笔者个人观点，只作一家之言

一、分析目的

第一，通过对健康类产品的功能、页面进行操作体验，理解不同产品的设计意图和业务目标。

第二，通过每个模块的功能流程以及页面交互形式得出产品设计准则用于指导产品功能设计。

二、竞品选择

竞品选择参考指标：七麦数据 I O S 应用排行榜，健康健美分类前 5 名应用。

竞品名称	七麦排名	产品形态	产品优势	产品愿景
KeeP	1	APP	3亿用户、超百万付费会员	成为全球最大的智能运动运营商
美柚	2	APP	月经期助手，超过2.5亿女生在用的经期记录软件	让中国女性更美更健康
华为运动健康	3	APP	一款整合华为可穿戴产品的数据和服务的应用程序，支持多款华为穿戴设备	/
小米运动	4	APP	融合小米IOT各种智能终端，提供精准的运动记录，详细的睡眠及运动分析。	激励你爱上运动，享受积极健康的生活方式，迎接更加美好的自己。
薄荷健康	5	APP/小程序	基于大数据、人工智能及强大的AIoT健康管理服务落地能力为保险公司及企业赋能	让人们变得更健康

竞品名称	细分行业	分类排名	昨日下载量	产品目标	口号
Keep	健康健美	1	50,489	在「Keep」，和 3 亿运动爱好者共同开启健康生活！跟随你的移动健身教练，随时随地练就完美身材。	自律给我自由
美柚	健康健美	2	0	女性备孕怀孕育儿社区经期预测备孕怀孕育儿必备	让中国女性更美更健康；守护孕期，记录宝宝
华为运动健康	健康健美	3	15,877	华为运动健康是一款整合华为可穿戴产品的数据和服务的应用程序，为用户提供完整、统一、便捷的使用体验。	/
小米运动	健康健美	4	14,727	减肥健身、运动减脂，健康饮食、营养管理薄荷健康App——数千万减肥、健身、宝妈用户的选择。	薄荷健康-减肥健身运动减脂
薄荷健康	健康健美	5	12,792	减肥健身、运动减脂，健康饮食、营养管理薄荷健康App——数千万减肥、健身、宝妈用户的选择。	薄荷健康-减肥健身运动减脂

三、页面功能对比

主要以首页页面进行功能对比，分析维度包括不限于业务目标、页面交互等。

通过健康类APP应用分析理解产品的设计意图

1、主功能区

在每个常规应用首页的上方1/3 区域是非常重要的展示位置，用户进入之后90%以上会先看到当前区域。所以市面上主流APP应用的 主功能区 都会将 基础业务 入口放置在此处，对于用户体验更佳。

业务目标 ：用户使用某款产品主要目的是为了解决自身某方面的需求，而这个需求必定是他最想做的事情，也是希望快速实现，所以APP首页上方区域的黄金位置就是解决用户高频、刚需的功能区域。

用户习惯 ：竖屏手机应用页面，上方区域符合用户自上而下的浏览习惯，用户进入首页会首先观察最上方区域的内容；

展示优势 ：主功能区属于整个应用的 黄金位置 ，用户进入之后，不需要任何滑动就能看见此区域的内容，此位置的曝光率也是最高的，展示频率越高，使用的概率越大。

1.1 搜索框

通过对比可以看到，五个 APP 中， keep 、美柚和薄荷健康 3 款应用有 搜索功能 ，并且其中有 2 个应用的搜索框位于最上方。

通过健康类APP应用分析理解产品的设计意图

通过此功能我们可以知道该应用有许多资讯类信息或者商品信息，因为一般的搜索功能主要用于快速查询新闻、文章、特定内容等，而垂直类的应用就会更加细分和精准，既然用户会使用搜索功能，就肯定会有某种明确需求和目标。对应的产品内部也会有对应的满足需求的内容和服务，这样才可以形成业务闭环。

Keep 的搜索框没有位于最上方，而是在 顶部导航菜单 下方，因为 Keep 的产品本身变现需求导致，运动类产品流量变现主要有变卖课程、售卖运动装备、广告或其他收益。

Keep 多年来有 3 亿左右的用户量，但是 业务营收增长 一直是老大难问题，基于此，在产品的运营角度对于营收增长的需求会十分迫切，所以在首页最上方 keep 有导航菜单，主要包括会员（ 卖课程 ）、训练营（ 课程方案 ）、活动（ 线下、线上活动、广告合作等 ）。

这些都是结合自身平台定位的核心业务，所以 Keep 会将它们都放置在 APP 首页 黄金区域 最上方，就是因为这里的用户浏览量是非常高，有更大的概率转化付费用户，产生业务营收。

导航菜单栏下方接着就是搜索栏，点击搜索框进入到 搜索页面 ，页面最上方是搜索框，下方的热门搜索、排行榜等都是各种课程、活动推荐（ 引导用户消费 ）。也间接说明了搜索框功能区的流量很大，用户对于搜索有很强的需求和意愿。并且产品本身有足够丰富的内容需要用户通过搜索功能进行精准查询。

通过健康类APP应用分析理解产品的设计意图

美柚的搜索栏位于最上方，并且搜索栏最左侧有消息通知图标，最右侧有签到功能。点击搜索进入到搜索页，最上面同样是搜索框，下方是各种垂直内容资讯推荐。通过这里可以清楚美柚是的主要业务就是做垂直领域的综合服务。

薄荷健康 的搜索栏位于最上方，搜索栏右侧有扫一扫功能和消息通知图标。点击搜索进入到搜索页，最上面同样是搜索框，下方是各种垂直内容推荐。

1.2 垂直功能区

垂直功能区一般占据页面的黄金位置，可以让用户快速看见并且使用，因为这个区域的主要功能都是当前产品或者当前模块主要业务，也是目标用户的高频、刚需需求解决入口。

华为运动健康： 主要是手环运动步数和运动强度数据。

小米运动： 主要是当日运动步数和最新体重数据展示。

美柚： 垂直功能区主要是月经流量记录和最近一周月经流量变化趋势。

薄荷健康： 垂直功能区主要是家人健康圈和健康管理卡片菜单。

1.3 分类菜单（九宫格）

宫格设计给用户一目了然的感觉，操作便捷是这种构图方式最重要的优势。

Keep 分类菜单主要各种运动课程、活动的功能入口。

美柚分类菜单主要是备孕锦囊、排卵试纸、能不能吃、问医生这类特定人群需求场景的解决方案入口。

华为运动健康 分类菜单主要是运动记录、健康生活、心脏健康、睡眠检测等各种监测指标的查看管理入口。

2、底部菜单和其他功能区

在移动应用中，有两个区域比较重要，一个是上文所述的主功能区域 - 黄金位置，其次是应用底部菜单 - 铂金位置，这两个位置都是展示频率和用户使用频率最高的区域。

二者属于 总 - 分 的关系，底部菜单是一个模块或整个页面全部功能和内容的概括，必须具备简洁、明确的性质。而单个页面中的 黄金位置 主要是满足用户具体和明确的 高频、刚需 功能区，也是产品本身的主要业务功能区。

所以主流产品都将刚需、高频的主要业务功能放置在黄金位置，既满足目标用户的高频需求，从而对自身的产品产生粘性和信任，用户量的留存度会更高；同是也增加核心业务的高曝光率，让新用户进入之后可以快速发现主要功能，让大量的用户流量感受到业务痛点，愿意继续关注和使用产品，达到了新增留存目的。

看下图，可以看到 Keep 底部菜单架构，主要分为5个菜单，每个菜单都对应一类服务内容，分别是首页的综合服务、社区模块的 UGC资讯内容、计划模块的记录提醒功能、商城模块的运动类商品销售、我的模块个人中心基础信息汇总。

这里穿插一句，在一般APP中“个人中心”模块具备重要的意义： 个人中心是软件所有功能点的的集合入口，流量仅次于首页。 用户使用软件功能时，除其他tab（底部菜单icon）亮点功能外，个人中心的修改编辑个人信息、查看线上行为信息、设置应用通用功能、掌握线上活动、查看商城订单、联系平台和系统更新等功能都需要通过个人中心来承载。

2.1 首页模块 通过导图梳理，可以知道，五个 APP 中 首页模块 主要分为两种类型（根据主要属性区分）：

（1）快速入口：各种功能、服务、内容的快速入口。

（2）健康数据：展示用户或家人的最新健康数据动态，数据来源于智能设备或者用户健康评测。

2.2 UGC资讯 还可以看出在不同产品中，都有UGC资讯这个版块，这一个共性表明了当无论是做内容服务还是智能硬件管理工具，主流APP应用都十分看重用户自主原创内容这个方向，正如网易云音乐充分利用UGC ，才得以在众多音乐APP里杀出一条路来，现在主流健康类产品也不会放弃这条路线。

2.3 记录提醒 五个APP中有4个应用都有记录模块，记录也分为两类：

（1）记录提醒：类似于消息提醒的备忘录功能，用户可以快速记录和设置提醒时间。

（2）运动记录：运动记录主要是通过手机记录用户运动过程时间，便于运动数据统计和分享展示。

2.4 电商商城 全部APP中都有商城模块，说明电商卖货是健康类产品殊途同归之路，流量变现最终还是要靠卖东西来实现。不过商城也分为两类：

（1）虚拟商品：主要是各种需要付费的健康相关线上课程售卖。

（2）实体商品：主要是各类运动设备、智能硬件以及健康轻食售卖。

APP首页展示

3、界面风格

一款好的产品界面风格需具备一致性和独特性。

一致性 ：主要是指界面颜色、界面结构、功能交互在整个应用内应该都是统一风格，不能各种颜色、icon、各种布局、各种交互方式杂乱使用。一款产品的风格一致性会给用户留下的潜在形象，长期的保持一致性，会让大部分用户对于该产品更具有辨识性和依赖性。

例如：一提到淘宝，大家都会想到橘黄色的icon和整体页面色调；提到京东就会想到一只白色小狗的图标和红白相间的页面色调；如果说抖音，就会想起一个音符的图标和整体偏深色的界面风格。

独特性 ，则是指的每个产品要有自己的定位和调性，让用户一提到某个场景就会想到特定产品。

例如：一说到朋友圈，大部分都会想到微信的朋友圈，而不是其他产品的社交圈；肚子饿了需要订外卖基本就会想到美团或饿了么。

当然这几款产品都是通过资本的博弈之后在市场上具备垄断地位的存在，大众用户除了用他们，很难有替换品，这也是他们巨大的优势，此处不多说。不过也有许多小众产品，就是在细分领域抓住用户的核心需求，并且打磨出良好的产品风格，也可实现用户长期留存。

当前五个APP的界面风格有如下特点：

界面颜色风格 ：所选择的 5 个健康类 APP 中有 4 种色调，紫色、粉色、橘红色和淡青色。

（ 1 ）其中 keep 的色调主要通过分类菜单（宫格区域）和广告位置的图片以及底部菜单 icon 表现，观察宫格区域的图标回会发现有 4 种颜色存在，所以整体区域的色调过多，让人感觉有些凌乱。

（ 2 ）美柚的色调以粉色、白色为主，主要通过主功能区域（黄金位置）的背景图、下方的广告位置图片及底部菜单 icon 渲染色调，宫格区域的图标控制在 3 种颜色以内，而且只有一行图标，占据页面空间较少，所以整体效果看着比较清爽，视觉效果比 keep 更好。

（ 3 ）华为运动健康和小米运动两款应用首页风格都是橘红色，而且都是通过上方主功能区域的 banner 背景和底部菜单 icon 颜色来体现，其余部分都是偏浅色调，对于产品印象有点类似餐饮风格（肯德基、麦当劳、美团外卖）

（ 4 ）薄荷健康首页色调风格主要是淡青色，主要通过卡片菜单的背景、其他功能按钮和底部菜单 icon 的颜色表现，这种色调整体让人感觉清爽、绿色和健康。不过因为整体都是两种偏浅色系，再加上布局结构导致视觉效果难以快速找到重点。

界面结构 ：

5 个 APP 在整体布局方面，分为 3 类，一种是搜索栏 + 宫格布局 + 列表为主的形式（ Keep 和美柚），另一种是静态 banenr + 卡片的形式（华为运动健康、薄荷健康），第三种就是导航菜单 + 数据卡片形式（小米运动）。这 3 类布局侧重点不同，第一类可以让用户快速找到需要的功能服务，第二类用户主动操作的功能会较少，因此主要以数据展示为主，第 3 类则是功能入口和数据展示兼顾。

从设计简易性角度看：第 1 类的布局会更加好些，每个功能或服务都有明确的 icon 入口，用户更容易理解；而第 2 类需要用户思考数据从何而来？如何更新数据？增加用户更多的学习使用成本；第 3 类同时兼顾了数据展示和功能入口，所以整体页面布局属于一个混搭风格。

从界面一致性角度看：华为运动健康和小米运动结构更加明确和清晰，运动健康首页菜单“健康”，页面内容也是全部展示健康类数据为主；小米运动首页模块菜单“运动”，页面上方导航菜单也是展示各种运动分类，只是下方的内容增加了资讯、话题有些偏离。

四、产品设计的参考准则

1、关键区域对应高频刚需业务

每一款应用和每个产品都有一个主要目的，每个产品的首页黄金位置一般也是展示高频刚需业务的为主，即用户每次进入的时候都可以快速看见这个产品的高频业务，这个高频业务可能也是用户使用该产品的主要目的。通过此方法，既可以提高应用打开率和功能使用率，还可以持续吸引新增用户。

例如：抖音、快手对于用户的主要需求就是看视频或者发视频，微信、 QQ 对于用户的主要需求就是社交。

2、保持界面风格一致性

就是降低用户使用产品的学习时间，保持跟之前用过的产品有相似的交互逻辑和页面颜色风格，让用户更容易理解和操作。

例如：keep 和美柚两款应用，都在首页上方区域有分类菜单模块（九宫格），这样许多用户进入到首页后就会习惯性的查看这两个区域，因为现在90%以上的移动互联网用户都有使用过淘宝、京东这类APP，大家都已经习惯了在首页的黄金区域寻找自己感兴趣的功能和内容。用户一打开APP就可以不用去其他页面寻找需要的功能，可以快速的上手。