移动端设计 · Instagram

Instagram 主页上的类别标签

把个人主页上静态的类别标签，变成发现商家的入口。我当时是 Instagram 产品与 UX 方向的 iOS 工程师，作为项目负责人与跨职能团队协作，推动这个功能面向 4000 万+ 用户上线。

角色
项目负责人 · iOS 工程师我和团队的设计师一起打磨了边界情况和异常情况。
公司
Instagram（Meta）
最终设计：点击类别标签，打开专门的“探索商家”发现流。

项目成果

这个功能带动了专业账号的粉丝增长，也为 Instagram 新增了一个页面。

+9.3%专业账号粉丝数环比增长
8%点击率
4000 万+实验组用户
+200 万 BVIBusiness Value Index：Instagram 内部衡量中小商家相关功能表现的指标，实验期间测得
01

问题

商家账号很难涨粉

中小企业账号在 Instagram 上很难涨粉，我们想帮它们获得更多曝光。

我们团队可以直接在个人主页、Stories 和 Reels 上加功能，不用额外和其他团队协调归属权。

同一个商家 Starbucks 在 Instagram 三个页面上的样子：带灰色类别标签 “Brand” 的个人主页、一条 Story 和一条 Reel
Starbucks 的个人主页、Stories 和 Reels。
02

我们试过的方案

放弃的两个想法

在类别标签之前，我们试过另外两种让商家出现在用户面前的做法。

  1. 想法 01

    提高 Instagram 地图上商家图钉的曝光

    成功指标没有明显上升。用户打开地图是为了和朋友互动，不是为了发现商家；要找商家，他们会去 Google 地图。

    Instagram 地图上的曼哈顿，从上西区和中央公园一直到中城和东河，有三个显示帖子照片的图钉
    Instagram 地图上的曼哈顿。
  2. 想法 02

    在个人主页上自动展开推荐账号

    它拉低了 Instagram 个人主页的护栏指标，我们只好下线。

    个人主页的关注、发消息和联系按钮下方，展开的 Suggested for you 一行，显示 McDonald’s、Crocs Shoes 和 Bath & Body Works，每个都有关注按钮
    个人主页上展开的“为你推荐”（Suggested for you）。

个人主页流量大，但空间少

个人主页是 Instagram 上流量最高的页面，但已经很拥挤。我们得在有限的空间里，找到还能利用的位置。

  1. 类别标签

    静态的，点了没有反应。

  2. 名称和数字

    归其他团队负责，我们不能改。

  3. 简介

    账号自己写的内容。

  4. 链接

    账号添加的外部链接。

  5. 按钮

    关注、发消息和联系已经占满一行。

Starbucks 的 Instagram 主页头部，有五个编号圆点：1 灰色类别标签 “Brand”；2 名称和帖子、粉丝、关注数；3 简介；4 链接；5 关注、发消息和联系按钮
Starbucks 的主页头部，编号与说明对应。

类别标签是最合适的位置

它原本是静态的，点了没有反应。

Starbucks 的 Instagram 主页头部特写：头像，帖子、粉丝和关注数，账号名下方圈出灰色的类别标签 “Brand”，再往下是简介和链接
Starbucks 主页上的类别标签 “Brand”。
03

方案

最终设计

点击类别标签，会打开专门的“探索商家”发现流。每个推荐商家配一组 3 张帖子的网格：多到能大致看出这个账号在发什么，又少到扫一眼就能做判断。

Starbucks 的 Instagram 主页，账号名下方圈出灰色的类别标签 “Brand”，再往下是简介、链接，以及关注、发消息和联系按钮
1 · 商家主页上的类别标签。
点击类别标签后打开的 Explore businesses 页面，列出 Ford Latino 和 PURELL Brand，每个都有关注按钮和三张近期帖子
2 · 点开后进入“探索商家”（Explore businesses）。

截图来自公开账号，已去掉共同关注的人和列表里的一个私人账号。

04

A/B 测试

用提示气泡对比静态标签

  1. 对照组

    静态的类别标签。

  2. 实验组

    用 NUX 提示气泡，引导用户点击类别标签。

实验组 7 天和 14 天的中小企业账号粉丝数都有统计显著的提升，Business Value Index 也有所上升。具体数字见项目成果。

下一个案例

从0到1 · 交互设计 · 用户调研 AI 赋能传统工作流驱动库房处理系统的语音智能体