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

2020-12-20 10:11


 

 

  心理学中有一个定义:首因效应。表述为个人在社会发展认知过程中,根据 ;第一印象 ;最开始键入的信息对行为主体之后的认知能力造成危害,即大家常说的,第一印象决策最后印像。在人和人的相处中,首因效应具有了关键功效,在用户与网站或是其他互联网商品的互动中,首因效应一样危害极大。

  以Web端为例子,针对第一次访问的网站,假如页面排序井然有序,色彩搭配恰当,网页页面的关键、主次内容清楚可见,那麼用户最少不容易造成抵触情绪,也是有更高的意向再次访问,从而开展深层次阅读文章、申请注册等实际操作;相反,假如全部网页页面错乱不堪,没什么关键,好似二手市场,那麼用户第一反应就是这个网站一些low,猛然厌烦感爆满,即便 网站的内容品质再高,也许用户也不肯再次访问,用户乃至不容易关注网站的内容和信息,只为尽早离去。网站网页页面内容的好坏,PM们没法把控,但假如是由于页面布局和色彩搭配的难题,让用户没能留下,那大家就需要好好地思考了。

  因而大家应当能够更好地运用首因效应,高度重视起能够给用户留有 ;第一印象 ;的页面布局设计,设计出合乎用户应用和视觉效果习惯性的页面,给用户出示尽量无工作压力的、舒服的应用自然环境。

  Web页面布局是指网页的总体构造遍布。页面布局的总体目标是提升 用户兴趣爱好、便捷用户阅读文章。过度花里胡哨的网页页面很有可能会提升 用户兴趣爱好,可是也会危害用户访问网站的视觉效果流,乃至变成用户应用商品的阻拦,因而要在视觉效果美观大方和网页页面内容中寻找一个均衡点。依照分栏方法的不一样,能够将网站的页面布局分成一栏式、两栏式和三栏式。

  一栏式布局

  Jesse James Garrett在《用户访问体验要素》上说,取得成功的页面设计时这些能让用户一眼就见到的 ;最重要的物品 ;的页面设计。一栏式布局显而易见是最非常容易让用户关心到关键物品的布局具体方法。

  一栏式布局,说白了,便是全部网页页面都为信息展示厅,其优势与劣势都很突显。

  优势:

  构造简易,网页页面清晰,不容易给用户过多的视觉效果工作压力,用户视觉效果流清楚;

  信息展现集中化,网页页面的关键突显,用户可以快速寻找网页的关键内容。

  不太好的地区:

  排版设计具体方法遭受局限性,网页页面可承载的信息量小。无锡无锡网站建设是一个把软件开发需求转化成用手机软件网站表明的全过程,是指在互联网上,依据一定的标准,应用Dreamweaver、photoshop等专用工具制作的用以展现特殊内容的有关网页的结合。

  因为这类布局设计方法接到排版设计和信息量的限定,因而适用信息量小、目地单一的网站,关键用以公司网站的主页、百度搜索引擎主页、表格填好网页页面。无锡网站建设购买域名。.com(国际域名)和.cn(国内域名)为宜,自然也有许多 后缀名不一样的网站域名,例如.cc、.net。当然,用的数最多的便是大伙儿常常看到的.com了(网站域名的价钱一般的60元到一百元中间,各IDC商价格不一样)能够到域名服务商或是到IDC商代理商网站域名处申请办理,如万网域名、新网。

  公司网站主页

  公司网站的目地是详细介绍、宣传策划公司产品与公司文化。一栏式网站主页根据大篇幅的照片、Flash或是视频宣传片,可以快速爬取用户目光,吸引住用户留意,能够更好地具有公司宣传的作用,例如宝马五系主页。

  一栏式布局设计运用在公司网站主页处时,要留意二点:

  必须运用大幅度的漂亮图片或是视頻等,导致明显的视觉效果撞击力,给用户留有深刻的印象,提高品牌知名度,吸引用户进一步访问;

  因为一栏式可展现的信息量比较有限,因此 应在网站主页加上导航栏或是关键连接的通道,正确引导用户深层访问,具有通道和信息分离的功效。

  百度搜索引擎主页

  用户应用百度搜索引擎的要求确立且单一,仅仅检索总体目标词的有关内容,因而百度搜索引擎网站主页要为用户出示方便快捷、快速的通道,尽量避免非检索有关要素对用户的危害。故普遍的百度搜索引擎主页,在设计内以简易、清新为主导,沒有大幅度照片或是繁杂设计,并且突显输入框和按键。如百度搜索、Google主页及其一些网站的站内关键字搜索页。

  表格填好页

  在表格页,用户的要求一样确立且单一,且用户必须尽早地填好进行表格,不许实际操作自身占有过多時间,因而表格填好页和百度搜索引擎页对设计的规定基本一致,以简易、干净整洁为主导。下面的图为京东商城的申请注册页。

  这儿说起一下知乎问答的网页设计,针对未登录用户,知乎问答的主页即是申请注册/登录页。那样设计的益处之一是正确引导用户申请注册,益处之二是主页看起来清新、技术专业。可是那样设计的另外,就代表着未登录用户没法以游人的真实身份访问网站内容,给用户导致了一定的工作压力。殊不知也就是说,那样也对用户开展了挑选,提升 了应用堡垒,便于构建小区氛围。因此 这一主页和申请注册/登陆合为一体的设计,有好有坏,非常值得效仿与学习培训。

  主页即是申请注册/登录页的设计在一些存有用户准入条件门坎的网站中,比较普遍,典型性事例为pt类网站。无锡网站建设购买域名。.com(国际域名)和.cn(国内域名)为宜,自然也有许多 后缀名不一样的网站域名,例如.cc、.net。当然,用的数最多的便是大伙儿常常看到的.com了(网站域名的价钱一般的60元到一百元中间,各IDC商价格不一样)能够到域名服务商或是到IDC商代理商网站域名处申请办理,如万网域名、新网。

  两栏式布局

  两栏式布局设计综合性了一栏式和三栏式的优点和缺点,是一种最合适的的页面布局方法。对比于一栏式,其能够容下大量内容,可是不具有视觉效果撞击力 ;对比于三栏式,其信息不会过多拥堵和杂乱,但不具有超大型内容量的优势。

  两栏式布局设计可分成左窄右宽式、左宽右窄式和上下平等式,每个具体方法的网页页面关键和视觉效果流都各有不同,其所可用的网页页面种类也各有不同。

  左窄右宽式

  在设计上,左边窄小,置放导航栏信息或是别的主次信息,右侧较宽,为信息展示厅,置放关键内容。因而网页应运用左边的导航栏信息正确引导用户访问网页,用户的视觉效果流也相对地从导航开始,从而访问网页页面内容。

  这类设计方法,合适于网站内容丰富多彩、导航栏清晰的网页,拉勾网的网站主页和163邮箱的页面设计即是此类。

  除此之外,针对左窄右宽式布局,左边也很有可能置放强烈推荐式网址导航大全和别的主次信息,例如京东商城的宝贝详情。

  左宽右窄式

  在设计上,左边较宽,置放关键网站内容,右侧窄小,置放主次内容,大多数为輔助导航栏或是广告宣传信息。无锡无锡网站建设是一个把软件开发需求转化成用手机软件网站表明的全过程,是指在互联网上,依据一定的标准,应用Dreamweaver、photoshop等专用工具制作的用以展现特殊内容的有关网页的结合。这类布局具体方法更突显用户当今访问的内容,正确引导用户将视野聚焦点于当今内容上。这类页面布局方法,多见于一些以内容为核心的网站,例如百度搜索的百度搜索页,知乎问答的基本上所有网页页面。

  上下平等式

  在设计上,上下两边均为信息展示厅,在规格上,两边的占比相距较小,乃至完全一致,多见于一些不出現内容次序的网站。

  这类设计方法较极端化,在这里类网页中,用户不容易发觉关键网站内容,视觉效果流也不足清楚。猫扑网选用的是这类布局设计方法,其将网页页面上下两边各自设计为单独的系统分区,不一样系统分区能够各自开展翻转、访问等实际操作。

  综上所述,两栏式布局具备最合适的、沒有独特缺陷的特性,也是现阶段最常见的布局方法。无锡网站建设购买服务器。室内空间,说白了,便是储放网页内容的地区了。一个网站的程序流程,数据信息,所有都放到这一里边。初学者得话提议先用室内空间学习培训一下,事后较为高級一点的也有VPS,网络服务器。挑选室内空间商商要留意售后维修服务,可靠性,网站打开速度,最好像无锡那样技术骨干连接点大城市的主机房。汇总三种两栏式布局的特性和视觉效果流,以下:



  三栏式布局

  三栏式布局是更为繁杂的页面布局方法。

  优势:

  能够尽可能多地显示信息出信息内容,尽量地提升信息的流动量。

  缺陷:

  会导致网页页面上信息的拥堵,提升用户寻找总体目标信息的经济成本,减少网站网页页面内容的可预测性。

  三栏式布局关键分成正中间宽、两侧窄,和两栏宽、一栏窄。即便 挑选某一种, 在设计上,三栏的总宽也并并不是一成不变的,应依据导航栏与内容的比例调节总宽占比。

  正中间宽、两侧窄

  这类布局具体方法中,正中间栏的总宽很大,在视觉效果占比上相对性突显,更非常容易把握住目光,因而用户默认设置正中间为关键信息,两侧的内容为主次信息或是广告宣传;这类布局方法,正确引导用户的视觉效果流聚焦点于正中间,随后向两边移动。这类页面布局的典型性运用便是微博。



  因为微博网站内容繁杂且细分化的品类极多,所以主页有两个导航栏区,左边为主导导航栏区,运用Tab导航栏,右边为輔助导航栏区,应用推荐位导航栏。

  两栏宽、一栏窄

  对比于正中间宽、两侧窄的布局设计方法,这类方法拥有 可以展现大量的关键内容,提升 网页页面使用率的优势,但另外,也比不上上一种方法突显和集中化,用户视觉效果流易分散化。这类页面布局方法多见于信息量极大的门户网网站的主页设计上,例如腾讯首页。



  混合式教学布局

  如今许多 信息极丰富多彩的大中型网站,尤其是电子商务网站,其页面布局方法早已不单单是中的某一种,只是几类布局方法的融合,以京东首页为例子,进入页面时,主界面为三栏式,从左至右先后为:目录导航栏区、信息展示厅和推荐位导航栏区,而下边的产品展现和广告栏,则选用一栏式的页面布局方法。这类多布局方法融合的网页页面设计,既运用导航栏正确引导了用户的视觉效果流、又运用漂亮图片吸引住用户留意,并且确保了网页页面室内空间的灵活运用,能够说成较为有效、高效率的页面设计。



  最终也要表明的是,无论哪样Web页面布局具体方法,其全是为信息展现服务项目的。不论是导航栏正确引导還是内容正确引导,不论是一栏還是多栏,最后的着力点,全是协助用户尽早地见到最期待见到的内容。归根结底還是这句话:设计是为用户服务项目的,而不是为设计自身。

   @李小新 原創公布于每个人都是产品运营。未经审批同意,严禁转截。

 

服务支持

我们珍惜您每一次在线询盘,有问必答,用专业的态度,贴心的服务。

让您真正感受到我们的与众不同!

合作流程

网站制作流程从提出需求到网站制作报价,再到网页制作,每一步都是规范和专业的。

常见问题

提供什么是网站定制?你们的报价如何?等网站建设常见问题。

售后保障

网站制作不难,难的是一如既往的热情服务及技术支持。我们知道:做网站就是做服务,就是做售后。