成都网页设计之交互效果

也许是主观以为炫动的页面，可以让网站直观感觉很棒。很多网站前端交互人员，总喜欢把交互效果制作的很复杂，其实从用户感受体验而言，或许并非选择。内容是一个网站的核心，但是密密麻麻的文字内容用户不怎么愿意阅读，美术设计的目的，就是为了让用户在赏心悦目的同时理解网站内容。那么交互效果呢?交互效果的目的，一方面是让网站页面更生动，另一方面是为了让重点内容更突出。试想一下就知道，通篇的静态页面下，只有重点内容和重点元素是动的，自然可以给用留下深刻印象。但是如果网站的整个页面到处都在变色、都在动，反而让网站内容无法重点突出，给人眼花缭乱的感觉。

二、页面交互配合营销转化

好的人机交互，总能恰到好处的给用户带来赏心悦目的感受，越是让网站页面用户体验加分的有效做法。同样的，网站本身的价值需要通过用户浏览转化，一个网站上重点内容重点突出通过交互效果，一样可以呈现的非常精彩。比如页面上的在线客服图标，可以做成gif动画格式，也可以通过JavaScript代码让其更加生动活泼。一些网站的产品介绍中的产品爆炸图，充分运用html5技术，在普及产品知识的同时也给用户留下了深刻印象。单纯的网站页面人机交互没有实际意义，而配合网站及公司的营销需求，将需要传递给用户的元素重点突出，网站的价值才能得到发挥。当然，营销需要把握尺度，那种类似频繁弹出咨询窗口的骚扰用户行为，虽然也属于人机交互范畴，但是还是少用或者不用为好。

三、优化程序提高加载速度

基于B/S技术的网站，其一定是需要预先加载到客户端计算机才能运行的。无疑的，网站页面上的每一个效果，其都需要通过代码通过客户端浏览器解释后才能执行。越是复杂的人机交互效果，其越是需要很多行代码配合实现。代码的解释执行，是需要消耗时间和服务器资源的，与此对应的是人机交互效果复杂的网站，其加载速度和消耗的计算资源就越多，反应给用户的感受就是网站打开慢运行慢。而网站慢，显然与用户体验的追求是违背的。一方面要通过合并JavaScript代码、CSS样式代码等形式避免资源加载堵塞。另一方面，也要控制好图片及素材大小，并尽可能的让网站代码足够简洁。当然，正如本文一点所强调的，避免网站页面交互效果的过度使用，也是提高网站加载速度的有效方式。