当前位置:首页 > WEB » 正文

欢迎来到欢哥sem的博客,在这里你可以学到网络营销方面的全部知识

从首因效应说起 谈谈Web界面的三种布局

 人参与  2017-06-19 11:28  分类 : WEB  点这评论  作者 :   来源 :

  社会心理学中有个概念:首因效应。解释为个体在社会认知过程中,通过“第一印象”最先输入的信息对客体以后的认知产生影响,即我们常说的,第一印象决定最终印象。在人和人的交往中,首因效应起到了重要作用,在用户与网站或者其它互联网产品的交互中,首因效应同样影响巨大。

  以Web端为例,对于初次浏览的网站,如果界面排列有序,颜色搭配得当,页面的重要、次要内容清晰可见,那么用户至少不会产生厌恶感,也有更大的意愿继续浏览,进而进行深入阅读、注册等操作;反之,如果整个页面混乱不堪,毫无重点,如同二手市场,那么用户第一反应就是这个网站有些low,顿时厌烦感爆棚,即使网站的内容质量再高,恐怕用户也不愿继续浏览,用户甚至不会关心网站的内容和信息,只想趁早离开。网站内容的优劣,PM们无法把控,但如果是因为界面布局和颜色搭配的问题,让用户没能留下来,那我们就要好好反思了。

  因此我们应该更好地利用首因效应,重视起能够给用户留下“第一印象”的界面布局,设计出符合用户使用和视觉习惯的界面,给用户提供尽可能无压力的、舒适的使用环境。

  Web界面布局就是指网页的整体结构分布。界面布局的目标是提高用户兴趣、方便用户阅读。过于花哨的页面可能会提高用户兴趣,但是也会影响用户浏览网站的视觉流,甚至成为用户使用产品的阻碍,因此要在视觉美观和页面内容中找到一个平衡点。按照分栏方式的不同,可以将网站的界面布局分为一栏式、两栏式和三栏式。

  一栏式布局

  Jesse James Garrett在《用户体验要素》中说,成功的界面设计时那些能让用户一眼就看到的“最重要的东西”的界面设计。一栏式布局显然是最容易让用户关注到重要东西的布局方式。

  一栏式布局,顾名思义,就是整个页面都为信息展示区,其优点和缺点都很突出。

  优点:

  结构简单,页面清楚,不会给用户过多的视觉压力,用户视觉流清晰;

  信息展示集中,页面的重点突出,用户能够迅速找到网页的重点内容。

  缺点:

  排版方式受到局限,页面可承载的信息量小。

  由于这种布局方式收到排版和信息量的限制,因此适用于信息量小、目的单一的网站,主要用于企业网站的首页、搜索引擎首页、表单填写页面。

  企业网站首页

  企业网站的目的是介绍、宣传企业产品与企业文化。一栏式首页通过大篇幅的图片、Flash或者宣传视频,能够迅速抓取用户眼球,吸引用户注意,更好地起到企业宣传的作用,比如宝马首页。

  一栏式布局应用在企业首页上时,要注意两点:

  需要利用大幅的精美图片或者视频等,造成强烈的视觉冲击力,给用户留下深刻印象,提升品牌效应,留住用户进一步浏览;

  由于一栏式可展示的信息量有限,所以应在首页添加导航或者重要链接的入口,引导用户深度浏览,起到入口和信息分流的作用。

  搜索引擎首页

  用户使用搜索引擎的需求明确且单一,只是搜索目标词的相关内容,因此搜索引擎首页要为用户提供便捷、迅速的入口,尽量减少非搜索相关因素对用户的影响。故常见的搜索引擎首页,在设计上以简单、清爽为主,没有大幅图片或者复杂设计,而且突出搜索框和按钮。如百度、Google首页以及一些网站的站内搜索页。

  表单填写页

  在表单页,用户的需求同样明确且单一,且用户需要尽快地填写完成表单,不让操作本身占据过多时间,因此表单填写页和搜索引擎页对设计的要求基本相同,以简单、整洁为主。下图为京东的注册页。

  这里要说一下知乎的网页设计,对于未登录用户,知乎的首页即为注册/登录页。这样设计的好处之一是引导用户注册,好处之二是首页显得清爽、专业。但是这样设计的同时,就意味着未登录用户无法以游客的身份浏览内容,给用户造成了一定的压力。然而换句话说,这样也对用户进行了筛选,提高了使用壁垒,便于营造社区气氛。所以这个首页和注册/登录合为一体的设计,有利有弊,值得借鉴与学习。

  首页即为注册/登录页的设计在一些存在用户准入门槛的网站中,较为常见,典型例子为pt类网站。

  两栏式布局

欢迎来到欢哥sem的博客,在这里你可以学到网络营销方面的全部知识

本文标签:[db:关键词]

<< 上一篇 下一篇 >>

  • 评论(
  • 赞助本站

赞助信息流优化运营,百度竞价托管,网站制作,网站优化一站式学习交流平台【欢哥sem】

相关文章

随机文章

标签列表

最近发表

天气预报

    热门文章 | 最新文章 | 随机文章

最新留言

首页 SEM 电信广告 SEO WEB 新媒体 站长资讯

Powered 信息流优化运营,百度竞价托管,网站制作,网站优化一站式学习交流平台【欢哥sem】 版权所有 京ICP1234567-2号