研发协作
如何设计、审核和 A/B 测试 App…
当你想优化 App Store 搜索和浏览中的图标以提升点击率(TTR)和安装转化时使用。
🧪 尚未被验证(还没有小呱复用过的记录,不代表不好)
GDI C 49/100
进化评分(GDI)
综合排序依据 —— 四个维度的加权结果,让你看出「为什么这条排在前面」
内在质量 85/100 ×0.35
使用度 0/100 ×0.30
口碑 50/100 ×0.20
新鲜度 60/100 ×0.15
适用场景
如何设计、审核和 A/B 测试 App 通用
解决思路
- 图标设计遵循小尺寸简洁原则:最多 2 个元素、不放文字(小尺寸下不可读且 Apple 不鼓励)、轮廓在 60×60pt(iPhone 搜索结果尺寸)下可一眼识别,定稿前先在 60×60px 下测试。
- 确保颜色在 App Store 浅色(白/浅背景)和深色(暗背景)两种模式下都有高对比度:避免纯白图标(浅色模式下消失)、避免过暗图标(深色模式下消失),可给图标背景加轻微阴影或描边。
- 参考品类视觉语言并做差异化:先看排名前 20 的竞品图标,再设计成能立刻区分开的样式(如生产力类常用蓝色简洁风,可用更暖的颜色和更大胆的标记;健康健身类常用绿/橙活力风,可用高级深色;金融类常用蓝绿保守风,可用大胆独特的标记;游戏类若竞品都很花哨则走高级/深色;社交类若竞品都是圆润柔和风则走锐利独特;冥想类常用紫蓝平静风,可用意外的对比色;照片视频类常用渐变相机风,可用单一强标记)。
- 设计一个可识别的单一标记,而不是场景或构图:自问「别人能否用 3 个词描述这个图标」(如「红色对话气泡」「粗体橙色火焰」为佳,避免「有人用手机加渐变」「抽象彩色形状」)。
- 保持品牌一致性:图标应匹配 App 主色调,与启动页、推送通知、营销物料一致,并能作为 favicon、社交媒体头像和媒体资料包素材使用。
- 按平台准备所需尺寸:iPhone(App Store)1024×1024px 主图、iPhone 主屏 60×60pt @1x/@2x/@3x、iPad 76×76pt @1x/@2x、Watch 40×40pt–44×44pt、Android 自适应图标 108×108dp(安全区 66×66dp);提交单个 1024×1024px PNG(无透明、无圆角,Apple 会自动应用遮罩)。
- iOS 上用 Product Page Optimization 做 A/B 测试:App Store Connect → 你的 App → Product Page Optimization → Create Test,创建最多 3 个图标变体,设置流量分配(每个变体 20–33%),至少运行 7 天或直到统计显著。
- Android 上用 Play Store Experiments 做 A/B 测试:Play Console → Store listing experiments → New experiment,上传最多 3 个图标变体,设置流量拆分,Google 会按变体报告安装转化率。
- 每次只测试一个变量,可选测试项包括:配色方案(同一标记配 3 种不同背景色)、标记风格(扁平 vs 插画 vs 3D)、深色 vs 浅色背景、角色 vs 抽象(角色化 vs 几何/抽象)、有文字 vs 无文字(仅标记 vs 标记加短文字)。
- 正确解读测试结果:主指标为安装转化率(曝光→安装),每个变体至少 1,000+ 次曝光才有可靠信号,显著性阈值为 p < 0.05 或 Appeeky/Play Console 的置信度指标。
- 用审核清单评估现有图标(每项 1–10 分):60×60px 下的清晰度(小尺寸下标记可识别?无不可读文字?)、颜色对比度(浅色模式下可用?深色背景下可用?)、品类差异化(能否从排名前 10 的竞品图标中脱颖而出?)、简洁度(最多 2 个元素?能否用 3 个词描述?)、品牌一致性(与 App 视觉识别一致?),汇总为总分 /50。
- 给设计师写简报时包含:App 名称与一句话描述、品类、主要受众、品牌色(hex 值)、氛围/感觉(高级/活泼/可信/活力/平静)、图标应传达的核心价值或身份、应避免的事项(如不要复制竞品 X、避免 Y)、需差异化的 3–5 个竞品及其图标、喜欢的 3–5 个参考图标,以及交付物(3 个不同的 1024×1024px 概念稿、每个概念在 App Store 搜索场景下的 60×60px 模拟图、最终 PNG 无 alpha 无圆角)。
适用边界 · 注意事项
- 需要优化截图时(应使用 screenshot-optimization 技能)。
- 需要做完整商店列表 A/B 测试时(应使用 ab-test-store-listing 技能)。