浅析汽车类网站导航设计

摘要：本文从用户心理分析角度出发，对汽车类网站的导航设计进行讨论。分别从网站导航设计的功能性和艺术性方面对汽车类网站导航设计进行分析。并结合中外汽车类网站的导航设计优劣实例，说明该类型网站导航设计的易用性和视觉感受中的展现特色，以及常用的设计方法。并以奔驰汽车网站和红旗轿车网站为例进行相关的论证和阐述。并以此来促进汽车类网站的发展，进而促进国内汽车产业的进步。

关键词：汽车类网站；导航设计；网站架构；视觉艺术

随着汽车工业在我国的发展，越来越多的汽车类网站应运而生，汽车网络媒体的影响力与日俱增。这就要求网站设计师能把握设计发展潮流，通晓汽车类网站设计的视觉特征，并运用图形语言与交互技术实现吸引用户的目的，最终促成汽车销售业绩，提升国产汽车品牌价值和竞争力。在这一过程中，汽车类网站导航设计，成为设计师关注的焦点，也是整个网站设计实现的重中之重。

汽车类网站导航设计是整个汽车网站设计的重要组成部分，也是浏览者关注的核心内容。汽车类网站导航设计正从传统导航设计的方式中寻求突破，导航按钮的排布已变得越来越灵活，已成为整个网页画面元素的一部分被隐藏，用户通过鼠标滑动的交互反应，网站的栏目内容得以显现，再通过点击触发进入相关具体内容页面。整个网站始终会营造一种氛围，使浏览者产生一种自然而然的参与意识。

梅赛德斯一级方程式轿车网站从一个驾驶员的视角展示了一段具有明晰标识线的公路，街道两边商户林立，华灯初上，营造了一个夜景环境。网站的标志以白色展示在页面左上角，文字说明排列在左下方，右侧中下部是不同形状的导航按钮，它们像夜明珠一样镶嵌在主页面上，由于其间有一蓝色按钮的色差，很容易让用户发现，这是导航，可以进行互动操作。相比传统导航横向布局，纵向更有创意和趣味。当用户将鼠标滑动到右侧导航按钮上时，在其左侧即刻显现文字的相关说明，在页面底部同时显示部分主导航信息。整个页面变暗，轿车说明消失，右侧的导航按钮显得更加明晰，易识别。被选中按钮变成蓝色，当点击时，画面会有一种向前行驶的感觉，停止后显示相关内容，给用户以动态的感觉。再点Best of按钮，将进入新车推荐页面。其中包含First impression（第一印象）和Live session highlights（车展精彩回眸）左右两个圆形按钮，鼠标滑向其中一个即显示相关内容及图片。为显示车辆的品质，该网站的奔驰车都由考究的产品照片显示。点击First impression按钮后进入的页面，主体图片是Class A奔驰轿车，左下角换成了微缩的轿车立体图片，点周围的圆环部分会切换到相应的立体车位图，左上部位的众多黑色圆点是动态的，用以点按切换车展上用户对此类车型的评语。通过这种特殊的导航设计体验，将用户原有的图形文字罗列的导航浏览定式打破，使用户的参与意识增强，具有探索感和发现感，使用户在无页面切换的条件下，能更整体地把握页面元素，了解产品详情，并产生试驾或购买冲动。

再来分析红旗轿车的网站导航设计。红旗轿车在我国家喻户晓，由于其特殊的政治经历，在60年代，接待外宾的最高礼遇之一就是乘坐红旗轿车。当时的红旗已不是一辆简单的汽车，而是一种民族尊严的象征，可见其品牌地位之高，时至今日，作为最好的国产品牌车之一，人们仍对它推崇备至。红旗轿车网站的页面及导航设计，除了栏目内容外，导航设计主要集中在右下角，用轿车外观线描表现了不同时期，红旗品牌下不同车型。这种表现形式非常独特，也有些复古。当点击一款车型时即进入相关图片展示页。总体感觉，在汽车类网站导航设计的范例中，红旗轿车网站的设计有鲜明的中国特色，导航线索明晰，按钮设计与众不同，但缺少交互感。

