十载风雨路 · 匠心铸精品

量身定制 追求完美

用户体验之视觉焦点的处理方式

 发布日期:2011-06-23 12:00:00 浏览:7712次
        用户体验之视觉焦点的处理方式

  人们用视觉获取环境中的信息,对你注意的周围都会是模糊的,你视线集中的中心点是最清晰的。

  第一张,视觉上呈现这样的状态是:视线上没有集中,整体模糊,是成方形的视觉框架。

  第二张和第三张,图中的两朵花在图形中是最漂亮的亮点,漂亮的东西会引人注意,你会注意到上一朵或则下一朵,注意任何一朵花的时候,眼球集中点会以圆的形状向外逐渐模糊,最中心点就是焦点。

  圆形作为设计中的元素的时候,自然更加的适应视觉上的感知。

  视觉强弱

  美女其实可以独立成为一个视觉焦点,但当我们给美女加了圆形边框后,视觉焦点就转移到圆形边框包括到的美女上,最后将圆形填充,视觉焦点就转移到填充色的圆形的美女上。

  几何的对比

  上图中我们可以看到,方形过度到圆形的变化,圆形是由极其细小的边角组成,在变化当中图形变得越来越有乐趣,比较下来圆形在几何图形中具有平滑流畅的边缘,圆形更让人感觉轻松,愉悦。设计需要增加乐趣的时候,我们可以多运用流畅线条的图形来让页面活跃起来。

  实例效果进行比较(圆型设计)

  在这个页面上圆形挑起了大梁,支撑整个页面,人物笑脸图片组合的圆形包围着瓶子,映射了这个饮料带给我们的快乐。圆形不仅加强了焦点,更加强了页面的层次感,让页面不会单薄、无力度。

  实例效果进行比较(方型设计)

  虽然同样用加框的形式来集中物体焦点,同圆形边框相比整体画面呆板,僵硬,缺失了活跃的感觉。

  圆形在广告位中的设计

  圆形对价格的标注,让用户对这诱惑的价格更加的感兴趣,很好的营造了商品的气氛。

  圆形元素和其它几何图形比较

  圆形具有圆滑的特点,让人感觉轻松,愉悦,合理的运用会提高页面的层次,让焦点更加突出,增强视觉感的同时也能够营造活跃的氛围。我们都在不断尝试如何让页面变的美观而生动,创造富有活力的页面,让网站给人的视觉感受富有好感,把握好设计中的焦点,使页面信息有效传达的前提下,运用有趣的圆形来设计页面是设计中很有效的方法。

  产品经理和交互设计师在页面设计中的应用

  罗里罗嗦谈了这么多,那么我们产品经理及交互设计师在原型图中如何来设计更好满足用户体验呢?

  在做新产品原型时,需要考虑设计风格问题:符合目标客户的审美习惯,并具有一定的引导性。

  网站在设计之前,必须明确目标客户群体,并针对目标客户的审美喜好,进行分析,从而确定网站的总体设计风格。

  在页面布局方面要重点突出,主次分明,图文并茂。与你负责产品线目标相结合,将目标客户最感兴趣的,最重要的信息放置在焦点位置。你在和你的下一工序(有的公司是美工、有的公司是用户体验师、有的是交互设计师)时,需要将你的执导思想告诉给他们,不然他们不了解的话,会让你的产品偏差非常大,以至在产品开发之处你对产品的把握就已经失去了方向。

  1.对比图像,文字更具吸引力

  在浏览一个网站的时候,能够直接吸引用户目光的并不是图像。调查发现:大多数通过偶然点击进入网站的用户,他们是来寻觅的是信息而不是图像。因此,保证网站设计凸现出最重要的信息板块,这才是设计的首要原则。

  2.根据视觉锁定,一栏格式比多栏格式拥有更好的表现力

  大多数情况下,简洁更具力量。多栏内容容易被用户忽视,我们需要消除这些干扰,在砍掉板块影响不大的情况下,尽量去掉这些冗余信息。例如资讯搜索列表页。

  3.简短的段落相对于长段落来说有更好的表现力

  网页信息是为大多数强调快速浏览的互联网用户提供的。除非上下文的衔接要求,保持信息由简短的段落和句式组成。例如网站的产品介绍。

  4.人们大都只浏览网页的小部分内容

  如果在用户浏览的时候提供信息使他们尽快锁定目标,就可以把这一点发展成为你的优势。突出某些部分使网页信息容易找到和阅读。

  5.用户浏览网页时,首先观察网页的左上部和上层部分,之后再往下阅读,浏览右边。

  以前研究表明:读者常忽视大部分的横幅广告,视线往往只停留几分之一秒。因此需创新广告位,合理配置网站广告形式。

  读者在阅读文章的时候并不是逐字逐句,而会习惯跳跃扫视,因此,关键信息高亮显示出来更易于读者把握重要信息。

  标题的设置要精炼,且要传达足够的信息量。这是读者决定是否阅读这篇文章的关键。另还可增加副标题作为补充,如果副标题仍不够吸引,基本上他们就不会感兴趣去点击了,也就会出现了产品经理最不希望看到的信息——跳出率(Bounce Rate)。

  6.网站结构及页面设计微应用

  (1)页面导航方面:导航条清晰明了、突出,层级分明。

  (2)图片展示方面:比例协调、不变形,图片清晰。图片排列既不过于密集,也不会过于疏远。

  (3)图标使用方面:简洁、明了、易懂、准确,与页面整体风格统一。

  (4)广告位设计方面:避免干扰视线,广告图片符合整体风格,避免喧宾夺主。

  (5)按钮设置方面:对于交互性的按钮必须清晰突出,以确保用户可以清楚地点击。

  (6)站内搜索方面:搜索提交后,显示清晰列表,并对该搜索结果中的相关字符以不同颜色加以区分。

  (7)栏目命名方面:与栏目内容准确相关,简洁清晰,不宜过于深奥。

  其实对一个网站做一次用户体验分析是很细很累的活,但是意义却很大,尤其对年销售额上千万级的电子商务网站而言,用户体验做好了,转化率能增加千分之一那就能促进数百上千万的销售额,必须引起足够重视。

   事实上,互联网用户浏览网页的习惯和顾客浏览商店中物品的习惯没有多大差别。用户打开一个新的页面,扫视一些文字,并点击第一个引起他兴趣的链接。在这过程中,页面上有大量的区域用户甚至完全没有看过。大部分用户在页面上寻找他感兴趣且可点击的内容,一旦发现目标,点击行为就会发生,但如果页面不符合期望,后退或关闭按钮也将马上被点击。

  1.大部分时候用户并非在阅读屏幕上的内容,而是在扫视。

  用户习惯扫视和快速寻找页面上一些能够引导他理解内容的关键点。

  2.不要考验用户的耐心

  当一个页面不能满足用户的期望时,离开就在所难免。希望通过添加相关内容来丰富页面和留住用户往往效果不佳甚至适得其反。一屏页面上承载的信息越多,认知的负担就会越重,就需要花费更多的时间去处理信息,如果这些信息中还有些不是用户期望的,那就还要花额外的精力将这些多于信息从注意力中剥离。Jakbo Nielsen的研究结论也表明:一个页面上的认识负担越重,导航和浏览就会越困难,用户离开并寻找其他替代品的可能性就越大。

  3. 用户并不做最佳选择

  用户并不是在搜寻找到最佳选项的最快途径,他们也并非用线性的方式来阅读屏幕上的内容(有顺序地从一个模块到另一个模块)。当用户找到第一个合理的选项,或者一旦找到了可能的目标内容,“立即点击”或“开始阅读”的可能性会非常大。其实,用户是在寻找能让他们觉得有用或者合适的内容,而非寻找最佳的选择,理由也很直观:我们不是用户的孩子,他不会关心我们的一切,他只是希望获取他想要的信息,然后走人。

——佳速网络技术团队为您服务!

       佳速网络 服务全国 !  上海网站建设  首选品牌!( )转载请注明来路。

相关新闻

CopyRight 2004-2018 JSOON NETWORK , Inc. All Rights Reserved 成为国内更有价值的网络营销服务商-佳速网络   服务热线:021-58361813   沪ICP备09051443号-4   网站地图
上海佳速公司提供抖音代运营、网站建设制作、微信小程序开发服务

021-58361813