您的位置:首页 -> seo学院 > 建站知识 >

建站知识

网站建设动态效果应遵循的几个交互性原则

时间:2016-12-29 22:53:51

没有用户请求就不会产生交互。

 
当你关闭一个标签时,它就会从屏幕上消失:简单地说,这给了用户一个即时的反馈动作(这个视觉效果对我们来说非常重要)。深入地说,动作让人类感受到了现实生活中的行为。动画让界面变得鲜活,带给用户真实的响应感觉。
 
过去,在网站上增加动画效果是奢侈的,而且大部分是针对基于Flash的网站。但是现在几乎每一个网站都在使用CSS/Javascript/HTML5的动画功能,小到简单的滑动模块,大到更复杂的“视觉滚动差”效果。
 
这不是一件坏事——除了看起来漂亮和取悦用户以外,动画也解决了很多界面上的实际性问题。就像我们曾在《 Interaction Design Best Practices》中提到的那样,动画起了一个“传播者”的作用,比起文字描述和图片,动画能使内容表达得更彻底且简洁。
 
下文,我们将探讨如何处理长时间加载等待及自然转场过渡,有哪些策略可以采用,及交互设计中可遵循的准则。
 
在用户等待过程中分散他们注意力
 
“人心不足蛇吞象”,内容的臃肿导致加载时间过长,这在技术层面无法解决。某些产品深受其害(如视频游戏、重度数据网站),但对于大多数数字产品来说又是不可避免的。
 
我们没办法缩短加载时间,但是我们可以让等待的过程更愉悦。加载时间动画(一种静态动画)就派上用场了。
 
 
虽然动画不能完美的解决这个问题,毫无疑问,它缓解了这个问题。
 
加载时间,它的关键是创建一个动画来替代原有的简单的加载进度条。最理想的情况是,动画加载过程中,通过动画向用户展现你产品的技术含量,给用户一个好的印象。就算是最差的情况,用户至少能在他们等待的过程中看一些有趣的东西,这就提高了整个用户体验!
 
事实上,与用户之间建立情感联系的应用和网站,更容易获得用户的宽容。好比一个优秀的404错误页面设计可以减少用户访问失败的挫折感,一个有趣的加载页面可产生更多情感价值而不是白白浪费掉等待时间。
 
口说无凭,让我们一起来看看数字创意机构Dunckelfeld的例子。当你第一次进入他们的网站时,你会看到下图所展示的一个有个性且有趣的加载动画。
 

上一篇:关于网页设计文字排版的几点要求
下一篇:东莞网站优化:网页劫持是什么?