这种导航设计的优势在哪里，和通常所说的网站导航有什么区别？下面笔者将从用户心理分析的角度出发，对上述问题进行详细的阐释。

当汽车类网站的用户浏览网站时，通常会有惯性并善于把握规律。一旦他养成了用一种方式，下次还会使用原来的方法。这就需要网站导航设计有一定的稳定性，当需要改变原有设计风格时，界面需要尽量简洁，细节清晰，要及时通过一定的展示表达方式通知用户，使其不用看使用手册就能掌握新导航的进入方法，尽快找到自己想查找的资讯。第一印象形成，接下来用户的关注力都会集中在证明自己的第一印象是正确的。所以，不要认为用户不够宽容，不接受变化，不理解设计过程中设计师持续的努力，而是要竭尽全力去给用户一个好的体验。让他们收藏你，并能经常光顾你的网站。最应该避免的是，当网站导航设计方式改变后，用户感到新站很陌生，不适应新设计或表现状态，于是造成老用户流失，使新站点的访问量大幅下降，这就得不偿失了。汽车类网站的用户基本上都有购车需求，并具有一定的经济实力和社会地位，通过购买品牌车彰显个人价值。所以，他们更需要别人的首肯和尊重。对于普通轿车他们一般不考虑，更关注品牌车和进口车，且不会选择价位偏低的车辆，因为会觉得不安全。基于上述的考虑，我们会将网站的设计品位进行提升，网站的导航设计要突出创意，并具有吸引用户的特点。在图形处理，文字编排，交互设计方面要求更高。作为网站的设计者要重视每一位访客的需求，他们也许只是人群中的少数，但对设计来说就是全部。

作为一名设计师，我们往往在刚开始策划汽车类网站导航的时候会选择“简单”两个字，因为我们要让网站导航设计看起来更清晰，更易用。但随着设计内容的不断丰富，设计思路不断打开，很容易使设计工作陷入繁杂的陷阱。这与我们曾经的想法背道而驰。对于用户来说，他们会望而却步。保持简洁，而不会让用户迷失在浩瀚的网络海洋中是设计师的职责。从心理学的研究中，我们得出人的头脑分左右脑，右脑识别图型并且关乎人们的感性认识；左脑编辑文字，主管人们的理性思考。因此，图片文字合理完美的结合是至关重要的，是汽车类网站导航设计成功与否的关键所在。认识到这一点，就要使汽车类网站看起来觉得更值得信赖。创建一个使用户安心的网站，就意味着他们很可能会注册一个账户，并且购买产品，或者用其他方式和你做生意。这些可以通过网站设计和语言实现。

从上面的分析中，我们发现了优秀的汽车类网站导航设计的优势：第一，它具有丰富的视觉效果，更易带领人们进入一种审美关注的情态中，营造一种既定的氛围场景里；第二，它具有趣味性的极具吸引力的互动体验，调动了用户心理的主动参与意识，引起了用户深入探索发现的主动性，带给用户更多的艺术设计感受；在用户交互行为执行的过程中时空转换的延伸与视觉的变化，使网站给用户留下了深刻的印象，达到了较好的宣传效果。但在网站的建设过程中为建立大量且美观丰富的视觉信息，必然会产生网站设计乃至汽车类网站导航设计的工作量激增，设计开发费时耗力、网页初始化加载速度变慢、而网站本身所包含的内容有限、其他网站不可复制、资讯及时更新不便等问题，因此这种导航设计形式一般只用于专属汽车品牌网站。

参考文献：

[1] 梅赛德斯一级方程式轿车网站.http：///com/en/？s=start[DB/OL].

[2] 红旗车.http：///[DB/OL].

[3] 张志辉.设计心理学[M].天津人民美术出版社，2010.

作者简介：王宏（1975―），女，北京人，硕士，中级职称，主要研究方向：网站导航艺术设计。