?

全国统一服务热线:18021770366

站内公告:

辽宁11选5开户主要提供广告设计制作安装服务以及网站制作,是一家经验丰富的广告设计制作公司,拥有十几年广告设计制作经验!

联系辽宁11选5开户CONTACT

地址:翔宇大道1009号
热线:0517-8588 1663
Q Q:34665706
邮箱:34665706@

18021770366

辽宁11选5开户中心

当前位置: > 辽宁11选5开户中心 >

提供体验设计之制作移动端中的微交互

2020-01-15 点击量:

著名魔术师达里尔·菲茨基(Dariel Fitzkee)曾经说过,辽宁11选5开户广告,“魔术既要有细节也要有表演。”交互设计就是这样。设计师们想把页面布局作好,如果细节处理不好,解决方案便会失败。魔术就在于细节。这就是为什么精心设计的微交互会让体验大幅度提升。

显示系统状态

JakobNielsen的第一个启发式用户界面设计声明:“系统应该始终在合理的时间内做出适当的反馈让用户了解正在发生的事情。”这意味着用户界面应该通过提供反馈让用户及时了解正在发生的事情。应用程序不应该让用户猜测——它应该告诉用户发生了什么,微交互可以通过适当的视觉反馈帮助用户理解。

数据上传和下载过程是应用微交互动画的绝佳机会。

提供体验设计之移动端中的微交互

数据下载动画 (Image: Nick Buturishvili)

另一个动画是“下拉刷新”,它在移动设备上表示内容更新过程。一个令人愉快的刷新动画可以让用户咯咯地笑。

提供体验设计之移动端中的微交互

下拉刷新(图片:Toma Reznichenko)

重点:动画提供应用程序进程状态的实时通知,使用户能够快速了解正在发生的事情。

使按钮和操作可感知

用户界面元素,如按钮和控件,即使它们位于一层玻璃的后面,也应该是可感知的。按钮可以模仿常见物理对象的交互。简单的说,你可以通过对用户输入的视觉响应来增加清晰度。

提供体验设计之移动端中的微交互

(图片来源:谷歌)

重点:视觉反馈之所以起作用,是因为它能满足用户对确认的自然需求。点击一个应用程序感觉很好,因为你知道发生了什么。

创建有意义的过度

你可以在导航之间平滑的动画向用户传递信息,辽宁11选5开户广告,解释屏幕上元素排列的变化或强化元素的层次结构。

图标可以从一种形状变成列外一种形状,在不同的时间提供双重功能。

提供体验设计之移动端中的微交互

(图片来源:谷歌)

动效设计可以有效的引导用户的注意力,既可以提供信息,也可以给用户带来快乐。这对移动设备和智能手表帮助非常大,因为在这些屏幕上无法输入大量的信息。

Apple的ios UI 的转场就是一个很棒的例子。在下面的示例中,用户选择文件夹或应用程序并放大到其详细视图(或直接到应用程序的主屏幕),

提供体验设计之移动端中的微交互

(图片来源:Rian Van Der Merwe)

另一个很好的例子是通过颜色和持久元素在两个状态之间创建视觉连接的动画。这使得过渡平稳而轻松。

提供体验设计之移动端中的微交互

重点:微交互能够在页面之间建立可视连接,并增加UI的清晰度。

帮助用户开始使用

微交互在用户入门期间是非常有用的。入门流程中完美的用户体验和动画会对首次使用该应用程序的用户产生巨大影响。他们通过突出显示最重要的功能和控件,在应用程序启动后指导和教育用户。

提供体验设计之移动端中的微交互

图片:Ramotion

重点:微交互可以展示信息并帮助用户有效地实现目标。

突出显示UI界面中的变化

微交互能够引起用户的注意。在很多情况下,动画用于吸引他们注意重要的细节(例如消息通知)。但是,请确保动画具有功能性,适用你的用户。

提供体验设计之移动端中的微交互

通知(图片来源:Arjun Kani)

重点:微交互可以为用户提供良好的视觉提示。

添加令人愉快的细节

?