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

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

iOS

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

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

细节描述

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

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

发评论!每天赢奖品

点击 登录 后,在评论区留言,系统会随机派送奖品

2012年成立至今,是国内备受欢迎的设计师平台,提供奖品赞助 联系我们

本期奖品

发表评论 已发布1

{{ moreBtnTxt }}

你可能还爱看

安全验证设计也会卖萌的「百度网盘」
百度网盘

设计彩蛋安全验证设计也会卖萌的「百度网盘」

猎人 - AmberDu小白10.0

为了保障用户账号的安全,登录账号或当账号异常时产品通常会启动需要用户手动操作进行的安全验证。「百度网盘」的安全验证使用了常规的右滑按钮完成,但加入了有趣的颜文字表情变化动效来...

查看详情

#即时反馈#安全性#情感化设计

iOS 17 会监测屏幕距离提醒保护视力?
iOS

好功能iOS 17 会监测屏幕距离提醒保护视力?

猎人 - 龙爪槐守望者9.4

「iOS 17 系统」可利用「 Face ID 」监测眼睛与屏幕的距离,在距离过近时进行提醒,保护用户视力。最开始苹果发布「 Face ID 」时我就很纳闷为什么为了人脸识别...

查看详情

#Apple#Face ID#iOS 17

如何设计视频banner让形式服务内容?
应用宝

信息呈现如何设计视频banner让形式服务内容?

猎人 - Monster8.3

「应用宝」将重点推荐的游戏Banner以视频的方式呈现,可以直观、生动的吸引用户。与此同时,动态的方式能更加生动地展示游戏的玩法、画风等特点,从而帮助用户轻松理解和熟悉这款游戏。

查看详情

#banner#信息呈现#应用宝