Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
情景化下的移动设计 - 傅小贞
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Ding
January 16, 2017
Design
0
120
情景化下的移动设计 - 傅小贞
Ding
January 16, 2017
Tweet
Share
More Decks by Ding
See All by Ding
A big redesign of Rush - Tim Wu
dingyi
0
110
打造流畅的交互体验 - Qoli
dingyi
0
130
Other Decks in Design
See All in Design
アンエシカルデザインの枠組みの提案 -HCD-Netダークパターン研究会活動報告-
securecat
0
200
【MIXI MEETUP!ー TECH & DESIGN DAYー】【工数98%削減】Xでモンストを話題にせよ!生成AIの活用で日本トレンド6位を獲得した企画の設計&デザイン術
mixi_design
PRO
0
200
decksh object reference
ajstarks
2
1.5k
自分たちがターゲットになりにくい業務アプリケーションのユーザビリティを担保する取り組み / Initiatives to ensure the usability of business applications that are difficult for us to target
hiromitsuuuuu
1
1.3k
見過ごさない誠実さ_アクティブバイスタンダーとIntegrityが支えるアジャイル文化 / integrity-and-active-bystander
spring_aki
1
290
爆速開発でAIプロダクトが40万インプレッションになった話
tsubura
0
160
モビリティプラットフォームの未来を築くクラウド基盤
kossykinto
0
210
kintone Style Book
kintone
6
10k
アクセシビリティ推進を続けられるようにするヒント - Accessibility Conference CHIBA 2025
uto
0
180
Storyboard Exercise: Chase Sequence
lynteo
1
200
Treasure_Hunting
solmetts
0
240
越境するデザイン人材:デザイナーが社会資本となる世界へ
goodpatch
1
510
Featured
See All Featured
Navigating Weather and Climate Data
rabernat
0
110
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
kimpetersen
PRO
0
240
Measuring Dark Social's Impact On Conversion and Attribution
stephenakadiri
1
130
The Curse of the Amulet
leimatthew05
1
8.7k
16th Malabo Montpellier Forum Presentation
akademiya2063
PRO
0
53
Designing for humans not robots
tammielis
254
26k
Git: the NoSQL Database
bkeepers
PRO
432
66k
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
techseoconnect
PRO
0
89
Crafting Experiences
bethany
1
53
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
aleyda
1
1.1k
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
End of SEO as We Know It (SMX Advanced Version)
ipullrank
3
3.9k
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!