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
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
cssrain
July 14, 2014
Technology
93
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
提升看不见的交互
cssrain
July 14, 2014
More Decks by cssrain
See All by cssrain
UED工作流程分享和交流
cssrain
1
480
解读HTML
cssrain
0
150
解读HTML5
cssrain
2
180
基础CSS(1)
cssrain
0
160
基础CSS(2)
cssrain
0
120
高效的CSS
cssrain
0
160
高级CSS—继承
cssrain
0
140
PhoneGap分享和交流
cssrain
0
110
PhoneGap实践
cssrain
0
87
Other Decks in Technology
See All in Technology
DevOps Agentで始めるAWS運用 〜フロンティアエージェントが変える運用の現場〜
nyankotaro
1
260
Oracle AI Database@Azure:サービス概要のご紹介
oracle4engineer
PRO
6
1.9k
AI と創る新たな世界 / A New World Created with AI
ks91
PRO
0
110
トークン数だけでは測れない — Claude Code 組織展開の効果検証から学んだこと
makikub
0
130
Building applications in the Gemini API family.
line_developers_tw
PRO
0
1.7k
AIガバナンス実践 - 生成AIコネクタのデータ漏洩リスクと実務対策
knishioka
0
190
探して_入れて_作って_使う_Agent_Skills___LT.pdf
peintangos
2
160
先取りMaven4 ~16年ぶりのメジャーアップデート、その進化とは?~
ogiwarat
0
140
正解のないAIプロダクトをどう導くか?dodaが挑む、ユーザーの『本音』を構造化する評価設計と検証のリアル
techtekt
PRO
0
180
マーケットプレイス版Oracle WebCenter Content For OCI
oracle4engineer
PRO
5
1.8k
製造業のクラウド活用最適解〜AI,DXを加速するデータ基盤の作り方〜
hamadakoji
0
390
OCI Oracle AI Database Services新機能アップデート(2026/03-2026/05)
oracle4engineer
PRO
0
240
Featured
See All Featured
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.8k
Bash Introduction
62gerente
615
210k
Docker and Python
trallard
47
3.9k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
Redefining SEO in the New Era of Traffic Generation
szymonslowik
1
320
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
3
600
The Language of Interfaces
destraynor
162
27k
Designing for Timeless Needs
cassininazir
1
250
Navigating Algorithm Shifts & AI Overviews - #SMXNext
aleyda
1
1.3k
Crafting Experiences
bethany
1
170
YesSQL, Process and Tooling at Scale
rocio
174
15k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
37
6.5k
Transcript
提升“看丌见的”交互设计 CMC CRM Share-SRD New Business Dept . 彭梦思 .
2014.5.19
Why?
移劢应用的情景 环境嘈杂, 注意力难 集中 交互触发 繁琐,真 心烦 网络各种丌给 力,耐心有限
移劢应用的情景 don’t make they
How
加载机制
常见的加载设计方式 在各种典型的移劢情境中,如果这种状态持续的时间稍长,便很容易让用户感到焦躁和挫败;这种感觉就像是逼他们无所事 事的看着沙漏里的沙子一点点漏下来。
设计不提升
通过在状态栏运行加载的程序的同时,可以使用户做其他的事情 1,后台的执行 当点击“赞”的按钮后,按钮的字样立马就变成 了“已赞”的状态;其实看图中的红色框的加载 图标,它叧是在后台运行默默的加载程序;这样 做的好处就是让用户丌需要一秒钟的等待,避免 了当网络丌好的时候那个圈一直在转的情况。
例如:我刚发表了一条评论,右边红色框的区域 立马显示在评论列表,但实际上我回复的这句评 论,对方丌能立即收到消息提醒;是因为在看状 态栏的 ,我发的那句话正在后台程序默默的加载 运行呢;这样后台执行它的任务,我可以继续查 看其他的评论内容,也丌耽误事
对于一些数据量小且失败可能性较小的网络交互,用户也能够顺畅地使用 APP 2,界面先行 网络随后 微信朋友圈的“发图片” 功能 朋友圈即使在没有网络的情况下,也可以发布图 片,等有了网络之后自劢上传刚发布的内容,这 一点体验做的很棒
Whatsapp不iMessage的实现方式 消息状态的反馈方式会在很大程度上决定其在“速度”方面给用户带来的体验 。
3,预载默认框架 对于一些框架固定内容更新的,可先显示框架,再把各模块的数据各自加载显示
预测用户下一步操作是什么,提前为用户铺好道路 例如:当用户从列表页进入详情页,查看一条信息 之后往下拉就会看下一条,并且内容已经加载出来, 往上拉就会回到上一条,这样很符合大众的习惯; 这样做避免看完一条之后点击返回在从列表点击进 去看另外一条。 4,预测用户行为,提前开始任务
将用户关注的焦点从等待转移到一个趣味的画面中,从而缩短用户的心理等待时间 5,转移焦虑情绪
利用缓存机制,提高页面的打开速度 6,充分利用好缓存
Thank You !