暗黑最高级别的装备:拿什么吸引你,我的用户?

来源:百度文库 编辑:偶看新闻 时间:2024/05/09 03:44:31
      时间:2011-10-20 01:08来源:BLUEFISH 作者:BLUEFISH  .Cmi828 { display:none; }

   一个人每天要获取多少信息?几百张网页?十多个app?上百条微博?地铁上匆匆一瞥的广告,家里看不了几分钟的电视?

yixieshi

  其中能引起关注的有多少?仔细阅读过的有多少?当大量的信息充斥短时间用户脑海的时候,用户啊,你又如何选择? yixieshi

yixieshi

  如果说网站的信息架构是用户如何找。视觉的信息架构就是用户如何看。人们每天很匆忙。在用户面对大量信息,很多时候用户对信息来不及仔细梳理,很难快速记忆。 yixieshi

  而一个好的视觉架构,可以减轻用户浏览负担,加快用户获取信息的速度,帮助用户加强对信息的记忆。 互联网的一些事

  这一次交互与视觉设计师又站在了同一条起跑线上,让用户如何看,怎么看,怎么构建视觉的信息架构。就是我们接下来要探讨的话题。 yixieshi

  在设计界面之前我们先来看看用户是如何使用网页的: yixieshi

  一、我们不是阅读,而是扫描 yixieshi

  二、我们不做最佳选择,而是满意即可 yixieshi

  三、我们不是追根究底,而是勉强应付 互联网的一些事

  很显然,我们用户非常没有耐心,从不寻找他看不到的东西。 互联网的一些事

  我们经常能听到产品经理抱怨,我的产品为什么的不到用户的关注,我拥有这么好的产品,这么详尽的说明,可是用户像葛朗台一样吝啬他的鼠标与视线。而视觉设计师会茫然的说,所有的信息都放在页面上了啊,也放在了页面最重要的位置了,用户看不到那是因为他不感兴趣。

互联网的一些事

  用户是真的不感兴趣么?不,当用户的眼睛在网页上疾驰而过的时候,他真的没有看见你想要让他看的信息。 yixieshi

  可问题出在哪儿呢?

yixieshi

  我们看下面一张图:告诉我你看到了什么?字都一样大小,都是一个颜色,一样的行距,一样的字体,如果给你一秒钟你能从里面找到关键兴趣点么? 互联网的一些事


  再看下面一张图:是不是发现,每段的字号差异,颜色差异,行距的差异,字体的差异?如果给你同样的时间,你是不是比上一张图得到的信息更多? 互联网的一些事


  在网页的信息架构中,信息在网页的位置决定了,这块信息在网页内容中的重要程度。 互联网的一些事

  而网页视觉架构中的视觉层级则是是否能吸引用户浏览的关键所在。 yixieshi

  重视了网页中整体位置而忽略了视觉架构中视觉层级,不仅会产生糟糕的视觉设计也会导致产品设计的失败。 yixieshi

  我们对比一下这两个商品列表 互联网的一些事

  一秒钟的时间你看到了什么? 互联网的一些事


  我们要读清楚上面的内容,就要适当的放慢阅读速度。寻找我们感兴趣的关键字与语句,因为虽然有颜色的区分(颜色用的也太多了造成视觉噪声),但很多内容看起来都跟其他内容一样重要。势必要增加阅读负担。

互联网的一些事

  而下面的内容,设计师体贴的把对我们来说比较重要的内容挑选了出来。在我们眼睛扫过的时候非常容易的获取到了关键信息。 互联网的一些事


  为用户设计在飞驰地铁上都能观看到内容。则应成为网站设计和移动应用重要的设计原则

yixieshi

  所以不论设计什么网站,让用户快速关注页面信息都是这个网站的成功所在。所产生良好的交互也基于此。 yixieshi