网站首页设计方案

需求：

1.可以快速连接到各个系统中

2.便于后期拓展

网站设计原则：

1.网站首页设计主要的关键点是突出整个网站的核心内容，在网站页面中，标题、导航、链接这几项是网站的基础信息，是一个网站身份的像征，承载着向用户表明网站立场、提供何种产品或劳务、网站自我介绍、如何联系网站的重要使命，在设计页面时，这些信息必不可少。

2.除了要显示关键信息外，最重要的还是承当中介，作为一个网络的转接点，这也是每一个网页设计的关键任务。把网站所提供的产品或劳务通过版式设计、文案设计、色彩设计之后，展示在首页适当的位置，并使其不受其它信息元素干扰，甚至使其它元素为它(产品或劳务)服务。

用户画像：

1.公司内部使用

2.能够凸显企业文化

3.用户分部各个职能部门，不同用户使用系统模块不同，需快速定位所需模块

样式方案：

chrome 浏览器入口页

优势：

1.快速定位近期浏览次数最多的网站

2.简明扼要的展示

劣势：

1.数量有限，最多8个，数量过多，会影响整体版面设计（太多了会显得很乱）

2.用户无法自定义使用哪8个网址

结论：

不适合本次需求，因为目前内部系统较多，如果都显示，会显示很乱；如果分帐号显示，就会出现多系统多账号登录（本系统登录一次账号，跳转到其他系统仍需再次账号登录），影响用户体验

小米商城首页

网址：https://www.mi.com/

优势：

1.分级明确，重点突出

2.左边栏和上边栏交叉呼应，将产品维度进行多重划分

劣势：

1.左边栏栏位内容和组别固定，不易变动修改

2.新产品以及明星产品均布局在上边栏，以便突出显示，对用户有一定的导向型

3.左边栏和上边栏均存在，出现产品交叉，如不熟悉网站结构，易对用户造成困扰

结论：

根据此次的需求，不易采用这种多维度选择机制，公司内部部门和系统虽有交叉，单也是人员交叉而非系统本身功能交叉，使用多重维度，反而会影响使用效率

联想商城首页

网址：https://www.lenovo.com.cn/

优势：

1.banner占据绝大篇幅，入眼有明显提醒作用，广告和宣传意图明确

2.仅有上边栏，单维度导航，易于用户查找

劣势：

1.因为是单维度导航栏，需要用户明确需求系统和职能划分，方可快速定位

2.需要充实banner内容，否则网站会出现内容空洞

结论：

此方案较为适合此次需求，用户无需定义过于复杂的维度，单维度维护即可，简单便捷，以上方案均需要用户充实内容，以便更好的展示企业文化

推荐方案：

推荐方案一

网址：http://demo.cssmoban.com/cssthemes3/cpts_549_vc/index.html

推荐理由：

1.保留上侧导航栏，支持三级目录分级选择，可扩展性强

2.滚动banner，用于重要信息展示

3.可作为企业文化宣传入口使用

方案：

1.只保留图片部分功能，用于划分现有系统，同时展示公司重要信息内容以及企业文化

2.因此网站承接多个外部系统，在登录此网站时无需密码，如对接系统需要账号登录，需用户自行登录

3.会预留位置，用户存储近期浏览的网站，以便用户使用同一台电脑时快速定位历史浏览状况