当前位置:首页 > 新闻关注 > 网页设计 > 界面动效,我们需要怎么三思而后行?

界面动效,我们需要怎么三思而后行?

发布时间:2017-01-02编辑:内蒙古航佳网络科技有限公司标签: 网站建设公司   网页设计  

明确价值:动效设计能解决什么问题?

设计的本质是解决问题,动效设计自然也不例外,当打算在界面中加入动效元素时,我们应该先明确清楚动效设计的价值所在,而不只是出于对「酷炫」或者「潮流」的盲目追求。对于网站建设来说,在网站建设的过程中,页面设计的每一个元素都需要做到恰到好处,不是因为“华丽”而存在,而是他的存在是必须的。从商业价值和体验价值两个角度,大概总结如下:


1. 商业价值

通过动效设计可以更好地吸引用户注意力,提升用户对内容的点击探索欲。比如说,当我们在业务上非常希望用户去触发某个互动入口时,除了在视觉上进行强调,也可以给这个互动入口在合适的时机加上合适的动画(比如从屏幕边缘飞入、旋转出现、发光闪烁等),使之更容易被用户注意到、产生可交互的认知,进而触发交互行为。案例:以下 App 里图片上标签的圆点有扩散动效,点击可以查看所有相关的聚合内容。

△ App名称:nice


通过动效设计可以提升用户使用时的舒适度,或者制造一些「小惊喜」让用户产生快感和满足感,使用户感到不那么枯燥,从而达到提升用户使用黏性,更好地留住用户的目的,甚至还可以吸引用户主动进行传播,扩大产品影响力。案例:下面这个 App 中,当完成一件任务的时候,会出现满屏彩纸片飞舞的动效,带给用户惊喜和成就感。

△ App名称:微习惯


通过动效设计可以辅助视觉元素更好地传达产品品牌味道,成为产品设计语言的重要构成之一,加强与竞品的差异化,强化用户对产品品牌的感知。案例:Google 的 Material Design。

具体到指标上,可以通过 UV 点击率、留存率、满意度、认知度、舆情反馈等来进行综合验证和衡量,评估动效设计是否达到了效果。


2. 体验价值

动效设计可以描述当前情境,更清晰地体现内容元素之间的逻辑和层级关系,帮助用户理解上下文、知道当前所在位置。

动效设计可以引导用户的操作浏览,给用户以明确的方向感,而不是对下一步该看什么、做什么感到不知所措。

动效设计可以促进用户的情感体验,缓解用户的焦虑情绪(比如等待期间)、制造惊喜等。

动效设计提供当前的状态反馈,加强用户对操作行为的感知,给用户以可控的感觉。

遵循原则:动效应该是自然、和谐、可用的。

内蒙古网络公司航佳网络网站建设行家为您讲述最新的网站运营、网站制作、网站优化、网站优化推广知识,有何疑问就赶紧咨询我们,销售电话:0471-2533852  18698468112  15947112866

相关新闻

销售电话:0471-2533852   18698468112   15947112866 投诉建议:14747103852
客 服QQ:303799553
微      信:gaowei1318
地      址:呼和浩特市金川开发区宽城小区#A6-4
网      址:www.nm9988.com    www.no12345.com www.航佳.com

内蒙古网络公司航佳网络专业服务 呼和浩特网站建设呼和浩特网络推广呼和浩特网页设计呼和浩特建网站呼和浩特做网站,做网站还是选择 呼和浩特网络公司呼市网络公司航佳网络。

关于我们  |  联系我们  |  网站地图  |  广告禁词检查
版权所有:内蒙古航佳网络科技有限公司  Copyright  www.nm9988.com  备案许可证号:蒙ICP备14002651号    蒙公网安备 15012102000128号