Notes

20260328-026-数据叙事-把用户数据变成情感资产

数据叙事是指将产品后台已有的用户行为数据,重新包装为用户愿意主动分享的个人故事。它不是数据可视化(给用户看图表),而是数据戏剧化(给用户一面映射自我的镜子)。

Spotify Wrapped 是这个策略的标杆实现:每年 12 月把用户全年听歌数据转化为一套电影感的视觉叙事——你的年度歌曲、总收听时长、风格演变轨迹,配上大胆配色和可分享的卡片格式。效果是数十亿次社交曝光、单年下载量峰值增长 21%。

数据叙事之所以有效,是因为它同时激活了两个心理驱动力:自我表达("这就是我")和互惠感("产品在奖励我的忠诚")。用户分享 Wrapped 不是在帮 Spotify 打广告,而是在社交网络中表达自己的身份认同。产品因此获得了零成本的病毒式传播,但驱动力来自用户的自我叙事需求,而非产品的营销意图。

当你的产品满足两个前提时,可以启动数据叙事策略:

  1. 是产品已经积累了足够长周期的用户行为数据(至少数月);
  2. 这些数据本身承载了用户的情感投射(音乐品味、运动轨迹、阅读偏好),而不只是功能性操作日志。

将原始数据转化为叙事需要三个设计决策:

* 选择时间锚点(年度、季度、里程碑事件),这决定了叙事的节奏感和用户的期待周期;
* 提炼身份标签("你是爵士夜猫子"比"你听了 200 小时爵士"更有传播力),把统计量翻译成人格描述;
* 设计分享载体(竖屏故事卡、可交互的滑动页面),确保格式天然适配社交平台的分发规格。

数据叙事依赖用户对数据采集的信任。

如果用户觉得"你在监控我"而非"你在为我记录",同样的功能会引发隐私焦虑。设计时必须让用户清晰感知到数据的用途是回馈而非剥削。此外,叙事一旦形成年度惯例(如 Wrapped),用户期望只会逐年升高,创新压力持续累积。

20260328-027-隐形ux-界面退场让内容当主角

"隐形 UX"是一种界面设计策略:刻意压低界面本身的存在感,让用户的注意力完全被内容(而非控件、动效、装饰)占据。衡量标准不是"界面好不好看",而是"用户是否意识到自己在用一个 App"。

触发条件

当产品的核心价值来自内容消费(音乐、视频、阅读、地图)而非交互操作本身时,界面应主动退场。如果用户打开产品后第一反应是"界面真炫"而不是直接沉浸内容,说明界面正在抢戏。

三步落地:

  • 首先选择深色或低对比度背景作为默认色调,让内容视觉元素(封面、图片、数据图表)自然成为画面焦点。
  • 其次,砍掉所有不直接服务于当前任务的 UI 元素——没有装饰性动画、没有冗余按钮,只保留当前步骤所需的最小控件集。
  • 最后,用留白和层级关系替代显式边框和分隔线,让信息自然分组。

约束与代价

隐形 UX 容易导致新用户发现不了功能(discoverability 下降)。需要配合渐进式引导或上下文提示来弥补。另外,过度极简可能让高级用户觉得产品"功能单薄",需在简洁与功能密度之间找到当前用户群的平衡点。

20260328-025-极简导航的上下文适配策略

💡 是什么

极简导航不是"按钮越少越好",而是按照用户当前的设备场景和操作姿势,提供刚好够用的导航路径。核心思想是:导航结构应该随上下文变形,而不是在所有终端复制同一套信息架构。

Spotify 移动端只有三个底部 Tab(Home / Search / Library),但桌面端保留了侧边栏和键盘快捷键,车载模式则进一步简化为大按钮和语音控制。同一产品在不同场景下呈现不同的交互密度。

🛠️ 怎么做

