如翼视点
首页>如翼视点>专业网站交互设计中的网站构架分析
专业网站交互设计中的网站构架分析
发表时间:2020-05-21

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

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


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

制造业一定有产品介绍;

而某些服务业(如设计公司)一般没有产品介绍只有公司案例;

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

道理想想很容易明白。

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

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

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

 

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

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

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

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

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

 

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

 

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

 

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


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

网站一级板块
二级分类
三级分类
内容页面
产品介绍
产品大类
产品小类
图文,图为主,常添加
公司案例
案例大类
案例小类
图文,图为主,常添加
 文章动态
公司新闻
图文,文为主,常添加
行业文章
图文,文为主,常添加
 关于我们
公司介绍
图文,文为主,不常修改
企业文化
图文,文为主,不常修改
其他等
图文,文为主,不常修改
 服务范围
各种领域
图文,文为主,不常修改
联系方式
联系我们
各种联系方式,不常修改
招聘
文为主,常修改


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


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


相关文章:

该结合seo思维做网站了  

哪些网站设计方式不适合seo推广 

网站seo添加关键字的地方及TDK设置技巧 



如翼设计原创,转贴请注明:如翼设计,更多内容请点击:如翼视点  

如翼设计设计能力:点击查看 

了解如翼设计服务内容:如翼设计做些什么