项目组在讨论了方案AB之后，最终选择了A方案：方案A从商业化考虑的话，直播，重点banner的广告因素更加突出，将用户的注意点全部吸引到这个大banner，增加运营ROI，同时也更能拓展多元化广告。从用户体验考虑的话，专栏化，大banner的交互设计思路，能够有效聚焦用户关注，不会分散用户注意力，从而能够激发用户的点击，体验更流畅，减少客户的选择恐惧，同时由于大banner的设计，设计，文案的创意空间大幅提升，很好的提升了用户视觉体验。

　　下面通过点击热图，再确认下A方案的合理性，企业网站相对于媒体网站来讲，资讯相对较少，更少下拉页面，因此首屏资源展示更为重要。首屏是企业网站页面的黄金位置。如果在首屏中没找到感兴趣的内容，用户就会丧失一部分信心。以下面某网站点击热图可以看出，用户的点击规律基本集中在首屏，2屏以下用户关注度低；从浏览习惯看，以下面某网站首页及底层页面眼动热力图可以看出，用户关注度会由首屏向下延伸，除首屏推荐内容外，到3屏左右内容均保持较高关注度。

　　孰优孰劣，一目了然。在经过以上的分析之后，同时结合业界的潮流设计现状，企业官网采用方案A，二级、三级等垂直频道部分结合了方案B。下图为首页设计图；

　　2.紧跟潮流，高大上的扁平化设计风格

　　有人说“只有交互扁平了，视觉才好做扁平??”扁平化不仅仅是界面视觉扁平无立体感，更是交互体验的扁平化，信息架构层级的扁平化。

　　1）结构层级减少——高效

　　交互的“扁平化”，与之相对应的是“结构层级、组织架构”的扁平化，如下图树形结构所示：

　　链接的层数被称为深度（z轴），最底层页面包含的页面总数被称为链接的广度（x轴）。纵向（y轴）很多情况下都只有一层，放的多都是一些消息提醒和快捷方式。【此段为引用部分，方便理解和说明】

　　以新版官网架构为例：解决方案细化到各行业、领域；产品含软件产品到硬件产品等。

　　官网新版在设计中，细节的扁平化的打磨尤其注重，同时为了兼容多种屏幕分辨率，减少结构层级精简交互步骤，具体是通过以下几个方面来凸显。

　　并列

　　将并列的信息显示在同一个界面中，减少页面的跳转，层次清晰、简洁、一目了然。如服务与支持栏目首页，同一界面中整体显示咨询规划、项目管理、系统集成、软件开发、专业培训、应用推广、项目质保、运维服务等信息；

　　快捷方式

　　在新版官网中，主站底部位置，设计了快捷方式副导航栏，作为主导航的辅助功能菜单，以访问用户模块为例，通过根据访问用户属性定位不同行业用户的点击，用户可以直接从这个导航菜单进入自己最关注的行业解决方案，同时，我们能够进而得到行业用户点击率排行及热力图，再如用户最关心的联系方式等信息，在副导航栏中再次设计进去，想用户之所想，及用户之所及。

　　对比步骤：

新版：打开官网===具体页面浏览

旧版：打开官网===解决方案===行业选择===具体页面浏览

　　显示关键信息

　　这是华宇招聘网站===校园招聘===行程安排页面，在页面中，准确的设计了“地区、高校、宣讲地点、时间”等校园招聘过程中的关键信息元素，并且在一个页面中扁平化排列，让同学不用再挨个查询华宇在各个城市的招聘信息，加快了浏览效率和用户体验，同时也能在无形中提升优秀毕业生对华宇品牌的好感和认知。

　　从上面的例子可以看出层级结构减少，交互步骤必然减少，无疑让用户的使用效率得到了提高。

　　2）表达方式直白——准确