HCDE 351 | A5：视频原型——睡前手机使用管控 App

产品概述：

这篇过程记录记录了一个睡前手机使用管控 App 的视频原型：它是一个更好的社交媒体，让用户不容易沉迷其中，进而影响睡眠质量和第二天的安排。这个视频原型的目标，是测试功能和易用性：用有限的成本和很快的迭代节奏，搭出一个使用场景。在这个项目里，我练习了制作视频原型的技能：构思故事板、列出拍摄清单，再把画面切分成多个镜头，剪辑成一个完整的叙事视频。

在这篇记录里，我会讲我如何基于设定的设计场景进行头脑风暴、如何迭代故事本身、如何收集用户和同学的反馈，以及找出了哪些需要改进的地方。我也会记录关键决策背后的理由，以及这些选择如何更好地服务我的故事。

构思：

这个设计的目标，是做一个可以用来测试使用案例和用户场景的视频原型，帮助设计师决定下一步该怎么迭代。在这一节，我会讲我如何在不同的想法之间迭代，让方案更贴合设计目标。

我选的主题和“睡眠”有关。我先回想了自己在睡眠上的痛点。我想到了这些：

痛点：

• 我想早点睡，但每次躺到床上，都会迷失在社交媒体无限滚动的内容里。
• 不健康的睡前手机使用，让我第二天很难专注在任务上，或者在需要集中注意力的时候犯困。
• 长期来看，我觉得这种行为让我难以集中注意力，也严重影响了我的心理健康。

在从一些学术论文里找灵感、思考怎样用设计回应痛点并讲好这个故事之前，我先设定了这个故事的场景。

场景设定：

用户画像： “A”今年 25 岁，刚从大学步入社会，在一家 AI 创业公司做软件开发。场景： “A”通常晚上 6 点下班回家，睡前总会玩会儿游戏、在网上看看新闻。躺到床上之后，他会刷手机看朋友分享的动态，划着看 Twitter 和 Reddit 的帖子，再看一些 TikTok 短视频。

明确了视频的场景和要设计的产品之后，我开始画故事板。

故事板：

故事板第 1 页

故事板第 2 页

故事板第 3 页

故事板第 4 页

在这一部分，我根据场景设定，开始思考该讲一个什么样的故事。我把故事的开头设在午夜，正是主角“A”准备睡觉的时候。一开始，我想用一个远景镜头展示“A”家的外观：其他房间都黑着，只有“A”的房间亮着灯。然后镜头慢慢推近他的窗户，看到他正在刷手机。通过一系列特写，镜头聚焦在手机屏幕上，展示他深陷社交媒体、无法自拔。（我还加了一个镜头表现他沉迷刷手机的状态：手机闪烁的光映在他脸上。）故事的冲突在于，主角因为熬夜看视频，第二天错过了一个重要的会议，被领导批评，身心俱疲，于是决定开始做出改变。所以我在故事里设置了一个转折点：他在一个网站上看到一则广告，介绍一款带睡眠模式的社交媒体 App。接着故事推进到主角下载并开始使用这个 App。自动开启的睡眠模式，给他的睡前手机使用多加了一层监督；当滑动次数用完之后，他选择早点睡觉，从而睡得更好。

原型：

在上面几节里，我讲了我如何明确要为什么场景做设计，然后探索想法，并按照设计目标推进到最终采用的故事板。这一节我会简单讲讲，如何在故事板的基础上迭代故事，做出最终的视频原型。

最终的视频原型

其实可以看出，我最终做出的视频原型和之前相比变化很大，主要原因之一是我发现了自己拍摄条件的局限。我的拍摄设备是 iPhone 13 Pro，没有稳定器、三脚架或独脚架，也没法航拍（因为没有无人机辅助拍摄）。所以我做了调整，把夜景换成台灯、时钟这类更容易获得、效果也还不错的元素，来表现深夜。另外，为了保护隐私（也可能是我没找到合适的演员），我选择用一个玩偶来演绎这个故事（不过我个人觉得效果其实比真人更好）；同样出于可行性考虑，我把商务会议改成了上班打瞌睡的场景。干预部分基本没变。这就是我的最终视频原型，它贴合设计目标，也符合我的设计场景。

反馈：

课上，我们进行了一次小组反馈讨论。以下是我收到的反馈：

哪些地方做得好？

• 核心问题清晰：“我睡不着 / 我一直在刷手机”很能引起共鸣，也很好理解。
• 视觉钩子很强：睡着的兔子让人印象深刻，已经像一个大家愿意跟着看的“主角”了。
• 结构上的直觉很好：已经有了一条故事线（引入 → 干预 → 结果），这正是这类展示需要的。

哪些地方可以更好？

• 兔子（玩偶）的含义不清楚：现在它很可爱，但看不懂。观众需要一眼就知道：兔子 = 你？睡意？进度条？宠物陪伴？
• 需要“真实界面”带来的可信度：“给我看看产品。”
• 缺少副标题：标题页（或者前面几页）应该有一个副标题，用大白话说清楚这是什么。
• 背景铺垫太长：我花了太多时间说服大家睡眠很重要，而他们早就知道了。
• 机制需要聚焦在“强制我去睡觉”上：“你讲了背景，但没讲怎么强制执行。”

收获：

同学和助教的反馈都表明，我的设计确实贴合了设计目标，回应了痛点，也遵循了我的场景设定。但这个设计还有一些小问题，可能会、也可能不会影响它的功能。如果做到下面几点，它会更好：

• 讲清楚兔子代表什么，以及它在系统里如何起作用。
• 更多地聚焦在强制睡眠的机制上，而不是冗长的背景铺垫。

反思：

通过制作这个视频原型，我认识到视频不只是用来展示一个想法，也可以用来快速检验一个故事、一个机制和一种交互是否说得通。我选了睡前用手机这个主题，因为这是我自己的痛点，这帮我搭出了一个真实的场景，也让我能更挑剔地评估设计。

主要的挑战是拍摄资源有限，这逼着我调整故事板、简化叙事。这让我意识到，可行性上的限制反而能帮助把核心想法打磨得更锋利。反馈也显示，兔子虽然在视觉上很吸引人，但含义不清楚；我需要更早地展示真实的界面，并更多地聚焦在系统如何推动行为改变上。

如果重做这个项目，我会更清楚地定义兔子的角色，并从一开始就把强制执行的机制讲得更明确。

感谢阅读！: )

技术附录：

AI 使用说明：

• 我用 ChatGPT 修改语法和错别字；
• 我用 NotebookLM 帮我整理用户反馈；
• 我和 ChatGPT 讨论了根据收到的反馈，应该改进哪些地方。
• 我和 ChatGPT 讨论了怎样打磨我的反思。

写作参考：

• 这篇博客的整体结构参考了我上一篇博客，其中有一些我自己写的句子是相同的（部分过渡句和用词）。
• 参考的博客在这里：https://antaresyuan.site/blog/hcde-351-a2-soft-goods-prototype-shoulder-bag-design/

灵感参考：

Bartel, K., Scheeren, R., & Gradisar, M. (2019). Altering Adolescents’ Pre-Bedtime Phone Use to Achieve Better Sleep Health. Health Communication, 34(4), 456–462. https://doi.org/10.1080/10410236.2017.1422099

Vhaduri, S., & Poellabauer, C. (2018). Impact of different pre-sleep phone use patterns on sleep quality. Proceedings (International Conference on Wearable and Implantable Body Sensor Networks : Print), 94–97. https://doi.org/10.1109/BSN.2018.8329667