专业网站交互设计中的网站构架分析

普通官网，网站设计中的板块都差不多，除了首页以外就几个频道（二三级页面内容）：关于我们、联系方式、产品介绍、公司案例、服务范围、文章动态。这些红字当然说的是内容，文字稍微可以不同。网站设计交互体验最好按这个前人总结好的网站构架，别天马行空标新立异。

我们今天将它研究细致，除了网站构架外，还牵涉到体验交互。视觉就不在这里讨论了，好不好看每个人审美不同。

产品介绍和公司案例这两个没有啥不同。这两个一般二选一，或两个都要：

制造业一定有产品介绍；

而某些服务业（如设计公司）一般没有产品介绍只有公司案例；

两个都放的一般既想表现自己产品，又想表现执行了哪些项目，比如建材行业、卫浴行业、智能产品行业……其实这类公司也很多；

道理想想很容易明白。

 产品和案例这两个板块功能不同，图的感觉也不同（产品多是单个产品图，而案例带场景）。但这两个板块在网站排列方式和几大要素都基本类似：

分类要求高，绝不超过三级分类；一定要有分类导航栏、列表页和分页功能；内容要图文，但重在图，文字虽为辅，标题和内容都不能少；每个内容页面，产品（或案例）的图不要设定一个，要多个能切换显示的才合理；内容页上一张下一张切换、返回列表页功能不能缺；

这是多年经验，这种构架方式绝对一流，别问为什么，好好想想它的体验为何没有漏洞。

文章动态，这应该是个网站文章聚集地，分两大类：公司新闻和行业文章；行业文章是发表或转贴专业文章的地方。这两块的作用是为了体现公司实力，提高网站活跃度，更为了网站seo优化需要。

公司新闻和行业文章在网站排列方式也基本类似：

一定要有列表页和分页功能；内容要图文，但重在文，图辅助，但最好每篇文字都加图；内容页上一张下一张切换、返回列表页功能不能缺；

它们的结构和产品案例像，只是图文侧重点不同。

这种文章动态的构架方式也绝对一流。

联系方式分为联系我们和招聘（招聘某些公司需要），几大要素考虑全：微信、qq、电话、邮箱、地址。另外地址必须放个百度动态地图。国外人常用的反馈单形式，就是那种留下信箱电话，留个言可以提交那个框框。国内网站作用很小。建议不采用。

关于我们，小公司一般有两部分组成：公司介绍（图文）和团队介绍；大公司就复杂了，分类成：公司介绍、公司历程、各种证书、企业文化等等……

服务范围，就是用分类的方式单刀直入介绍公司的业务范围，这个页面方便用户直截了当知道你公司能做什么。分类的方式是按各种应用领域名称，每个分类下的表现形式一般也是图文形式，普通公司的服务范围二级页面最好单页面下拉，不分页不产生三级页面；

通过表格，把官网设计的网站构架搞清楚（其中，下面灰字是不能后台修改的，紫色是根据客户需求做成是否可修改的，绿色是一定能后台修改的）：

首页，就是把这些板块头部导航。再将这些板块生成中的某些内容截取到首页，如建议放的是案例（或产品）、新闻和动态、联系方式等，加上轮播、友情链接、合作客户、广告图等等，就是完整首页的网站构架了。

当然，网站构架是这样，不过要强调一点，上面这个表的二级分类，有时候在首页导航条出下拉，有时候点进二级页面用次级导航（左导航）实现。表现形式不同罢了。