Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
情景化下的移动设计 - 傅小贞
Search
Ding
January 16, 2017
Design
130
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
情景化下的移动设计 - 傅小贞
Ding
January 16, 2017
More Decks by Ding
See All by Ding
A big redesign of Rush - Tim Wu
dingyi
0
120
打造流畅的交互体验 - Qoli
dingyi
0
130
Other Decks in Design
See All in Design
人工知能のための哲学塾 ニューロフィロソフィ篇 第参夜「河合隼雄と中空構造」
miyayou
0
110
デザイナーがいない部署にハーネスを設計する
kenichiota0711
5
5.5k
染み出し好きの、 染み出しコントロール論
mukai_takeru
0
500
技術に明るくない人が技術を選ぶために
moco1013
0
150
Bet AI Day 2026丨デザインハーネス:専門職の判断基準をコードのように運用する
layerx
PRO
6
7.4k
Agentic Design Workflowを育てる 「三層デザインハーネス」の現在地
sayadesign2
0
800
Findy - デザインチーム紹介 / Findy Design Team Culture Deck
findyinc
14
150k
Jun Wei Portfolio 2026
wjw100788
PRO
1
360
Webブラウザで動く VJツールをつくる
akirafukuoka
0
120
Luna's Light
shemeetscity
0
660
[Unity] VAT×VFX Graphがいま個人的にアツイという話
sakiyama
0
130
図書館書架のオンライン閲覧サービス 「honbaco library」の開発 Code4Lib JAPAN カンファレンス 2026
sugi2000
0
120
Featured
See All Featured
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
2
730
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
marketingsoph
0
430
So, you think you're a good person
axbom
PRO
2
2.2k
ラッコキーワード サービス紹介資料
rakko
1
5.4M
Un-Boring Meetings
codingconduct
0
460
brightonSEO & MeasureFest 2025 - Winning Strategies for Black Friday CRO & PPC - Christian Goodrich
cargoodrich
3
870
Technical Leadership for Architectural Decision Making
baasie
3
600
What’s in a name? Adding method to the madness
productmarketing
PRO
24
4.2k
For a Future-Friendly Web
brad_frost
184
10k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
47
8.4k
GitHub's CSS Performance
jonrohan
1033
470k
16th Malabo Montpellier Forum Presentation
akademiya2063
PRO
0
410
Transcript
情景化下的移动设计 傅小贞(无明) 情景—人—设备的交互
None
情景 界面 设备 人 意 图 ⽬目 标 评估 解释
感知 动作 执⾏行行 外 部 世 界
物理情景 社会情景 任务活动情景 时间情景 情景因素 上下⽂文
物理情景因素:产品使用中能影响任务完成的自然因素 物理情景 ⽹网络等原因,影响到⽤用户 的界⾯面设计 ⽹网络原因 某些功能也会受到噪⾳音、 振动等因素的影响。 噪⾳音等 天⽓气会影响到⽤用户完成业 务的各个⽅方⾯面时考虑
天⽓气原因 持机状态也会影响到界⾯面 的设计 持机姿态
社会情景 01 02 在现实社会中,扫描比价商品往往没有这么简单、随意 03 与⽤用户直接交互的⼈人或事件 任务过程中相关的⼈人或事件 与⽤用户相关的⽂文化
任务情景的模式化解释 梳理理⽤用户全流程的链路路 移动APP⼀一个⾮非常重要的特征是碎⽚片化和场景化,⽤用户完成任务的各 个节点的场景会不不断的变化,因此,在设计之前,要梳理理⽤用户完成任 务的完整流程,分析每个流程节点的使⽤用场景,基于场景进⾏行行设计 明确上下⽂文场景和⽤用户⽬目的 每个场景节点都有各⾃自的上下⽂文输⼊入和条件,要梳理理各个上下⽂文的场景 条件点,并理理清⽤用户上下⽂文衔接的真实⽬目的,基于⽤用户⽬目的进⾏行行设计
时间情景 • 时间因素对用户决策的影响; • 同一任务中,不同时间点内的情景切面, 用户的任务衔接,目的、行为均可能不 同; 时间情景n 时间情景1
情景因素矩阵 物理理情景[P] 社会情景[S] 上下⽂文情景[C] 时间情景[T] 1. 建立矩阵 2. 确定关键情景组 3.
判断情景意图 步骤:
10 记忆 注意 感知觉 决策 人的因素
用户的记忆中存储了各种不同的图式,通过外部线索的匹配来激活用户的决策 记忆 图式 1 图式 2 图式 n
注意的聚光灯理理论 注意转移受情景环境的影响,关注情景中的注意吸引因素 注意力 3~5cm
物 理理 社 会 任 务 时 间 情景 判断
图式匹配 线索引导 根据已有图式执⾏行行 知觉 ⾃自下⽽而上 ⾃自上⽽而下 是 否
⽤用户看到⼀一张在屏幕上部的通栏 图⽚片会默认为⼴广告,并忽略略它。 基⾦金金新⼿手⽤用户会忽略略份额,以为 单位是元。 如果到了了⼀一个陌⽣生城市,我要看 的是什什么?
决策思考快与慢 系统1 的运⾏行行是⽆无意识且快速的,不不怎么费脑⼒力力,没有感觉,完全处于⾃自主控制状态。 系统2 将注意⼒力力转移到需要费脑⼒力力的⼤大脑活动上来,例例如复杂的运算。系统2的运⾏行行通 常与⾏行行为、选择和专注等主观体验相关联。 启发性 可得性 联想 ...
设备的设计规范为界⾯面 的设计提供依据 设备的设计规范 设备的输⼊入输出;设备 的传感器器能⼒力力及服务端 的⼤大脑能⼒力力 设备的能⼒力力 移动设备感知⽤用户所处的 情景的能⼒力力,它给⽤用户提 供更更⼈人性化的体验。
情景意识 设备因素
设备的输入输出 ⼈人 设备 输⼊入 输出 输出接收:基于五官,让场景中的⽤用户更更易易得 输⼊入操作:适应⼈人的特性;让⼈人的加⼯工更更简单 输⼊入能⼒力力:突破五感,智能输⼊入
2001 2005 2008 2016 ⻨麦克⻛风 摄像头 加速度传感器器 ⻨麦克⻛风 摄像头 近距离传感器器
多点触摸 环境光传感器器 加速度传感器器 ⻨麦克⻛风 摄像头 电⼦子罗盘 陀螺仪 GPS 近距离传感器器 多点触摸 环境光传感器器 加速度传感器器 ⻨麦克⻛风 摄像头 Future ⽆无处不不在的感应 随身携带的运算能⼒力力 随时随地的连接 便便捷的数据接⼊入与分析 感知情景的能力提升
情景识别 社交距离 WHO AM I WITH 情景意识 物理理空间 虚拟空间 ⾳音频过滤/匹配
位置地点 同⼀一环境中的设备(⼈人) 我的活动 设备(⼈人)ID 活动 What am I doing 社交距离 Who am I with 情绪 How am I feeling
活动情景 时间情景 物理理情景 社会情景 用户 情景认知 情景图式 设计 任务流程 信息架构
设备 情景 影响 认知 形成 构建 映射 情景意识 优化 获得信息 情景化下的移动设计流程
Thanks!