第一步,按设备和使用姿势划分场景(单手持机、双手桌面、免视觉车载),为每个场景定义独立的导航层级深度和控件密度。第二步,确保跨端状态无缝同步——用户在手机上暂停的内容,在电脑上打开时应自动续播,不需要用户手动寻找。第三步,对空状态(empty state)做积极引导而非留白:用问句("想听什么?")加上趋势内容卡片,把"没内容"变成"有方向"。

一个容易被忽略的细节:Spotify 在 A/B 测试中发现搜索栏向上调整 3mm 能改善拇指触达的人体工学体验。这类微调累积起来构成体验的整体流畅感。

⚖️ 约束与代价

跨端适配意味着多套界面逻辑需要并行维护,工程和设计成本显著增加。另外,过度简化移动端导航可能导致功能"藏太深",需要通过数据监控验证用户是否能找到关键功能路径。

20260328-024-个性化体验中的被看见心理机制

💡 是什么

个性化推荐之所以能驱动留存,底层心理机制不是"推得准",而是"让用户感觉自己被理解"。用户在产品中获得的心理奖赏是"被看见感"(feeling seen)——系统好像认识我、懂我的偏好和状态。这种感受把工具关系升级为情感关系,是用户从"在用"变成"离不开"的关键转折。

Spotify 的数据证实了这一点:用户有 25% 的收听时间花在个性化推荐面(Discover Weekly、Daily Mix 等),而非自主搜索。用户不是在找歌,是在享受"被懂"的感觉。

🔗 为什么

推荐系统的技术架构(协同过滤 + 音频特征分析 + NLP)只是实现手段。真正让个性化产生粘性的,是它触发了心理学中的"互惠效应"——我把行为数据交给你,你用精准推荐回馈我,这构成一个正向循环。一旦用户感受到系统在"进步"(越来越懂我),沉没成本和转换成本同时升高。

🛠️ 怎么做

落地个性化体验需要三个层次:第一层是冷启动速度,Spotify 在用户听完三首歌后就开始适配推荐,新用户不需要填写冗长的偏好问卷。第二层是反馈闭环,提供显式的调节入口(如 Taste Profile 的"多来点这种 / 少来点那种"),让用户从被动接受变成共同创造,即"human-in-the-loop personalization"。第三层是场景感知,根据时间、设备、行为模式切换推荐策略(晨间通勤 vs 深夜独处),让用户觉得"它知道我现在需要什么"。

⚖️ 约束与代价

过度个性化会造成信息茧房,用户永远接触不到自己舒适区之外的内容。需要在推荐中有意掺入适量的"安全冒险"(熟悉风格的陌生作品)来维持新鲜感。此外,个性化依赖行为数据积累,对低频用户效果有限。

20260312-023-大模型马屁精天性的逆向利用

触发条件:在要求 Agent 执行找 Bug、审查代码、分析缺陷等容易受主观偏见影响的任务时。

○ 怎么做 (API 接口式封装):
- 输入条件:避免使用带有预设偏见的提示词(如“去给我找个 Bug”),防止大模型因为想讨好用户而凭空捏造(幻觉)。
- 动作步骤:
1. 使用“中立词”:改用“平铺检索库,尝试理清逻辑,并如实报告所有发现”。
2. (高阶)设置相互角力的特工身份:利用其讨好天性设置赏罚。建立找 Bug 的(找一个加一分,拼命找)、证伪 Bug 的(证伪一个加分,错了扣双倍,疯狂证伪)和作为中立裁判的三个平行 Agent 相互对抗。
- 输出结果:通过博弈获得极高保真度、被反复挤干水分的客观真相反馈。

约束与代价:
- 资源消耗翻倍,只适用于极其关键且需要高确定性的攻坚排错场景。

20260312-022-20260312

升级开始

20190704-021-乔歆新唐楸琳杨琴基于眼动追踪的扁平化交互元素可用性优化研究-j-人类工效学20182

