编辑导读：每一个产品根据受众人群和使用场景，对应的产品设计都不相同。本文将以健康类APP为例，通过对健康类产品的功能、页面进行操作体验，理解不同产品的设计意图和业务目标，通过每个模块的功能流程以及页面交互形式得出产品设计准则用于指导产品功能设计。

一、分析目的

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

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

二、竞品选择

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

三、页面功能对比

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

3.1 主功能区

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

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

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

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

3.1.1 搜索框

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

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

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

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

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

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

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

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

3.1.2 垂直功能区

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

• 华为运动健康：主要是手环运动步数和运动强度数据。
• 小米运动：主要是 当日运动步数和最新体重数据展示。
• 美柚： 垂直功能区主要是月经流量记录和最近一周月经流量变化趋势。
• 薄荷健康：垂直功能区主要是 家人健康圈和健康管理卡片菜单。

3.1.3 分类菜单（九宫格）

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

• Keep分类菜单主要各种运动课程、活动的功能入口。
• 美柚分类菜单主要是备孕锦囊、排卵试纸、能不能吃、问医生这类特定人群需求场景的解决方案入口。
• 华为运动健康分类菜单主要是 运动记录、健康生活、心脏健康、睡眠检测等各种监测指标的查看管理入口。

3.2 底部菜单和其他功能区

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

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

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

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

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

3.2.1 首页模块

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

• 快速入口：各种功能、服务、内容的快速入口。
• 健康数据：展示用户或家人的最新健康数据动态，数据来源于智能设备或者用户健康评测。

3.2.2 UGC资讯

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

3.2.3 记录提醒

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

• 记录提醒：类似于消息提醒的备忘录功能，用户可以快速记录和设置提醒时间。
• 运动记录：运动记录主要是通过手机记录用户运动过程时间，便于运动数据统计和分享展示。

3.2.4 电商商城

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

• 虚拟商品：主要是各种需要付费的健康相关线上课程售卖。
• 实体商品：主要是各类运动设备、智能硬件以及健康轻食售卖。

APP首页展示

3.3 界面风格

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

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

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

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

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

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

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

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

• 其中keep的色调主要通过分类菜单（宫格区域）和广告位置的图片以及底部菜单icon表现，观察宫格区域的图标回会发现有4种颜色存在，所以整体区域的色调过多，让人感觉有些凌乱。
• 美柚 的色调以粉色、白色为主，主要通过主功能区域（黄金位置）的背景图、下方的广告位置图片及底部菜单icon渲染色调，宫格区域的图标控制在3种颜色以内，而且只有一行图标，占据页面空间较少，所以整体效果看着比较清爽，视觉效果比keep更好。
• 华为运动健康和小米运动两款应用首页风格都是橘红色，而且都是通过上方主功能区域的banner背景和底部菜单icon颜色来体现，其余部分都是偏浅色调，对于产品印象有点类似餐饮风格（肯德基、麦当劳、美团外卖）
• 薄荷健康首页色调风格主要是淡青色，主要通过卡片菜单的背景、其他功能按钮和底部菜单icon的颜色表现，这种色调整体让人感觉清爽、绿色和健康。不过因为整体都是两种偏浅色系，再加上布局结构导致视觉效果难以快速找到重点。

界面结构：

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

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

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

四、产品设计的参考准则

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

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

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

4.2 保持界面风格一致性

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

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

4.3 让重度用户有捷径可用

许多APP的老用户可能会觉得，常规的使用方式可能不够创新，难以吸引他们的注意力，如果有种使用方法是可以快捷呈现某个功能或许能让大家耳目一新。

4.4 提供有意义的回馈

用户主动进入到某个环节，或者被动处于某种阶段，如果没有合理的跳转或者提示，可能会让用户产生困惑，不知道当前的状态以及后续的操作目标。

举例来说：目前网络传输信号不稳定可能需要等候一些时间；当前没有网络请检查下网络情况等。只有提供给用户有意义的回馈，用户才不会感觉没有耐心，或是莫名其妙，以后不想使用这个应用!

五、总结

通过对5个APP应用的对比、分析，笔者认识到：一款产品要想获得市场认可拥有成长能力，首先必须要找对赛道和目标人群，同时自身的产品要有一定的优势（资源、服务），并且对于目标人群属于刚需。

这样第一阶段用户只有选择你，然后就是优化服务体验以及拓展更多的增值服务。否则就会沦为一次性工具，用户在完成某个小场景之后，用完即走，不愿意停留，无法产生更大的运营价值；如果产品本身的行业壁垒不够高，还会遭遇竞争对手的跨界打击。

举个例子：

美柚APP的基础服务就是经期记录功能和孕期辅助，这也是大部分的用户使用它的初衷，但是因为它的其他增值服务没有跟上，或者说不属于高频刚需，导致用户在完成当前阶段主要操作之后，不知道接下来还有什么值得停留的意义，包括后续运营服务没有跟上，也是导致美柚新增用户量减少、老用户留存率下降；

其次另外一款薄荷健康，虽然在初次进入首页界面有些凌乱和，但是通过各种引导和服务让用户停留下来之后，薄荷健康本身有需要拓展服务，也包括了 美柚的基础服务。这样一来，美柚的主要功能在薄荷健康也有，薄荷健康还有更多其他服务，类似减肥专区等等，大量用户就逐渐转移到类似薄荷健康的产品。

作者：明远；5年互联网工作经验，主要涉及智慧养老、智慧社区、智能安防等方面。

本文由 @明远 原创发布于人人都是产品经理，未经作者许可，禁止转载。

题图来自Unsplash，基于CC0协议。