Tapo Care 订阅页设计原则看板

1

Real Photos vs Illustrations

● 强共识

原则陈述Principle

在订阅页中优先使用真实产品照片，建立信任感、真实感和高端感。

Prioritize real product photography on subscription pages to build trust, authenticity, and premium perception.

量化分布 · Quantitative Distribution

V1 matrix (n=254)

35.4%

11.8%

52.8%

V2 slider (n=38)

65.8%

7.9%

26.3%

Real Photos

中立

Illustrations

"This makes the app feel more realistic and trustworthy, especially for a home security product."

P154 · Diane639 · V2 · Age 25–34 · $150,000+

"Real photos are important to me. It gives me a better visual of what is happening."

P1213 · IdealBench52 · V1 · Age 35–44 · $75,000–$99,999

Visual Stimulus

调研刺激材料原图 · 左：Real Photos · 右：Illustrations

Original stimulus used in research study

Do

使用真实家居场景产品照片
图片传达安全、可靠的品牌感知
照片细节清晰，产品细节可辨
照片与权益描述形成视觉呼应

Don't

使用卡通或手绘插画作主视觉
用令人不安的人物插画形象
风格化插画替代产品展示
插画比例过大喧宾夺主

2

Intuitive vs Emotional

● 强共识

原则陈述Principle

订阅页设计优先服务于清晰导航和快速理解，避免情绪化诉求。

Prioritize clear navigation and fast comprehension on subscription pages; avoid emotional appeals.

量化分布 · Quantitative Distribution

V1 matrix (n=254)

35.0%

11.4%

53.5%

V2 slider (n=38)

68.4%

15.8%

Intuitive

中立

Emotional

"Intuition always because I want to get things done. I don't need any sugar coating."

P2239 · bearbeanie · V1 · Age 25–34 · $50,000–$74,999

"Again, better looking and smarter because we don't need to be convinced that security is important."

P294 · GrandHobby978 · V1 · Age 45–54 · $25,000–$49,000

Visual Stimulus

V1 vs V2 反差最强维度之一，qualitative 跨 cohort 一致拒绝情绪化诉求

Do

信息层级清晰，快速定位计划对比
交互逻辑符合用户预期
订阅/取消路径透明直接
文案直接描述权益，不预设情绪

Don't

用恐惧/焦虑语言促进订阅转化
夸张安全威胁制造压迫感
情绪化视觉替代功能信息
让页面看起来在"操控"用户

3

Standalone vs Comparative

● 强共识

原则陈述Principle

订阅计划选择默认采用并排对比布局，降低跨页记忆负担。

Default to side-by-side comparison layout for subscription plan selection to reduce cross-page memory load.

量化分布 · Quantitative Distribution

V1 matrix (n=254)

20.1%

7.9%

72.0%

V2 slider (n=38)

36.8%

60.5%

Standalone

中立

Comparative

"It will enable me compare the both layout at once without going back and forth."

P162 · Jesse716 · V2 · Age 25–34 · $75,000–$99,999

"I like the comparative one as I can quickly scan and see the tiers available."

P164 · CommonBasil55 · V1 · Age 45–54 · $50,000–$74,999

Visual Stimulus

7 维度里共识方向最稳的一项，跨年龄/收入/订阅档全偏 Comparative

Do

订阅计划并排展示，差异一目了然
明确标注各计划包含项与不包含项
对比表格突出推荐计划
提供对比/单计划聚焦两种视图

Don't

每个计划单独一页，要求记忆内容
隐藏或弱化计划间差异点
分散页面呈现计划信息
强迫用户来回翻页做决策

4

Simple vs Detailed

◐ 中等共识

原则陈述Principle

默认呈现简洁概览，通过渐进式披露满足需要详情的用户。

Default to concise overview; use progressive disclosure to serve users who need detail.

量化分布 · Quantitative Distribution

V1 matrix (n=254)

24.8%

6.7%

68.5%

V2 slider (n=38)

55.3%

7.9%

36.8%

Simple

中立

Detailed

"The more words actually turned me off, and I end up reading none of it."

P189 · mreens · V2 · Age 25–34 · $150,000+

"I like details to be available if needed, but when taking quick glances I would prefer the basics."

P523 · MildHobby219 · V1 · Age 45–54 · Over $100,000

Visual Stimulus

显著年龄差异：35+ 偏 Detailed 74.7% vs <35 仅 59.0%（差 15.7pp）

