
一、先把案例拆成四层,积累的时候心里有数
很多时候我们觉得案例用不上,是因为只记住了它的“样子”,没理解它的“机制”。一个智能交互方案,往下拆,其实可以分成四层:

下次再收藏一张产品图,可以顺手问一句:这张图主要告诉我这四层里的哪一层?慢慢你就会发现,有的案例擅长讲造型,有的案例讲清楚了软硬件配合,有的案例把 AI 的边界画得很清晰。这样去积累,素材才会分层入库,考场上随取随用。
素材来源 | 主要用途 | 适合提取的内容 |
Behance、Pinterest | 快速建立视觉与项目参考 | 造型、界面、故事板、版式、关键词 |
红点、iF、IDEA、Core77 | 寻找相对完整的设计项目 | 问题、创新点、产品形态、软硬件关系 |
CES、品牌官网 | 核实技术和实际产品 | 传感器、AI能力、配套软件 |
IxDA、Apple、UXDA | 补充体验和界面细节 | 用户流程、反馈 |
Google Design、MIT Media Lab | 理解设计过程和前沿机制 | 用户研究、人机协作、新型输入与反馈 |
二、去这些地方挖案例,每个网站产的东西不一样
1. 找完整项目、看故事板——Behance
全球设计师的作品集集中地。比如搜 “smart product UX UI”、“AI hardware app”,你会看到很多人把产品图、场景故事、App 界面和系统图放在同一个项目里。这种“一镜到底”的讲方案方式,很适合学快题排版和方案逻辑。

2. 海量采集、建情绪板——Pinterest
它就像一个全球灵感瀑布。你可以按“智能音箱”、“可穿戴设备”、“AI 学习机”建专属情绪板,把造型、界面、数据可视化分门别类钉进去。缺点是图片常常没头没尾,最好能顺着链接摸到设计师主页,把背景补全。

3. 看真实上线的产品界面——Mobbin
这个网站专门扒线上 App 的真实截图。Mobbin 可以按“AI/Health”标签筛,看别人智能家居、健康设备的配套 App 实际长什么样。


4. 抠交互细节、找高光瞬间——Dribbble
如果说Behance 是长篇小说,那Dribbble 就是精彩片段集锦。搜 “smart device”、“voice UI”、“hardware dashboard”,能找到很多设备屏幕上的加载动画、语音唤醒反馈、旋钮交互细节。考卷上那些容易画得死板的状态页,来这里找找参考最管用。

5. 看获奖作品概览和相对详细的项目叙述——Core77 / 红点 / iF / IDEA
红点、iF、IDEA 的获奖页面介绍通常比较简短,适合快速浏览智能产品、概念设计项目的封面图和一两句核心创新点,帮你了解行业在关注什么方向。把它们当成“案例目录”来用就好,碰到感兴趣的再顺藤摸瓜去官网或 Behance 搜完整方案。
Core77 设计奖 按 Interaction、Consumer Technology、Health & Wellness 等类别划分。每个获奖项目都有一段相对详细的文字,会交代设计背景、解决的问题以及方案的核心思路,比一般奖项的信息量大不少,很适合拿来学习别人怎么把设计过程讲清楚。


6. 理解设计决策和前沿机制——Apple/Google/Microsoft Design & MIT Media Lab
来自全球顶尖设计机构的设计博客会解释某个交互为什么这么做,研究机构会展示新的传感器、触觉反馈、情感计算原型。这些内容适合帮你拔高方案的“设计依据”,偶尔一两条放进快题说明,可以提升说服力。


三、别只会搜“AI 设计”,试试这样打开搜索
直接搜 “AI design”,出来的大概率是一堆雷同的科技感界面。
但反过来,一开始就搜太具体的词组,也容易扑空——尤其是你还不太确定这个领域有什么的时候。
更实际的做法分两步:
第一步,用最宽泛的词先“撒网”。直接搜 “smart product design”“wearable device UX”“health app interface”“home device concept”。词越基础,出来的结果反而越多,先看一圈这个领域都在做什么形态、用什么交互方式。

第二步,看到感兴趣的再顺藤摸瓜。点开一个项目之后,去看设计师给它打了什么标签,看页面底部的相关推荐,看同一个设计师还做了什么。平台本身的标签和推荐算法,往往比你自己想的关键词更准。

养成一个习惯:找到一个硬件,顺手搜搜有没有配套 App 或上手视频;找到一个界面,追问一句它需要什么传感器、什么实体设备配合。这样一轮下来,案例就不再是一张孤立的图了。
四、案例是否值得保存?用四层标准判断

五、案例示范:Oura Ring案例拆解&消化
下面以Oura Ring系统为例。这个案例的价值在于它把持续感知、数据解释、界面呈现和AI对话放在同一条用户旅程中。

图1Oura Ring 5产品图。戒指通过小型化传感器承担持续采集,硬件形态尽量降低长期佩戴负担。
1. 硬件:负责持续感知,而不是承载所有操作
根据Oura官方说明,Ring 5包含LED与光电探测器、数字温度传感器和加速度计。硬件主要负责长期采集身体与活动相关信号,复杂的数据阅读、设置与解释则交给手机端完成。
这说明智能硬件不一定需要大屏幕。设计时需要判断哪些操作必须在产品本体完成,哪些信息更适合转移到App。

