网站和APP中的动效设计让网站更有趣

7
发表时间:2020-06-05 17:08作者:郑州做网站白杨网络

动效是嵌入app的一种“功能”,能够强化设计感,并且有很强的目的性。动效能吸引更多的用户的同时,还能从趋同的产品中异军突起,可是繁杂的叠加也会降低用户的好感度,那要如何才能设计出真正让用户喜欢的动效呢?


startup-photos (1).jpg


人类是受视觉驱使的动物,眼球的生理构造让人更易注意和追逐“移动的事物”。正因此,动效被越来越多的设计师采用,成为提升用户体验的“秘诀”。


有了动效,产品在吸引更多用户流量的同时,还能从趋同的产品中异军突起,造就品牌差异化。


然而,动效不是万能的,繁杂的叠加反而会降低用户好感度。好的动效是有意义的、有功能性的,这取决于恰当的时机和位置。


怎样才能设计真正的精品?


一起来学习吧!


一、什么是动效?


动效是嵌入app的一种“功能”,能够强化设计感,并且有很强的目的性:


降低认知负荷;

防止用户“走失”;

更好的空间关系认知。

以用户为中心的设计理念:用户是焦点,站在用户的角度添加简洁、必要的动效,从而帮助界面更直观、更人性化、更具响应性。


二、动效有什么作用?


优秀的动效不仅是视觉上的惊喜,还具有多重功效。


1. 为虚拟操作带来“实体感官”


界面控件是不可触碰的“无形”的存在,但是可以通过动效线索让用户感受到“有形”,仿佛与实体按键交互。当需要表示交互的结果时,动效是一种快速且简单的方式。


2. 系统状态的“人性化呈现“


系统状态的可视性是尼尔森十大可用性原则之一,用户有权力知道系统当前的状态。


如何让漫长的等待不那么煎熬?


设计师通过动效告知用户系统正在处理中,让用户可感知处理速度,从而带来正面反馈,上传和下载就是运用此类动效的经典示例。


3. 潜移默化的“视觉暗示”


用户面对一些非常态的交互(例如手势类的交互)是手足无措的,通过动效可以引导用户完成操作,提高产品可用性。


4. 逻辑清晰的“层级转换”


任何产品都有其逻辑架构和逻辑层级,当逻辑比较宽、层级比较深的时候,通过动效可以让用户在使用过程当中知道自己处于哪一个层级,页面之间是什么层级关系。


5. 与众不同的“品牌价值”


在同类产品都趋同的现状下,通过动效可以凸显品牌价值,利用动效高吸引力的优势,在宣传品牌的同时,让用户记忆深刻,同时也是产品差异化的一种方式。


最后的最后,偃师网站设计公司白杨网络想要说几句:动效是设计中的“锦上添花”,而非画蛇添足,不要为动效而动效。花哨而不实用的设计会让用户产生歧义,进而阻碍用户行为。


当设计动效时,牢记一句话:


“动效永远是有意义的,而不是炫技”


反复的迭代和用户测试可以确保动效的合理性,只有出现在恰当的时机和位置的动效,才能给用户带来完美的体验!


友情链接:百度 网站地图 郑州网站建设公司 郑州做网站公司
公司地址:河南省灵宝市解放南路长安公寓701室  张经理:15936889988
公司固话:0398-2652651 Email:[email protected]
公司主营业务:网站建设-微商城制作-小程序制作-网络营销推广