这 6 篇讲的是"营销渠道"上的 UX——邮件(Email)和社交媒体(Social Media)。它们和产品内的界面设计不同:用户来这里不是为了看你的品牌内容(他们刷社媒是为了朋友动态、收邮件是为了正事),所以渠道 UX 的核心矛盾是"如何在用户不那么想理你的地方,既达成商业目的、又不惹烦用户、还不损害品牌"。
全文按"用户旅程的两个端点"组织:先把人留住/拉进来(主题行 emoji、社媒 6 类互动、社媒 3 洞察、状态追踪),再把走的人体面送走(退订体验)。最后单列一篇 K-Pop 私信应用,它把上面所有"留人"手法推到极端,变成暗黑模式(deceptive pattern,用设计套路操纵用户违背本意)——是正面指南的反面教材。
一条贯穿全篇的原则:渠道 UX 的好坏,最终由"用户能不能轻松离开"来定义。能体面退订/取关的品牌反而留得住人;堵死出口的(坏退订、内疚弹窗)逼用户用"标垃圾邮件""拉黑"这种核武器,反噬送达率和品牌。
一、邮件主题行的表情符号(Emoji in Subject Lines):别为吸睛而加
做 newsletter(新闻简报)、交易邮件(transactional,如订单确认)、营销邮件时,很多人想往主题行(subject line,收件箱里那行标题)塞个 emoji 抢眼球。NNGroup 做了两项研究,结论是"基本没用,还可能反伤"。
| 研究 | 设计 | 结果(保留原始数字) |
|---|---|---|
| 情感反应测试 | 同一封营销邮件分带/不带 emoji 两版,让用户从情感词表里选 3 个词形容 | 带 emoji 的负面情感 +26%、正面词用得更少。注:26% 在"只能选 3 个词"的限定下属于中等差异(不大但不可忽略) |
| 邮件选择测试 | 造一个收件箱视图,混入带/不带 emoji 的主题行,让用户选 2 封想打开的并说理由 | emoji 对打开概率无明显提升;且看到 emoji 的用户更依赖"视觉因素"选,没看到的更关注"主题的实际意义";另让用户给邮件价值打分,带 emoji 的价值评分略低(但不同统计处理下有不确定性) |
三条使用建议:
- 别为"吸引注意"而随意加——可能让用户觉得邮件没价值,甚至伤品牌形象。
- 只在 emoji 真能"加价值"时用——给主题补充上下文或情感,不是纯装饰。有效:
🎓 恭喜!您已被录取(emoji 传递了"学业/喜讯"语境);无效:🔥 不容错过的优惠(纯吸睛、空洞)。 - 控制频率——少量用才有视觉吸引力;天天发 emoji 邮件会让用户脱敏(习以为常失效),还会叠加负面感受。
心法:emoji 是"语境/情感的补充信号",不是"注意力的廉价杠杆"。Why:用户对"明显的营销套路"有免疫和反感,廉价吸睛反而触发"这封没营养"的判断。反例:🔥 不容错过 这类把 emoji 当感叹号用的,正是研究里拉低价值评分的典型。
二、社交媒体:用户与企业互动的 6 种类型(6 Types of User Interactions)
社媒已是企业全渠道(omnichannel)体验的一环。NNGroup 把"用户在社媒上跟企业打交道"拆成 6 类,正好串成一条从陌生到忠粉的旅程。每一类对应不同的内容设计任务:
| # | 互动类型 | 用户在干什么 | 设计该做什么(优化建议) | 案例 |
|---|---|---|---|---|
| 1 | 发现 Discover | 通过广告/帖子/搜索偶遇品牌;或主动用关键词/话题标签(hashtag)找 | 摸清用户的搜索习惯,做"回答常见问题"的内容;用相关 hashtag(地点/行业热词)提高可发现性 | 用户在 Twitter 刷到 NyQuil 感冒药广告当即下单;旅行用户用 IG #visitaustin 找餐厅活动 |
| 2 | 研究 Research | 想要简明信息 + 通向完整内容的链接;找灵感(怎么用/怎么搭) | 给教程/用法示例/灵感展示;社媒篇幅有限,加指向完整文章/报告的链接 | 反例:新用户期待 Sephora 的 TikTok 有化妆教程却没有,失望。正例:Public Desire 用模特实穿图给搭配灵感,激发购买 |
| 3 | 互动 Engage | 投票、抽奖、评论、点赞、分享 | 用平台新功能试不同内容形式;每条内容要有明确 CTA(行动号召),并想清"对用户的意义" | 抽奖:Corsair 用"转发+关注+评论"低门槛拉互动;内容引流:TED 在 FB 发视频导流到官网看完整版 |
| 4 | 购买 Purchase | 在社媒触发或完成交易 | 给足产品细节+链接;即使支持站内购买,也要让用户能轻松回品牌官网看全貌 | 社交销售 Social Selling(帖子导流到外部购买,如 Bath&Body Works IG 广告引到线下店)vs 社交电商 Social Commerce(站内端到端完成,如 Target 在 IG 用商品标签直接购) |
| 5 | 支持 Support | 找客服——因为觉得比其他渠道快 | 评估并优化社媒客服时效;回应公开评论要礼貌专业(围观者都在看,影响品牌) | 用户因影院糟糕体验,同时在 Twitter+FB 发消息求快速回应 |
| 6 | 推广 Promote | 主动替品牌背书——不只喜欢,还愿意向社交圈展示 | 感谢用户分享(点赞/评论/转发);认可正面评价以增强其价值感,放大口碑 | 用户在自己帖子里标记所穿服装品牌;因家人推荐而关注并成为客户 |
心法:这 6 类不是平行清单,而是漏斗+循环——发现/研究在前(拉新),购买在中(转化),支持/推广在后(留存+裂变)。Why:同一个品牌账号要同时服务处在不同阶段的人,所以内容不能只有一种调性(只发促销 = 只服务购买阶段,丢掉研究阶段找灵感的人)。
三、社交媒体 UX 的三大研究洞察(3 Research Insights)
研究基础:96 名用户 11 年的参与反馈 + 近期 23 名参与者的可用性测试、认知映射、日记研究。前提认知:用户上社媒的主要目标通常不是看品牌内容,所以品牌内容必须主动抓住并留住注意力。三条洞察:
3.1 别发太频(Avoid Posting Too Frequently)
刷屏式发帖让用户觉得信息泛滥 → 忽略 → 取关。用户原话:"每次打开主页都能看到他们 5、6 条""起初有趣后来烦人就取关了""我喜欢星巴克,但不需要每小时知道他们公司的事"。
频率建议(全保留原始数字,需按行业/用户/平台微调):
| 维度 | 建议频率 |
|---|---|
| 大多数公司基线 | 每周 5–8 次 |
| 行业差异 | 新闻媒体可每日多次;政府机构/非紧急信息应更分散 |
| Facebook / Instagram / TikTok | 每日 1 次 |
| 限时内容(IG Stories / Snapchat) | 每日 6–8 次 |
| 每日 2–6 次,活动期间可达 15–20 条 |
重点:优质内容 > 频繁内容。每条都要有明确目的,否则就像垃圾信息。用数据分析(用户活跃时间、不同频率下的参与率)来调优。
3.2 试用互动功能促进参与(Experiment with Interactive Features)
投票、测验、提问等互动内容能有效提参与度。成功案例:NBA 投票推文 >5600 次响应;Xbox 给游戏角色命名投票 >71,000 票;WebMD 在 IG 发真伪问答让用户滑动看答案。
互动设计三注意:
- 简化交互——一键投票/滑动成本低;多次点击或跳转会增加流失。
- 内容相关性——摸清用户为何关注你(新闻/优惠/信息)。反例:用户关注 Aetna 保险想了解保费报销,却收到"节日压力"投票,觉得无关。
- 平衡互动与非互动——不是所有用户都爱互动,按目标用户调比例。
3.3 帖子里放明确且相关的 CTA(Explicit and Relevant Calls to Action)
用户看到感兴趣的内容想进一步行动时,明确的 CTA 能指引并提升互动。正例:Target 在 IG Stories 提示"向上滑动"看春季新品并导流官网;WHO 世卫在 TikTok 加"了解更多 COVID-19 信息"链接。
CTA 设计三点:① 信息可见——用按钮或突出链接,别把链接藏正文里(反例:LinkedIn Learning 推文嵌了链接但不突出,信息线索弱);② 目标明确——想让用户做什么(购买/浏览/获取灵感);③ 强信息线索——用"立即注册课程""获取更多信息"这类明确措辞。
心法:这三条本质是一回事——克制 + 相关 + 给出口。Why:用户注意力是借来的(他们本来在看别的),所以你既不能透支(发太频),又要在借到的几秒里给足互动钩子和明确去向。
四、状态追踪与进度更新:16 条设计指南(Status Trackers & Progress Updates)
这是邮件/短信渠道的一个高频具体场景:告诉用户"你的订单/护照/包裹到哪一步了"。两种机制,结合使用最佳:
| 特性 | 状态追踪器 Status Tracker | 进度更新 Progress Update |
|---|---|---|
| 目的 | 用户主动查询(Pull) | 公司主动推送(Push) |
| 内容 | 具体交付流程细节 | 更新简要或含链接 |
| 访问方式 | 唯一链接或登录页 | 短信、邮件、社交渠道 |
| 历史记录 | 可看完整记录 | 旧通知可能丢失 |
| 用户信息要求 | 通常仅需参考号 | 需收集联系方式 + 获其同意 |
| 访问权限 | 任何持追踪信息的人 | 仅接收通知的用户 |
为何要结合:只有追踪器 → 用户频繁刷新页面增加焦虑;只有推送 → 联系方式错就失效,且部分用户更爱自主查。两者互补:推送"主动安心",追踪器"随时可查"。
状态追踪器设计指南(12 条):
| # | 指南 | 要点 / 反例 |
|---|---|---|
| 1 | 从客户账户提供追踪信息 | 用户在账户内直接查,不必翻邮件找快递链接(亚马逊正例) |
| 2 | 最新状态优先显示 | 垂直时间轴/水平进度条,最新置顶。反例:美国国务院护照状态藏在一段文字里 |
| 3 | 用用户易懂的语言 | 避免后台术语/代码,如"已生成标签 Label Created"。反例:Echo 的"已处理分类设施/已发预先通知"对用户无意义 |
| 4 | 信息可快速扫描 | 表格用宽松布局、行列分明(皇家邮政正例 vs Echo 反例) |
| 5 | 允许改联系方式 + 通知频率 | USPS 让用户选 6 种更新、指定短信/邮件 |
| 6 | 提前告知需要哪些追踪信息 | 明确要订单号等,并提示如何获取(英国护照局确认邮件提醒存参考号) |
| 7 | 提供具体且诊断性的错误提示 | 帮用户分清是输错信息还是状态不可用 |
| 8 | 流程完成后提醒追踪选项 | 确认邮件里放追踪链接 |
| 9 | 长流程定期更新 | 即使没实质进展也给低粒度提示"已进入处理队列"增强信心(英国护照办正例;USCIS 反例:9/19–12/3 长期无更新,且"下一步"内容已过时) |
| 10 | 更新准确可靠 | 优先系统自动化,避免手动输入出错(Monzo 等待名单安抚邮件) |
| 11 | 显示所有历史更新 | 旧信息可折进"更多内容"链接(Shipping Force 垂直进度图正例) |
| 12 | 所有渠道更新一致 | 客服与追踪器信息要一致,否则用户发现打电话能问到更准的,就不信任追踪器了 |
进度更新设计指南(4 条):
| # | 指南 | 要点 / 反例 |
|---|---|---|
| 1 | 链接直达详细追踪 | 链接带用户直接到对应订单页,免重复输入(反例:Club Monaco 不直接链接,要手输订单号) |
| 2 | 允许用户选通知类型 | 短信/邮件可选,可选择是否接收(UPS 邮件含管理偏好链接) |
| 3 | 避免过多更新干扰 | 与运输公司协调避免重复;用研定理想频率(反例:Nordstrom 和 UPS 对同一包裹各发一遍) |
| 4 | 提供停止接收的选项 | 含取消选项(如"回复 STOP"),定期提醒可改偏好(AT&T 短信"发送 STOP 停止") |
心法:追踪/通知的本质是用信息透明换焦虑减少——让用户随时知道"到哪了、还要多久、出了问题怎么办"。Why:不确定性是焦虑的来源;每次"主动告知"都在替客服分流(否则用户会打电话问)。反例统一规律:用后台术语(指南3)、藏状态(指南2)、渠道不一致(指南12)、重复轰炸(进度更新3)——都是把"减少焦虑"的功能做成了"制造焦虑"。
五、退订体验的十大设计错误(Top 10 Unsubscribe Mistakes):怎么体面送人走
核心认知:用户想退订时要能一键完成,不该遇到额外障碍。坏的退订流程会逼用户用核武器——直接标记为垃圾邮件(mark as spam),这会损害品牌声誉和邮件送达率(deliverability,后续邮件能不能进收件箱)。给直观、简单、礼貌的退订,反而保住用户对品牌的尊重。
| # | 错误(EN) | 为什么坏 | 解决方法 / 反例 |
|---|---|---|---|
| 1 | 页脚未做移动端优化 (footers not optimized for mobile) | 很多人在手机上管邮件,页脚链接小到点不中 | 优化页脚,退订链接在手机上清晰易点(MyFitnessPal 正例 vs Bluefly 反例) |
| 2 | 退订链接难找 (links difficult to locate) | 公司故意隐藏或不突出 | 加视觉权重:高对比、下划线,明确标"Unsubscribe" |
| 3 | 流程太繁琐 (too many choices and too much work) | 跳到订阅管理页要筛一堆选项 | 给明确的"全部取消订阅",且置于页面顶部(反例:Science Careers 分多类令人不知所措;HomeAdvisor"取消所有"位置不显眼) |
| 4 | 复选框令人困惑 (confusing checkboxes) | 用户搞不清勾选代表订阅还是退订 | 遵循标准:选中=订阅、不选=退订,配明确文案(反例:PureWow 要求"勾选想取消的类别",违反认知模型) |
| 5 | 要求登录或填个人信息 (asking to log in / provide info) | 多余且麻烦 | 自动识别点链接的用户、免验证,并显示将被移除的邮箱以防误操作(反例:议员邮件列表/Slotomania 强制填邮箱) |
| 6 | 退订前索取反馈 (asking for feedback before confirming) | 强制反馈令人反感 | 如需反馈,放在退订完成后且可选、简洁(反例:History.com、Halfords 的反馈字段没标必填但看起来都像必填;CNN"5 件事"在确认页后才给可选反馈=正例) |
| 7 | 语气冒犯或烦人 (annoying tone) | 嘲讽/恳求/操纵语言惹人厌 | 用友好、感恩的语气(Aesop 温暖正例 vs Thrillist 嘲讽反例;Michael 把退订说成"结束浪漫关系";Bloomreach 嵌《Un-break My Heart》MV 歌词——作者觉得有趣但多数人 get 不到) |
| 8 | 试图劝阻/推回订阅 (pushing to resubscribe) | 把"继续订阅"做成主操作=操纵 | 可给"降低频率/调整内容"选项,但别干扰退订主流程(反例:Joann Fabric 默认继续订阅;Tarot.com 把"继续接收"做得又大又醒目,退订按钮沦为次要的"是的,为我取消订阅") |
| 9 | 发确认邮件 (email confirmations) | 用户想立刻确认,不想再收一封 | 在退订页上直接显示确认信息,别发确认邮件 |
| 10 | 延迟移除 (delayed removal) | 用户期望立即停收 | 明确告知处理时间(如最多 36 小时)并尽量缩短(反例:6PM.com 提示可能需要 10 天,难以接受) |
理想的退订体验:链接标注清晰(Unsubscribe)、位置明显、一键直达 → 退订后显示清晰的确认页、语气礼貌友好 → 无需额外操作或复杂流程(Inman News 正例)。
心法:退订是品牌的"最后一次接触",做体面了反而是加分项。Why:堵死或羞辱式退订(错误 3/7/8/10)会触发"标垃圾邮件"的报复,而垃圾邮件标记直接喂给邮件服务商的反垃圾算法,拉低你对所有人的送达率——为了留一个不想留的人,赔上能进所有人收件箱的能力。
六、暗黑案例:K-Pop 私信应用如何制造"与明星私聊"的幻觉(Deceptive Patterns)
前五节是"正面指南"。这一篇是把"留人"手法推到操纵极限的反面教材——暗黑模式(deceptive pattern,过去叫 dark pattern,指用设计套路诱导用户违背本意)。代表产品:Bubble、Universe。粉丝付费买"门票"进入与偶像的"一对一聊天"。NNGroup 拆了它的整套心理设计:
| 手法 | 怎么做 | 它在操纵什么(对照正面指南) |
|---|---|---|
| 营造"私人"联系 | 偶像发日常更新(吃了什么/推荐歌)、语音消息(道早晚安/哼未发布歌)、私人故事(心理挣扎)。一致的语言风格+频繁 emoji 巩固亲密感 | 把"个性化"(§六对照 §四指南5)推到伪私密,让粉丝觉得"了解了偶像真实的人" |
| 一对一的幻觉 / 实为一对多 | 偶像端是含所有粉丝回复的群聊,群发消息。粉丝视角会出现错位(粉丝问"新专辑怎样",偶像答"我今天没吃东西");偶尔碰巧对上时粉丝格外满足("他回复'我吃了意大利面',感觉特别回应了我") | 利用"巧合即奖励"的间歇强化,粉丝主动忽略错位 |
| 视觉复刻熟悉的聊天工具 | 界面极像 Kakao Talk:聊天气泡、已读未读的"1"标记。粉丝发消息后"1"消失就以为偶像已读("看到'1'消失,觉得付的钱值了") | 借熟悉界面的心智模型(§四指南呼应正向"用真实世界一致"),但这里用于伪造"被阅读"的反馈 |
| 用名字个性化 | 用户名变量:晚安,@用户名! 显示成 晚安,小明!,即便是群发也让人觉得被单独提及(Bubble 同一条消息对不同人显示不同名)。注:韩语后缀依名字结尾变化,语法错会破功,但多数粉丝选择相信、忽略不协调 |
把"个性化"做成幻觉的核心黏合剂 |
| 游戏化把订阅包装成"关系" | 每日订阅计时器显示"交往天数",越久数字越高;100/200 天弹全屏"周年纪念"庆祝;订阅越久可发消息越长(象征"投入程度") | 制造沉没成本效应(sunk cost):"考虑取消时总觉得不能放弃积累的计时天数" |
| 退订时制造内疚 | 取消订阅显示"破碎的心"图标 + "总有一天我们会再见"。用户:"看到这个分手信息心痛,感觉对偶像抱歉,想尽快重新订阅" | 直接违反 §五退订指南 7/8(冒犯语气 + 推回订阅),用情感勒索堵死出口 |
心法:这个案例是前五节所有原则的"照妖镜"——同样的设计元素(个性化、已读反馈、退订流程),用来"为用户减少焦虑"是好 UX,用来"为商业制造焦虑/内疚"就是暗黑模式。Why:分界线在于"服务谁的利益"——计时器若帮用户记录有用进度是 §四指南9,若只为制造沉没成本就是操纵;退订页若礼貌确认是 §五理想体验,若放"破碎的心"就是 §五错误 7+8。给 PM 的用法:这一篇不是教你抄,而是给你一面镜子——当你的"留存设计"开始依赖"让用户离开时感到内疚/损失",你已经越过了从"好 UX"到"暗黑模式"的线。
源自 NNGroup Topics / Email - 电子邮件 + Social Media - 社交媒体(共 6 篇)。内容策略与文案见 NNGroup 内容策略与网页写作(内容策略4阶段·内容清单与审核·内容标准/设计系统·内容管理3模式·人们如何在线阅读5种扫描模式·倒金字塔·精简写作7法·长文5种排版·微文案3I/3C·语气4维度·内容测试·眼动追踪);说服式设计与暗黑模式的伦理边界见 NNGroup 劝导式设计与行为心理学(说服六原理 · 认知偏差 · 注意力局限 · 信息觅食寻路 · 心智模型 · 信任层级 · 自我决定动机 · 隐私伦理边界 · 26 篇);可用性原则地基见 NNGroup 可用性测试与十大可用性启发式(10 条启发式完整表 · 复杂应用应用 · 用户愉悦层级 · 测试方法 5 人法则/招募/远程/任务场景/分步任务/态度vs行为/4步分析/小样本误差/竞争性评估)。图片/原档(快递追踪截图、收件箱视图、Bubble 聊天截图等)保留在 sources。