注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

放飞自由

年轻人,如果三年的时间里,没有任何想法,他这一生,就基本这个样子,没有多大改变。

 
 
 

日志

 
 

首页设计的要点-网站页面的布局方式  

2011-07-25 19:19:05|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

  网站页面的布局方式,展示方式直接影响着用户使用网站的方便性。合理的布局会让用户在浏览网站时快速发现核心内容和服务。如果布局不合理,用户需要思考如何获取页面的信息,从页面内容筛选主要服务。在这个过程中,用户通常是进行扫描浏览,捕捉对用户有用的信息,他们不会花费太多的时间去停留页面,会选择离开页面,甚至以后不会访问网站。因此页面布局的重点是体现网站运营的核心内容及服务,将核心服务显示在关键的位置,供用户在最短的时间浏览到。用户捕捉到这新信息后,然后做出判断是否对网站做深层次的浏览使用。

  首页设计的要点

  目前互联网类型有以下几类:社区类型网站、产品(服务)查询展示型网站、企业品牌类网站、企业涉外商务网站、网上购物型网站、门户综合信息网站、行业、协会信息门户/B2B交易服务型网站、功能性网站、政府门户信息网站;根据互联网网站类型不同,首页的设计都不同,但是具备的一些基础元素:logo标示,信息搜索框,全局导航条,页尾等

  社区类型网站:

  腾讯朋友、开心网、校内网等SNS社区类型的网站,界面有很多相似之处。组成元素登录表单、网站服务内容、宣传语、页尾;从首页的展现看个人觉得腾讯朋友的界面,比较简洁;三个界面相比,腾讯朋友更加突出“注册”吸引用户开通;人人网界面比较凌乱,广告与文字堆积在界面上没有很清晰的标识,找不到侧重点;

首页设计的要点-网站页面的布局方式

  腾讯朋友

首页设计的要点-网站页面的布局方式

  开心网

首页设计的要点-网站页面的布局方式

  人人网

  企业品牌类网站为例:

  企业首页不仅扮演形象展示的作用,更重要的是起到信息传递的作用。品牌企业的首页设计过于重视“形象展示”职能而忽略“信息传递”职能,大量企业网站首页一律是全屏flash,对用户快速获取信息造成阻碍。因此,网站的首页设计要在传递品牌形象的同时,让首次访问的用户在第一时间明白网站的内容、服务和功能,同时,通过首页,能够快速直达所要找寻的目标页面

首页设计的要点-网站页面的布局方式

  功能性网站:

  网站的界面布局的好坏取决于网站的内容框架及网站的信息设计,应根据用户的浏览习惯将网站的核心内容服务合理有序的展示给用户,人的视觉通常不是先看中间,而是根据母语的读写习惯,经过大脑的指令,按照:从上到下,从左到右的路线进行查看,人喜欢第一眼看左上角的内容,重点要在左边偏上的部位出现。因此重要信息显示放置在重要的版块,网页布局也应考虑网站运营的重点,网站最终的目的是盈利。

首页设计的要点-网站页面的布局方式

  从AACall首页界面布局来看:一,广告放在网站的重要位置,网站主要目的是通过这个广告营销的方法宣传推广吸引用户购买,二,右边位置展示用简而精的语言直白描述网站的意图,加上“免费体验”,“数字化的用户数”吸引用户成为网站的潜在用户

  界面的布局展示符合:从上到下,从左到右,将重要信息有序合理的排放在重要的位置;重要的内容在第一屏位置优先落入到用户的眼帘;各个模块要有层次性展示;页面布局的同级页面布局需统一

  总结如下:

  7±2原则,即“由于人类大脑处理信息的能力有限,它会将复杂信息划分成块和小的单元。根据乔治A米勒(George A. Miller)的研究,人类短期记忆一般一次只能记住5-9个事物。”

  1. 一个页面总体的信息量不宜过多,提供给用户识别的区块最好不超出这个数字范围太多。

  2. 该页面需要完成的主体功能,放在页面首要主体位置。其它必须功能放在次之位置。

  3. 不要让那些有必要而非必须的功能,因为自身利益的需要,强行抢占主体位置,

  以致影响人们对最熟悉、最常用的功能使用。

  暂时先说这三类网站首页设计要点,在以后的文章中会继续总结。

原文地址:http://blog.sina.com.cn/s/blog_5cf722270100vsgw.html
  评论这张
 
阅读(135)| 评论(1)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017