1. 设计思维与多屏趋势：理解多屏交互设计的概念、设计思维五步法（共情-定义-构思-原型-测试）、多屏生态现状（手机、平板、桌面、手表、电视）

各位同学，欢迎来到第一课。咱们开门见山，聊聊“多屏交互设计”到底是个什么东西。

很多人以为，多屏设计就是把手机上的界面放大到平板上，再拉大到电视上。嗯，我刚开始也是这么想的。直到有一次，我给一个智能家居项目做方案，用户用手机控制灯光，用手表看通知，用电视看监控画面——三个屏幕，三个场景，用户却觉得“这玩意儿不好用”。问题出在哪？出在屏幕之间根本没“对话”。

所以，多屏交互设计的核心，不是“适配”，而是“协同”。

1.1 多屏交互设计：不只是“放大缩小”

多屏交互设计，说白了就是让用户在不同设备之间，获得连贯、自然、不中断的体验。你想想看，早上用手表看天气，路上用手机回消息，到公司用电脑写文档，晚上用平板追剧——这些场景里，用户不关心屏幕大小，只关心“我的事能不能顺下去”。

我个人习惯把多屏设计拆成三个层次：

• 设备层：屏幕尺寸、输入方式、传感器能力
• 交互层：手势、语音、触控、遥控器
• 体验层：任务连续性、数据同步、状态感知

举个例子，你在手机上编辑了一半的笔记，打开平板能接着写——这叫“任务连续性”。但如果你在手机上打开了App，手表上却没有任何反馈，那就是“体验断层”。

1.2 设计思维五步法：从“我觉得”到“用户觉得”

设计思维不是什么玄学，它是一套解决问题的流程。我做了十几年设计，踩过无数坑，最后发现，老老实实走这五步，比拍脑袋靠谱得多。

这五步分别是：共情 → 定义 → 构思 → 原型 → 测试。

咱们一个一个说。

1.2.1 共情：别猜，去问

共情不是“我觉得用户会喜欢”，而是去观察、去访谈、去体验用户的真实场景。我在做智能手表项目时，发现用户最常做的动作不是看时间，而是“抬腕看通知”——但通知太多，反而成了干扰。这个发现，就是靠蹲在咖啡厅观察用户得来的。

1.2.2 定义：把问题说清楚

定义阶段，是把共情收集到的信息，提炼成一个清晰的问题陈述。比如，“用户觉得手表通知太多”可以定义为“如何让用户在不掏出手机的情况下，快速判断通知的重要性”。

问题定义得越精准，后续的构思就越有方向。

1.2.3 构思：先求数量，再求质量

构思阶段，我建议你放开脑洞，别管技术能不能实现。画草图、写便签、做思维导图——怎么都行。我曾经在一个项目里，团队 brainstorm 出了 40 多个方案，最后落地的只有 3 个，但正是那 3 个，解决了 80% 的问题。

1.2.4 原型：快速试错

原型不一定要高保真。纸面原型、Axure 线框图、Figma 可点击 demo——都行。关键是“快”。我习惯用纸面原型做第一轮测试，因为改起来成本低，而且用户看到粗糙的原型，反而更愿意提意见。

1.2.5 测试：别怕打脸

测试阶段，找真实用户，给真实任务，看真实反应。我曾经有一个方案，自己觉得完美无缺，结果用户一上手，连入口都找不到。嗯，从那以后，我再也不敢跳过测试环节。

下面这张图，是我自己整理的设计思维五步法流程，你可以把它当作一个检查清单。

1.3 多屏生态现状：五块屏幕，五种逻辑

目前主流的多屏设备，我归纳为五类：手机、平板、桌面、手表、电视。每一块屏幕，都有它自己的“性格”。

设备	典型场景	交互方式	核心挑战
手机	碎片化、移动中、单手操作	触控、手势、语音	屏幕小，信息层级要浅
平板	沙发、床上、轻度办公	触控、手写笔、键盘	横竖屏切换、分屏多任务
桌面	办公、创作、深度任务	鼠标、键盘、触控板	多窗口管理、信息密度高
手表	运动、通知、快速查看	触控、旋钮、抬腕	屏幕极小，交互要“秒级”
电视	客厅、多人共享、沉浸	遥控器、语音、手机投屏	远距离操作、内容发现

你看，手机适合“快进快出”，手表适合“瞥一眼”，电视适合“躺着看”。如果你把手机的设计逻辑直接搬到电视上，用户会疯掉的。

1.4 多屏协同的三种模式

在实际项目中，我遇到过三种典型的多屏协同模式：

1. 接力模式：任务从一个设备转移到另一个设备。比如，手机上编辑邮件，到电脑上继续写。
2. 同步模式：多个设备同时显示相同内容。比如，电视和手机同时播放同一部电影。
3. 互补模式：多个设备各司其职，共同完成一个任务。比如，用手机选歌，用手表切歌，用电视播放。

这三种模式，没有优劣之分，关键看场景。我曾经给一个健身App做设计，用户跑步时用手表看心率，跑完后用手机看详细数据——这就是典型的“接力+互补”混合模式。

1.5 本章小结

这一章，我们聊了三件事：

• 多屏交互设计的核心是“协同”，不是“适配”
• 设计思维五步法（共情-定义-构思-原型-测试）是解决问题的通用框架
• 五块主流屏幕各有各的逻辑，设计时要“因屏制宜”