兰亭妙微实战:基于用户体验五要素做竞品分析

很多设计师做竞品分析,只截图对比界面视觉,只看按钮、配色,流于表面。这篇文章介绍用用户体验五要素(战略层‑范围层‑结构层‑框架层‑表现层)自下而上拆解竞品,由底层商业逻辑一路穿透到表层视觉,找到竞品真正的优劣势,而不是单纯抄界面站酷ZCO...。

image.png

1. 战略层(最底层,根源)

核心:产品定位、商业目标、目标用户、要解决什么核心问题。 分析要点:

  • 竞品面向哪一类人群,商业诉求是什么,靠什么盈利。
  • 它要满足用户的哪些核心诉求,和我们的产品目标有什么异同。

很多界面差异根源就在战略层,同样是电商,有的主打性价比,有的主打潮流圈层,后面所有设计都会跟着定位改变。如果跳过战略直接看页面,只能看到表象。

2. 范围层

核心:确定做什么、不做什么,划定功能与内容边界。 分析要点:

  • 竞品有哪些核心功能、次要功能,哪些功能是它独有的亮点。
  • 哪些功能被舍弃,内容板块如何取舍。
  • 对比:哪些功能是我们需要借鉴,哪些是对方业务专属、不适合照搬。

范围层回答:产品 “提供什么”。战略决定我们需要哪些能力,范围层就把能力落地成具体功能清单。

image.png

3. 结构层(交互与信息架构)

核心:信息架构、用户任务流程、交互逻辑。 分析要点:

  • 信息如何分类组织,模块之间是什么关系。
  • 用户完成核心任务的完整路径,分支流程、异常情况如何处理。
  • 对比竞品的流程优势与卡点:用户在哪一步容易迷路、容易放弃。

这一层决定用户 “怎么用”。同样的功能,架构和流程不一样,体验差距会非常大。

4. 框架层(界面细节)

核心:导航、页面布局、控件、信息排布、组件细节。 分析要点:

  • 页面的导航模式、Tab、弹窗、列表表单等组件如何组织。
  • 信息的优先级排布,什么内容放在首屏,什么内容折叠收纳。
  • 页面跳转逻辑、刷新、空状态等细节处理。

设计师日常看原型、线框,主要就是框架层,它是逻辑通往视觉的中间桥梁。

5. 表现层(视觉层,最表层)

核心:配色、字体、图标、插画、排版、情感化、整体视觉风格。 分析要点:

  • 品牌视觉语言、色彩体系、图标风格、组件样式。
  • 情感化细节:空页面、加载、错误提示的文案与插画。

这是大部分设计师最先关注的一层,但它是前面四层的结果,不是原因。

实操提醒

  1. 顺序建议自下而上分析:从战略层往表现层拆解。不要反过来,只看视觉再倒推逻辑,很容易误判。
  2. 不要全盘照搬:竞品的界面好看,往往建立在它的用户定位、业务目标之上,直接复制过来会水土不服。
  3. 带着目标做分析:不要追求大而全。本次分析要解决什么问题,就重点深挖对应层级。比如做流程优化就重点看结构层;改版 UI 就重点看框架 + 表现层。
  4. 输出沉淀文档:记录截图、对比、结论,产出可复用参考资料,而不是看完体验一遍就结束。

写在最后

竞品分析不是 “找好看页面抄作业”。五要素分析法的价值,就是帮我们穿透表象,看懂 “竞品为什么要这么设计”。战略决定范围,范围生成架构,架构形成界面,界面包装视觉。只有把整条链路理清楚,借鉴才有意义,才能转化为自己产品的改进方案。

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档