浅析网站构建中信息引导与界面元素的构建原理及关系

胡尧　杨隽

摘 要：在企业的网站建设中不单只考虑到使企业的网站成为专业的宣传营销平台，还应考虑到企业网上形象与网下形象的统一性。企业的网站营销始于网站策划，网站策划的好坏直接影响到网站运作的效果，而网站中信息的顺势引导对于网站的运作至关重要。网站是企业展示形象、介绍产品和服务、体现其发展战略的重要途径，也是借助Internet传播文化的重要窗口，其界面元素的排列方式、色彩甚至是文字字体、大小都可向用户提供相关信息，加强与客户之间的交流，网站信息引导的建立离不开对界面元素的解码。

关键词：信息引导；网站；界面元素

1 网站信息的构建分析图

网站信息的归纳、提取及选择，离不开对社会、经济及环境的依赖，在每个层面上提取相关要素，综合成图表为网站信息构建提供集成化。以下为市场信息归纳示意图。

2 上海故事：家纺网站信息引导与界面元素的关系

通过浏览整个企业的网站，从整流流程设计到细节设计，可以归纳出上海故事的网站设计的主要特点：

2.1 网站整体风格一致

高贵典雅，并且与企业设定的品牌风格相呼应，从页面色彩、页面排式细化到页面字体种类、字体大小、字体颜色等都符合上海故事这个品牌时尚、经典、温暖及颇具上海的风情。

2.2 目标明确，主题鲜明

上海故事的网站清楚地展示了公司形象，同时也为访问者发布公司信息和提供服务，宣传公司产品和相关周边产品，符合商业网站建设的要求。

2.3 设计布局合理

上海故事的网页布局设计在有限的空间内，合理安排组成网页的各种元素的位置，包含页面标题、网站标志、页眉、导航栏、内容版块和页脚等部分，并且使页面呈现了美观的视觉效果，达到视觉和艺术效果的统一；同时把网页要表达的信息有效地传达给浏览者，以网站主题和页面内容为依据，以准确、有效地表达信息为目标，通过清晰的对比和简洁的说明完成形式上的布局，达到了形式与内容的统一。

2.4 等待中的进程设计

在进入到首页之前有一段简短的flash视频动画广告，这样的一个动画相对其他程序来说是非常占网速的，相对于其他网站的不做提醒和数字提醒的过程设计，上海故事巧妙地运用了图形变化的形式来提醒，这样用户在等待过程中不再烦躁不安，而是好奇等待。

2.5 无动画广告的烦扰

许多网站为了达到推广网站和产品的目的，不断地在页面当中添加浮动广告或者动画广告，这不仅造成网速的极大受阻，同时也会使得用户在操作过程中的困扰。而上海故事的网站当中，很少有这些小广告的出现。

2.6 图片注释

在很多网站上，我们都可以找到一个共同的缺点，当网速慢时有很多图片都无法显示，又没有注解时，会使得用户反感，假如在注册时的按钮是图片做的又没加图片注解，就会导致连注册都找不到，而上海故事在每个图片旁都增加了注解，很好地解決了这些问题。

3 同类家纺网站设计过程中信息引导误区

虽然上海故事颇具自身企业的风格，设计方面也有自己独立的特点，但是不可否认，整个网站设计当中仍然存在不少问题，根据设计需求和设计合理性，发现存在以下几个问题：

3.1 页面色彩与生理特征上的矛盾

不可否认，以上海故事为代表的网站设计风格和自身企业的形象有着非常高的融合度，黑底红页的设计搭配虽然有着温暖成熟的韵味。但是相关高纯度、高亮度对比地使用纯色实际上很容易造成用户的视觉疲劳。

3.2 图片数量与识别效果的矛盾

在产品展示页面当中，对于产品图片的处理办法一般是：图片在左，数据在右。在有限的界面内，数据和图片地占据同样大小的位置空间，可以看到对于文字刚好合适的空间中放入拥有细节的产品图片，是难以体现产品的设计细节和独特之处的，而对于意欲购买的客户来说，对产品实物图的关注程度通常会大于对数据的关注，因为客户在大程度上，希望通过对比实物来决定购买与否，这样一张面积小同时像素不高的图片，实在难以满足挑选需求。

3.3 信息与表达方式的不协调

在整个页面的排版当中，有不少地方涉及了大量信息的罗列，如销售分布部分，上海故事的处理是将所有的历史事件按照时间顺序列举。而其实从用户角度，一些表格、图标、地图的形式的运用会更好地提升阅读速度与效果。

3.4 尺寸与操作性的矛盾

通过多次重复的使用和点击发现，由于目标点击区域的尺寸过于窄小，鼠标指向导航栏时十分困难，这是因为热点区域过小造成的操作性障碍。对于一个成熟的网站来说，便利舒适的操作是十分必要的，这不仅影响到用户获取信息的意愿，甚至会造成对整个网站的消极的印象。因此，一些按键、按钮及链接，其实适当增大字体或尺寸是有益的。

3.5 导航栏层级区别不明显

根据不少网站的浏览发现，如果导航栏在颜色、字体还是对比程度上，两者都是非常接近的，这样缺乏明显区别的设计，将不利于用户操作认知，容易造成感知上的混乱和不解，往往会将重要信息误导或忽略。

4 结语

整个切入点的目标主体：以网站设计为中心，前铺垫市场调研和分析，提出需求分析，随后结合具体网站，经过对“上海故事”等优秀案例的分析补充，实现对目标网站的全面分析，使得切入点的分析既具有广度又具有深度。