详解网站设计趣味性:吸引用户 增强网站黏性

来源:网络 责任编辑:栏目编辑 发表时间:2013-07-01 08:05 点击:

  作为一个Web设计师和开发者,我们所设计的每个项目都有特定的目标与需求。但同时也有一个共同的目标,即要给用户留下深刻的印象,让他们难以忘记。富有趣味性的体验,往往可以给人带来愉悦的感受,而愉悦的感受往往让人难以忘怀。所以要想设计出让人印象深刻的网站,增添一些趣味性元素便是设计方法之一。

  Jeremy Girard在Smashing Magazine上发表了《A Fun Approach To Creating More Successful Websites》一文,其中例举了一系列成功网站,它们巧妙利用趣味性元素,取得了很大的成功——打动了用户的心,并给用户留下了深刻的印象。CSDN对该文进行了编译,内容如下:

  从The Fun Theory网站谈起

  前段时间,我收到The Fun Theory网站的链接(它是大众汽车投资的项目)。该网站以某个大赛为主要内容,鼓励用户重新设计或思考他们在日常生活中遇到的事情——同时要向其中增加一些趣味性。设计的作品要足够有趣,吸引更多的人方便地使用它们。

  在该网上发布的众多视频中,我最喜欢一个名称为“Piano Staircase”的视频。在这个视频中,设计对象是地铁里的一段楼梯。在该楼梯旁边有一个电梯,正如我们预想的那样,平时大部分的人在往返的过程中都会使用电梯,而不会光顾楼梯。

  

详解网站设计趣味性:吸引用户 增强网站黏性

 

  The Fun Theory网站

  某天晚上,该地铁站点关毕后,这段电梯变成了一个巨大的钢琴琴键,人踩上去还会伴有音乐声。第二天,当行人再次经过该站点时,他们被这个巨大的钢琴楼梯吸引了,很多人优先选择尝试这个“钢琴”,而放弃了使用电梯。事实上,自楼梯被重新设计以后,其增加了66%以上的使用者——这是一个令人惊讶的增长值啊。

  为我们的网站也增添一些乐趣

  看了该视频之后,我首先想到的是,作为Web设计专业人员,我们如何利用上面成功案例的经验,为我们的作品增加一些乐趣呢。

  通过增加趣味性,来营造一种愉悦的用户体验,用户不仅会乐于使用、印象深刻,同时他还会把这个体验分享给其他的人。

  首先,对趣味性进行定义

  为网站增加趣味性,并不是建议把客户的网站做成一个马戏团(当然,除非你的客户就是一个马戏团)。而仅仅是建议在设计的元素及交互过程中,增加一些趣味性,以帮助网站可以在相当长的时间内中,为用户提供一种愉悦的体验,从整体上更容易让人记住。

  “趣味”并不代表“幼稚”。你为产品增加一些愉悦的用户体验,但不应该让你的客户看起来很幼稚、很不专业。

  下面可以看一些成功的Web网站,看看他们是如何利用“趣味性”为用户创造一种愉悦、难忘的体验 。

  提高单个常规页面的趣味性

  几乎所有的网站都由很多网页组成。选择一个特定的网页或体验(比如“关于我们”、“联系我们”等页面),让它更有趣,并给用户留下深刻的印象,这个普通页就会从该网站脱颖而出。

  拿上文提到的“关于我们”页面为例。Mutant Labs是一个英国设计与开发公司。该公司网站上的“About US”页面,不仅有趣,还加入了一些个性化的元素。只要把鼠标移动到团队成员上,对应的成员就会跳出来做一个“招牌”动作。这使原本枯燥的公司简介变得十分有趣了。

  

详解网站设计趣味性:吸引用户 增强网站黏性

 

  Mutant Labs的“About US”页面

  那对于“联系我们”页面呢?English Workshop是一个提供英语语言学习机会的组织机构。该网站将提交反馈信息的页面设计成了机器的控制面板样式,以试图它可以更好的贴合“工作坊”的主题。

  

详解网站设计趣味性:吸引用户 增强网站黏性

 

  English Workshop的“联系我们”页面

  寻找一些方法,为网站中有希望提供特殊体验的普通页面增添一些趣味性,这样就会给网站的访问者带来难忘的、独一无二的印象。

  为“404 error”页面增添趣味性

  对于大部分页面,另一个特殊页面是“404 error”页面。在该页面添加一些新的、个性化的

    相关新闻>>

      发表评论
      请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
      用户名: 验证码:点击我更换图片
      最新评论 更多>>

      推荐热点

      • WordPress添加百度喜欢按钮小技巧
      • Wordpress 博客如何实现自定义Gravatar头像
      • 网站设计分析:建立良好的视觉层级
      • 网站设计分析:“中国式设计”的三个方向
      • 案例分析:奥巴马筹款网站的制作过程
      • 创建不平衡的平衡:在网页设计中使用不对称设计
      • 7大主流B2C首页导航栏设计对比分析
      • Wordpress页面模板制作方法及使用
      • css控制文字前的小图标
      网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
      Copyright © 2008-2015 计算机技术学习交流网. 版权所有

      豫ICP备11007008号-1