用户体验怎样通过用户熟悉的物理意象来展现抽象的交互行为?

产品: iOS猎人: AmberDu小白作者: Apple 设计团队观众: 4.8k人 时间: 2018-07-20

iOS

与「iOS」有关的细节还有 165查看全部

我也有新发现 我要投稿
怎样通过用户熟悉的物理意象来展现抽象的交互行为?怎样通过用户熟悉的物理意象来展现抽象的交互行为?

细节描述

AmberDu小白: iPhone调节到「飞行模式」的时候,会有飞机小图标从顶部状态栏的左侧飞入;当关闭手机的飞行模式时,小飞机图标会向屏幕右侧飞走直至消失。此外,当手机调节到「勿扰模式」时页面顶栏会看到月蚀动画,取消月蚀图标则会渐渐消失。这些小动效都使用了用户熟悉的物理意象来展现抽象的交互行为,通过情感化设计将手机模式状态的改变呈现出来,给予用户清晰易懂的操作反馈。降低了用户的理解成本与记忆成本,也增加了与产品互动的趣味性。

1023人评分
收藏 6
分享细节海报

发表评论 为下方 1 条评论点赞,解锁好运彩蛋

{{ moreBtnTxt }}

你可能还爱看

bilibili名字的由来以及为什么用户等级最高为6级呢?
Bilibili

产品冷知识bilibili名字的由来以及为什么用户等级最高为6级呢?

猎人 - AmberDu小白8.6

「bilibili」一词源于动漫《魔法禁书目录》的番外篇《科学的超电磁炮》中的女主御坂美琴,她拥有操控十亿伏特高压电流和电磁波的技能,技能输出时会带有「bilibili」的仿...

查看详情

#Bilibili#产品冷知识#情怀

会「呼吸」的指示灯
iOS

设计彩蛋会「呼吸」的指示灯

猎人 - AmberDu小白9.0

Mac在进入睡眠状态时,会亮起舒缓的睡眠指示灯。与其他电子产品的指示灯不同的是,当Mac进入睡眠模式,指示灯会模仿呼吸的节奏闪烁。在2002年苹果甚至获得了「呼吸状态LED指...

查看详情

#Apple#人体工学#人性化

星巴克是如何通过布局和动效设计推荐产品的?
星巴克

视觉星巴克是如何通过布局和动效设计推荐产品的?

猎人 - Monster7.3

「星巴克」App的广告位会利用卡片布局和视觉动效来推荐新品咖啡饮料。虽然整体设计新颖度是不是特别出彩,但广告位采用破局(突出卡片布局)使产品看上去高端和吸引人的,比如使用叶子...

查看详情

#banner#动效#卡片