一篇用眼动仪测试拟物和扁平设计的论文,进一步拆解了拟物的元素进行研究。实验结果添加阴影效果或圆形设计的实验组按钮在视觉搜索和识别效率、准确度方面显著地更有优势 (P < 0. 05) ; 相比扁平化文字链接,添加颜色或者颜色加下划线的文字链接可以显著地提高文字链接的搜索速度、准确度和任务效率 ( P < 0. 05) 。

20190612-020-葛列众王宇轩王琦君电子信箱的可用性实验研究-j-人类工效-学2010-16-1

葛列众、王宇轩于 2010 年通过制作邮箱原型进行可用性研究,也取得了良好的结果。

20190612-019-戴均开葛列众手机原型界面的可用性评估-j-人类工效学2007-13-2p13-1

戴均开、葛列众于 2007 年的实验结果指出,计算机模拟的手机原型界面的可用性评估是有效的。

20190530-018-160dp

Android Design 里把主流设备的 dpi 归成了四个档次,120 dpi、160 dpi、240 dpi、320 dpi。如果以 160 dpi 作为基准的话,只要尺寸的 DP 是 4 的倍数,XHDPI 下乘以 2,HDPI 下乘以 1.5,LDPI 下乘以 0.75 即可满足所有尺寸下都是整数 pixel。

20190522-017-思考列表右侧信息的用途

我在 MEET.ONE 的“设置”功能右侧加了文字“语言/Language”,是受到 Smartisan OS 的启发,他们的做法是把语言设置放在设置页最底部,同时右侧显示多个国旗。

20190522-016-思考信息架构和维度

四种信息架构,线性、层级、矩形结构、自然排列,其实就是 1 维、2 维、有限维度、无限维度/无维度。

20181018-005-alan-cooper-about-face-20-the-essentials-of

Cooper 最早在 1995 年出版的《About Face: The Essentials of User Interface Design(第 1 版)》使用了界面 Interface design 这个词,而在 2003 年第二版中,用“Interaction Design”替代了它,书名也改为《About Face 2.0: The Essentials of Interaction Design》。在序言中 Cooper 解释,他认为随着技术的发展,工业设计、界面设计、信息架构甚至用户体验,这几个学科都不能解释书中讨论的核心问题“如何设计具有复杂行为的交互系统”。所以他选择了 Bill Moggridge 的交互设计这个名词。

20181018-004-bill-moggridge-2007-designing-interactions

Like industrial design, the discipline would start from the needs and desires of the people who use a product or service, and strive to create designs that would give aesthetic pleasure as well as lasting satisfaction and enjoyment.
I gave my first conference presentation on the subject in 1984, and at that time I described it as “Soft-face”, thinking of a combination between software and user-interface design […] we went on thinking of possible names until I eventually settled on “interaction design” with the help of Bill Verplank.

20181009-003-jon-kolko-对交互设计的定义交互设计沉思录

交互设计是指在人与人造事物(产品、服务或系统)之间创造一系列对话。

20181009-001-设计的过程也是一种科学实验

首先需要根据商业目标、用户反馈、数据等,确定设计问题。然后根据竞品、数据、各种事实来确定方案(假说)。方案需要能形成模式(Pattern),有普适性、有预测力、简单才是好方案。待方案确定,上线看数据就是实验验证。

20181009-002-设计的定义

Design is the conception and planning of the artificial. 设计是对人造事物的构想与规划。
Richard Buchanan. Wicked Problems in Design Thinking. Design Issues, Vol. 8, No. 2, (Spring, 1992), pp. 5-21
人造事物包括:产品、服务与系统

20180905-015-留存率

之前美柚更新的留存率达到 40 20 10,现在新的应用也达到这个留存率。

20180801-014-逻辑

设计就是归纳、类比和演绎。什么不是呢?

20180529-013-sketch快捷键-快速复制列表cmdd

绘制一个 symbol/group 后,按住 option 并拖动就能拖出一个拷贝。之后按 command+D 能快速重复上一个动作,列表也就完成了。还是自动排列好的,很方便。