网站的建立是为了执行功能,并与其用户进行通信。但是除此之外,网站还可以吸引人,激动人心,甚至使用起来很有趣。
无论是通过版式,图形还是摄影,为网站增加视觉吸引力都有助于维持我们对网站的参与度。但是我相信,交互元素也有可能提供视觉刺激和反馈,甚至使用户满意。在本文中,我将争辩说,为用户带来有趣,惊喜和兴奋的效果可以使您的网站和应用程序更好,并使用户回头客。
喜
网站设计通常是一个枯燥的话题,充满了UX术语和Information Architecture用户旅程。但是,为什么在旅途中不应该有一些乐趣呢?为网站增添乐趣是使网站不仅更具人性而且使您的网站独一无二的好方法。
我将在这里缩小对“快乐”的定义,说这是不需要的功能的补充。
我的意思是,它不是站点功能的必要部分。但是,它可以对网站的感知和体验产生巨大影响。实际上,我想说的是,在设置网站色调时,如何处理用户界面中绝对不必要的元素与版式和其他视觉元素一样重要。
一次免费互动
在《 Cooper Journal》的 一篇文章中, 克里斯·诺塞尔( Chris Noessel)称“一次免费互动”是一种设计模式,“可以使软件更具人性化的感觉。”
其中一部分是人们认识到人类是烦躁不安的生物,经常倾向于重复一些小动作。传统上,我们会用笔和纸涂鸦或不断缩回笔。例如,我是老牌笔友。
人们经常将这种烦躁情绪带入网络浏览,经常上下滚动,选择文本位或重复操作。
“一次免费互动”模式通过创建可带来意想不到或令人愉快的结果的互动元素来满足人类这种天生的玩弄需求。需要一个例子吗?尝试将光标悬停在此页面顶部的Web Designer软件仓库“ W”徽标上。
正如Noessel所说,自由互动位于任务执行范围之外,而位于两者之间。但是它们可以有效地塑造我们对所使用网站的情感反应。
滚动效果
如前所述,最常见的“烦恼”之一是上下滚动,因此在滚动时增加视觉吸引力的站点通常很令人愉悦。
Image Mechanics 的Nizo摄影应用程序的一页页面提供了“ Knolled”相机组件,这些组件在您向下滚动时可以移动,向下滚动时可以移动。如果您像我一样,您将花费大量的时间来上下滚动,并使用华丽的界面。(不过,不要屏住呼吸等待应用程序发布。)

在滚动上使用视差效果也会增加愉悦感,从而产生深度错觉。我喜欢男孩子的网站,其滚动效果与网站的色调和视觉风格完美匹配。

令我惊讶的是,没有更多的网站具有水平滚动效果,因为侧面滚动是游戏设计中如此普遍的主题。但一个很好的例子是Nintendo Mario Kart 网站,该网站回顾了任天堂20年来游戏机的历史。

波兰网站Mashup会添加一些图形元素,这些元素会随着您的滚动而过渡,这是一种实现低保真速写本感觉的高科技方法。

滚动效果网站中的国王可能是Acko。在此,站点标题元素是一个动画3D涂鸦对象。它是带入下一个层次的动画徽标,即身临其境,互动,好玩。尽管游戏化是另外一个主题,但在UI上甚至有“解锁”的成就。

情感设计
为您的网站增添乐趣,有助于与用户建立情感联系。设计中情感的力量只是我们才刚刚开始理解,但它有助于解释为什么我们喜欢使用某些对象并与它们建立如此强大的联系。它适用于物理产品设计以及交互式设计。
我认为Apple产品受到如此高度重视的一个重要原因是,用户对它们产生了情感上的依恋,并且在Apple硬件和软件方面有很多令人高兴的例子。我知道很多人都非常喜欢iOS移动Safari上的“橡皮筋”滚动,以至于他们会无意识地上下滑动它。
好的,“很多人”是我的意思,但是史蒂夫·乔布斯(Steve Jobs)非常喜欢它,可以申请专利,它已成为Apple起诉三星的一部分。
亚伦·沃尔特(Aaron Walter)在他的《为情感而设计》一书中,探讨了成功的网站如何通过使用户充满个性来吸引用户的情感。添加使用户满意的元素是执行此操作的非常有效的方法。简而言之,我们更喜欢使我们满意的工具,因此对业务也有好处。
喜悦不是a头
增加喜悦并不意味着增加故意的效果。这些效果可帮助塑造网站的个性。他们不必好玩或古怪(尽管如果您想传达的个性就可以),但如果它更适合角色,那么他们就可以微妙和克制。看看pictet.com。我喜欢单击搜索链接时搜索栏淡入的方式-它阻止了搜索文本字段成为主要元素,直到您要求它成为。它微妙而优雅,非常适合该网站的风格-瑞士金融服务公司-。
有时效果是如此微妙,您甚至可能不会注意到它们。例如,您是否知道BBC iPlayer的音量控制达到11?这是对Spinal Tap的一个很好的点头。
不要过分
电商网站设计过多的意外交互会适得其反,从而造成视觉上的过度杀伤力。除非您试图创建一种类似于游戏的高运动环境,否则太多的视觉效果以及遍布各处的翻转,弹出窗口,whisbang和怪癖炸弹将严重降低对内容的任何有意义的参与。以LEDbow网站为例。从技术上讲,它很棒,但是我认为它不能有效地进行交流。发生了太多事情。