图2Oura Ring与手机App形成软硬件联动:戒指持续采集,手机负责查看和理解。
2. 软件:把连续数据转化为可阅读的信息
Oura App将信息组织为当日重点、详细指标和长期趋势等层级。用户并不需要直接阅读全部原始数据,而是先看到当天最需要注意的内容,再决定是否进入更详细的页面。
从快题角度看,软件界面至少要承担三项任务:连接和管理设备、呈现状态与趋势、为用户下一步行动提供入口。

图3Oura App界面示例:把多个指标组织成状态分数、解释文字和行动提示。
3. AI:解释数据,但不能替代用户判断
Oura Advisor会结合用户在App中的指标、活动、标签和历史交互,提供个性化解释并回答问题。这里的AI回答建立在硬件数据和软件记录之上。
同时,界面明确提示Advisor可能出错,官方也说明Oura Ring不是医疗诊断设备。这种能力边界同样属于交互设计:用户需要知道系统能做什么、不能做什么,以及什么时候应当寻求专业帮助。

图4Oura Advisor界面:对话、数据卡片和错误提示同时出现。
用5W1H拆解Oura案例
1.Who|为谁设计
面向希望长期了解睡眠、活动、恢复与日常状态的用户。用户未必具备医学或数据分析背景,因此系统需要把复杂指标转化成相对容易理解的信息。
2.Why|为什么需要
身体状态具有连续性,但用户通常只能感知某个时刻的疲劳或不适。可穿戴设备提供持续记录,软件则帮助用户观察日常行为与长期趋势之间的联系。
3.What|提供了什么
一套由智能戒指、手机App、数据分析和AI建议组成的个人状态管理系统。戒指不是完整方案的全部,App和算法同样是主要触点。
4.Where|在哪里使用
戒指在睡眠、运动和日常活动中持续佩戴;App主要在早晨查看状态、运动过程中查看信息、回顾长期趋势或需要解释时使用。
5.When|什么时候介入
硬件持续采集;App在固定时间或状态发生变化时呈现重点;AI在用户主动询问或系统需要解释趋势时介入。不同触点的介入时机并不相同。
6.How|如何形成解决方案闭环
交互闭环|传感器采集 → 手机同步 → 算法整理指标 → App呈现状态与趋势 → AI解释 → 用户调整行为 → 新数据再次进入系统
这个闭环比单独描述“AI智能分析”更具体。快题中也应当画出数据从哪里来、经过什么处理、怎样到达用户,以及用户如何反馈。

怎样把案例融入快题
案例看完了,关键是怎么变成自己的东西。可以试着从案例里提取它的交互框架。
以 Oura 为例:
硬件负责持续感知,软件负责组织信息,AI 负责解释趋势,用户保留决定权。
把这个框架抽出来,你会发现它可以适配很多题目。换成老人用药管理,硬件可能就是桌面分药设备而不是戒指;换成儿童学习陪伴,硬件可能是桌面台灯或玩偶。产品形态变了,但“采集→组织→解释→行动”这条链路保留了下来。
具体操作上,拿到一个案例可以问自己三句话:
1.这个方案里,哪个环节是硬件干的,哪个环节是 App 干的? 比如采集和提醒由硬件做,历史记录和详细设置交给 App。这个分工逻辑是可以直接搬到快题里的。
2.AI 到底插在哪一环? 是在输入环节做识别,还是在输出环节做推荐?它的判断依据是什么?用户能不能改?
3.系统边界在哪? 数据上传到哪里?什么情况下该提醒用户寻求专业帮助?
这样去读案例,你积累的就不再是一个个产品名,而是一套可迁移的交互机制。题目换成什么场景,都能从素材库里抽出合适的骨架往上搭。
最后,把案例收成你的“可迁移素材库”
平时整理案例时,可以有意识地把它们贴上标签:语音交互、触觉反馈、姿态识别、预测提醒、人机协作、多设备联动……遇到新题目,就从不同案例里抽出“用户+场景+硬件形态+软件流程+AI 能力”重新组合。什么时候你能不看原图,用一句话讲清楚:“为谁,在什么场景下,通过什么样的交互,解决了什么问题”,这个案例才真正进了你的素材库。
更多精彩请关注『嗡嗡设计中心』

设计思维&手绘技能双重提升!






🐝🐝🐝


早早鸟来了!~27嗡嗡同济大学「设计创意学院」全年课程规划来了~
早早鸟来了!~27嗡嗡上海交通大学「IIDE&Modi」全年课程学习计划来了~
2027嗡嗡同济大学艺术与传媒学院「全年班」发布,早早鸟优惠中~~
27嗡嗡北京邮电大学「612&951」全年课程学习计划来了~
🐝🐝🐝
嗡嗡学员蝉联4届同济337状元~

嗡嗡全国班学员高分榜
7张图带你读懂同济大学硕士培养体系更多精彩可以关注公众号~~

Wow~2022嗡嗡再次命中!!同济等全国多所设计院校考点

再创佳绩!斩获同济设创、国创、艺传第一!




夜雨聆风