Do

首屏以关键权益卡片为主，精简可扫读
提供"了解更多"展开项
权益条目使用短句，优先关键词
详情区信息层次清晰，不争夺注意力

Don't

默认展示大段权益说明文本
把所有细节堆在主界面
以文字密度展示"专业感"
默认展开所有详情区域

5

Feature-focused vs Scenario-focused

◑ 五五开待 in-app v1 验证

原则陈述Principle

既要提供清晰的功能列表作为主要信息层，也要提供场景示例帮助用户理解实际价值。

Provide both a clear feature list as the primary information layer and scenario examples to help users understand real-world value.

量化分布 · Quantitative Distribution

V1 matrix (n=254)

28.3%

11.4%

60.2%

V2 slider (n=38)

47.4%

5.3%

47.4%

Feature-focused

中立

Scenario-focused

"Like to know the exact features I have vs a scenario that might not apply to me."

P1773 · Oozyscab · V1 · Age 25–34 · Under $25,000

"The scenarios help me better see why the product may be of use to me."

P1413 · SlightCargo6 · V1 · Age 45–54 · $100,000–$149,999

Visual Stimulus

V2 精确五五开。年龄差异：35+ 偏 Scenario 65.6% vs <35 仅 52.0%

Do

功能条目清晰列出，知道在为什么付费
场景示例作辅助层，说明应用价值
场景与功能有明确对应关系
场景覆盖多样家庭情境

Don't

只用场景故事替代具体功能说明
用夸张场景（入室盗窃）制造恐惧
场景过于普泛，用户无法代入
单一场景包揽所有权益说明

6

Text-heavy vs Visual-rich

◑ 五五开待 in-app v1 验证

原则陈述Principle

既要用视觉优先设计建立第一印象，也要保证需要文字细节的用户能方便获取。

Lead with visual design to establish first impressions while ensuring text-detail seekers can easily access what they need.

量化分布 · Quantitative Distribution

V1 matrix (n=254)

26.4%

10.2%

63.4%

V2 slider (n=38)

42.1%

15.8%

42.1%

Text-heavy

中立

Visual-rich

"I like this one because it clearly outlines what the plan has and does not have."

P1527 · IdealHawk612 · V1 · Age 25–34 · $100,000–$149,999

"Sometimes, too much text can seem very confusing and cluttered and I prefer simplicity and visuals."

P67 · StableMeteor39 · V1 · Age 35–44 · $25,000–$49,000

Visual Stimulus

V2 精确五五开，跨 cohort 较一致，无显著分歧。锚定 progressive disclosure

Do

首屏以视觉元素建立快速认知
渐进式披露：视觉优先，文字按需展开
图标和配图有明确语义，非纯装饰
文字排版清晰，行距字号适合扫读

Don't

首屏以大段文字开场，阻断视觉扫读
为"信息完整"在第一层堆砌所有文本
视觉元素与文字内容重复，无信息增量
视觉和文字互相争夺注意力

7

Abstract vs Explicit

⊘ 混合待 in-app v1 探索

原则陈述Principle

在 v1 中并行探索两条路径：明确直白的信息呈现 vs 现代抽象的视觉美学，由评审决定。

In v1, explore both paths in parallel — explicit/direct information presentation vs. modern abstract visual aesthetic — decided through review.

量化分布 · Quantitative Distribution

V1 matrix (n=254)

22.4%

19.3%

58.3%

V2 slider (n=38)

44.7%

18.4%

36.8%

Abstract

中立（最高维度）

Explicit

"Nobody wants to be bombarded with gamey aesthetics when looking for a subscription — this is not a game, it's security."

P1209 · NextLifeCEO · V1 · Age 18–24 · $25,000–$49,999

"Rather have a direct message than have to try to find out what they're trying to convey."

P441 · MobileRadium6 · V1 · Age 45–54 · $25,000–$49,000

Visual Stimulus

7 维度中中立比例最高。低订阅档（<$20）偏 Abstract 32.7% vs 高档（$20+）16.0%，潜在 monetization 信号

Explicit 方向

直接呈现具体信息，减少解读成本
权益描述具体可量化，避免模糊承诺
操作入口文案直接表达动作

Abstract 方向

用现代简洁视觉语言传达高端感
视觉层保持克制，留白增加品质感
通过视觉引导而非文字堆砌传达价值