12
08
USER EXPERIENCE
支付宝首页IA
超级 App 的信息架构
PREFACE
前言
在所有App 里，首页设计是最难设计的一张页面；尤其是像支付宝这种超级国民app。
一个首页，要同时容纳：
高频支付链路、民生服务入口、金融业务、内容生态、小程序体系、个性化推荐、运营场景等；但奇怪的是——它不乱。
关键是：
用户年龄跨度巨大，从 8 岁到 80 岁都在用
这到底是怎么做到的？
今天，我们从初代支付宝到现在 2025 年最新版本，带你从 IA（信息架构即IA，以下简称IA）视角，一次讲透：
支付宝首页，为什么必须这样设计？
01
支付宝首页变化史
USER EXPERIENCE
从初代到最新版本
1、工具型时代（早期只有收付款、缴费、充值等）
2、支付中心时代（顶部四大入口：扫码、付款、卡包等）
3、服务开放时代（大量第三方小程序接入）
4、分类与宫格时代（统一的 12~20 宫格）
5、大中台中心时代（“消息中心/其他”）
6、智能化 + 个性化时代＋生态化（增加“常用”板块、互动Banner、个性推荐等）
2025版支付宝首页IA
02
核心任务结构
USER EXPERIENCE
支付宝再怎么变化，都永远围绕一个不可动摇的核心金字塔
01 高频任务：支付 / 收钱 / 转账（最高优先级）
这类任务必须：
触达路径最短
位置永不弱化
点击成本最低
它决定了支付宝为什么顶部永远有“扫一扫 / 收付款 / 卡包 / …”
因为这是所有用户的第一心智任务。
02 中频任务：民生服务 / 本地生活
医疗、医保、政务、出行等属于（重要但频率不如支付）：
支付宝采用 “宫格 + 分类” 承载，保证：
高密度
强识别
快速定位
3. 低频任务：长尾服务、小程序生态
这类任务数量巨大，且分散，因此统一归于：
小程序中心
百宝箱
更多服务分类
这是超级 App 必须使用的生态层级结构。
03
服务分类的底层逻辑
USER EXPERIENCE
支付宝所有功能都不是随便堆，依照了三套逻辑：
1）语义逻辑
按业务属性分层，例如：
支付 → 金融体系
医保医疗 → 民生体系
生活缴费 / 公积金 → 城市服务体系
属于“机器”能理解的层级结构。
2）用户心智逻辑
“我常用什么” 比 “它是什么”更重要。
例如：
淘宝闪购 ≠ 基金，但都可能出现在你的「常用」
公积金 ≠ 出行，但可能常被同一个用户点击
支付宝会让系统识别用户行为并重排顺序。
3）商业价值逻辑
一些位置是根据：
业务重要性
财务收益
战略权重
来决定层级排序。例如理财、保险常会靠前。
这是超级 App 都存在的“第三层 IA”。
04
底部导航栏
USER EXPERIENCE
底部导航是最高权重的 IA 区域，它代表了支付宝的战略重心
支付宝采用：
支付（最高心智任务）
理财（高价值业务/赚钱）
视频（新内容业务入口）
消息（运营驱动）
我的（个人中心）
这说明支付宝从“支付工具”向“生活生态服务”转变。
05
我们学到了什么？
USER EXPERIENCE
超级 App 的基本IA构成
超多信息功能怎么堆叠
支付类APP任务优先级 大于 所有设计原则
与用户最相关的任务永远最靠前
个性化是 IA 的较好解决方案
未来用户不用自己找应用，而是应用在找用户
记住别照抄支付宝，要学它的“层级思维”~
这是每个设计师必须具备的能力
06
结语
USER EXPERIENCE
让世界上多一点易用、好用、且具有社会价值产品，是我们义不容辞的责任 ，欢迎投稿点赞收藏
点赞关注传播知识
感谢诸位~
优网科技秉承"专业团队、品质服务" 的经营理念，诚信务实的服务了近万家客户，成为众多世界500强、集团和上市公司的长期合作伙伴！
优网科技成立于2001年，擅长网站建设、网站与各类业务系统深度整合，致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设（品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、微信小程序定制开发、移动端应用（手机站、APP开发）、微信定制开发（微信官网、微信商城、企业微信）等一系列互联网应用服务。
公安局备案号：
专属顾问
