腾讯首页做得还是蛮好的，你知道吗？

　　腾讯首页做得还是蛮好的，你知道吗？

　　1.符合用户浏览习惯

　　版块之间的排序要符合用户的习惯。用户通常是从上到下，从左到右浏览网页，所以在安排各个版块时，应该根据用户的视觉流将网站最重要和最重要的部分放在视觉流上游。简而言之，最重要的东西是最重要的。

　　如果网站提供社区服务和搜索服务，用户登录和搜索通常应该出现在第一个屏幕上。如果网站不是基于信息，而是基于功能，例如提供电子邮件服务或B2C网站，“帮助页面”的入口也应该安排在页面顶部附近。

　　2.版块的布局在视觉上尽量与垂直划分保持一致

　　排版时，尽量在视觉上符合垂直划分，并能垂直对齐。避免垂直方向错开布局，如下图所示。当然，如果能同时实​​现水平和垂直对齐就更好了。但是对于大多数门户网站来说难度更大。

　　3.从用户的角度来看，分为几个独立且连续的区域。

　　从用户的角度，根据用户的需求，将版块划分为几个区域。每种类型的截面都占据一个独立且连续的区域。不同类别板块的信息不能混合分布在同一区域。这样做既方便用户了解整个网站的主要内容和结构，又可以减少用户浏览网站时的干扰信息。

　　以门户网站为例，整个页面可以分为以下几个部分：头部、导航、搜索、分类新闻区、工具区、互动和社区、辅助信息区、商业信息区（或广告区域），页脚。这些部分。在这方面，腾讯首页还是做的不错的。见下文。

　　]

　　页面分为三栏。左边一栏分为两个区域：一个是腾讯的产品区，另一个是分类新闻区。中间栏目也分为两个区域：一个区域包括推荐内容、专题内容和博客，另一个是分类娱乐休闲信息区域。右栏可以看作是一个广告和辅助信息区。这样做的好处是，用户可以轻松掌握腾讯首页的结构，搜索自己感兴趣的信息，将可能干扰他们的信息噪音降到最低。关心各类新闻的用户可以在左栏找到自己感兴趣的信息。关心休闲娱乐的用户可以在中间一栏找到自己想要的。这样，用户无需在整个页面中搜索自己需要的信息，也最大限度地减少了广告或其他干扰信息对用户的影响。相比之下，网易在右栏这块区域的布局就没有那么清晰了。广告和内容交替出现，给网友的浏览带来一定的障碍

　　4.同一区域内与内容相关的版块彼此相邻，或根据用户习惯进行排序。

　　同一区域内不同内容的版块（相似版块）也需要排序。这里的原则是内容相关的部分是相邻的。或者根据用户习惯来安排章节的顺序。还是以QQ主页为例。 QQ首页的很多内容都是通过标签切换的，但相邻标签的内容大多是相关的或者符合用户浏览习惯的。如下图。

　　5.根据用户的需求组织section，避免section划分的粒度过粗或过细。

　　在组织版块时，要从用户的需求出发，对各个版块进行分类。而不是因为分类而分类。这样做通常会将部分划分得太厚或太细。以下是这两种情况的示例。

　　section的粒度太粗

　　视觉中国可以根据“信息”、“竞争”和“展览”来划分信息。这样的划分对于用户来说太粗糙了。访问视觉中国网站，有平面设计师、网页设计师、工业设计师等。仅仅将信息归类为“信息”、“竞争”和“展览”，显然会给用户带来更大的信息压力。这时，用户可能会抱怨：“我想看*敏*感*词*设计的信息，怎么有这么多平面设计的信息？”因此，根据不同的设计类别划分信息类别，如：“平面设计”、“*敏*感*词*设计”等，方便用户查找信息。

　　节的粒度太细了。

　　太平洋汽车网频道“国际新车”页面改版时。发现原来的页面因为分类有分类问题。新车发布的消息分为三类：第一类“新车巨献”是官方正式发布新车的消息；第二种是“新车谍照”，官方还没有正式推出新车，但私下已经有一些关于这些车的信息（这个信息通常是确认过的）；第三类是“新车预测”，有部分车型的预测和传闻（该信息尚未得到证实）。首先，这个分类过于详细和复杂，用户会很难理解这三款新车信息内容的区别（当然这里的三个板块的标题并不好理解，这也是一个重要原因）。其次，这种信息组织结构不能满足用户对这类信息的需求。其实用户只想知道自己感兴趣的汽车的信息，信息本身的可信度完全可以由用户自己判断。所以这里只需要将新车发布信息分为“正式发布车型消息”和“未发布车型消息”。这个渠道的另一个问题是信息属性的划分太细了。页面第二屏“国外新车”栏目以图文链接的形式介绍国外最新新车信息。在页面底部，“新车图片”部分以图片的形式展示新车。我认为这里有一些重复。这两个部分可以合并在一起，让用户自己判断是文字信息还是图片信息。