电子商务网站导航设计

导航模块的设计原则（1）——导航元素

在顾客扫描网站的导航之后，如果没有找到所需要的信息点，就会离开网站。本系列将介绍如何设计一个有效的导航。作为开篇，将讨论导航模块的核心元素，这是我们所能给予顾客最重要的帮助信息。

措辞

在开始基于需求来设计信息架构时，需要先定义好导航标签，通过这些标签可以快速定位到具体的商品。

“商店定位”标签可以帮助顾客在移动应用程序中找到实体店。“商品”标签则展示电子商务网站上的所有商品标签。而“开始”标签表示网站首页。

这是一个很好的开始。

标签测试

有什么简便的方法来检查是否完整明智地传递信息？

1.一种成熟的解决方案就是卡片分类。通过卡片分类，可以转化早期预测为

通用分类。卡片分类，不仅可以帮助我们创建一个明智的信息架构，也可以让我们了解用户在购物的不同场景涉及的关键词。

2.另一测试是一个文字关联的游戏。找出所有潜在的导航标签，让测试用户

说出他们的第一印象关键词，用户相信在这个标签下可以找到他想要的信息。几十年来，市场研究人员一直在用这种技术，以确保向目标受众传达正确的产品信息。在这个阶段，需要找到两个重要问题的答案。（1）用户是否可以将导航标签和具体的商品联系上？（2）标签措辞是否会引起混淆？

也许这样意图更加明显。

缩短反应时间

在史蒂夫克鲁格的代表作《不要让我思考》中这样描述：“我看到的大部分网页，有一点都让我感到震惊，就是网页上大部分的内容只是在占用空间，因为没有人会去浏览。”导航标签越多，用户就越难选择不同的选项。

在1935年，美国心理学家约翰·雷德利·斯特鲁普出版的关于串行口头反应中干扰的研究现在越来越被关注。斯特鲁普发现，用户很容易认错用其他颜色写的颜色单词。（如用红颜色来写“蓝”字）

我们可以从斯特鲁普的研究中学到，在浏览的过程中有一部分时间并不是在阅读标签上的单词，而是在扫描标签的背景。快速浏览一下你的导航中的标签是否存在可有可无的东西。

从简，去除掉“Our”。

效仿

此时不能坐井观天，要探出头看看别人是怎么设计的。这个只会花费少量的时间，却有助于得出有重要价值的思路。这是一个效率极高的方式来增加设计的实用性，也是因为用户存在使用惯性。

参考用户使用惯性，改变“Reach Us”为“Contact”。

符号&象形图&图标

符号，象形图和图标在数字化用户界面中已经从奢侈品变成了必需品，这些设计元素有助于我们增强视觉效果（签名，个性，识别和抽象概念）。此外有研究表明用户界面只依靠文字来表达的效果要逊于符号，象形图和图标。

o符号通常作为用户传统认识的一个抽象表示。这与地域文化存在直接的关系，也会随着时间不断变化。

o象形图通常被定义为简化图形。可以做到不言自明，同时又不要求任何专业知识。就比如常见的路标。

o图标的定义较含糊，其使用往往取决于上下文（所处环境）。

是否应该使用其中一个符号，象形图，图标或组合所有三个来传递信息，这取决于信息的特性，以确保用户可以准确的接收信息。

图标测试

有各种各样的方法来测试图标的使用效果。这里推荐“标签指向图标”和“连接点”两种，主要是因为它们快速的响应，以及可以给出深入的见解。

标签指向图标的两种实施方式，通常第二种更为有效。

（1）给测试用户几个图标，并请他们说出三分钟内想要的任何标签。

（2）在一天内不同时间点随机显示一张图标，并请测试用户在30秒内说出每个图标相关的标签。

连接点的实施方式是，找出一组图标和一组标签，然后做连接点测试。

至少我们可以肯定，这些都是关于标签“方向”的图标。

消除冗余

正如标签的设计，避免冗余信息的图标也是同样重要的。

我真的需要圆？不管哪个角度看都能保持一个清晰的意义！

图片——措辞

以图为例

已经没有更好的主意了，我想还需新一轮的导航设计测试。导航模块的设计原则（2）——最佳实践

作为页面设计的重点,大家对导航栏肯定不陌生，如amazon的Tab式导航栏、

网站地图等等。导航结构的组织和设计也许是电子商务网站设计中最困难的环节，这个是真的看起来容易做起来难啊！导航的设计本身也是一门艺术，它不仅仅就是标签和图片的简单组合，更要综合考虑用户使用习惯。而这门艺术设计活动需要更多明确的复杂系统和模型来支撑。本文讨论的主题正是这个支撑系统。

导航结构

在这第一部分将介绍最佳实践的一些方法，这有助于一个更直观的用户体验和更

高的用户转化率。

首级/ 次级

大多数的网站，尤其是有很多的内容或功能的网站，都需要导航菜单。但是随着一个网站的增长的复杂性，一个导航是不可能完成引导用户的艰巨任务，因此电子商务网站至少要有两个主菜单：首级/ 次级。

你也许会认为上面图片中网站的主菜单和次菜单弄错了位置，但是在我看来，虽然出乎意料，

却是非常正确的。

o首级导航菜单摆放的是绝大多数用户关心的内容。而次级导航菜单摆放的是用户第二关心的内容。但也不是绝对的，很多时候只有到次级导航菜单点击之后才能看到商品列表。

o设计导航的第一步是组织内容。只有在确定了网站的内容之后才能继续确定什么是首要的，什么是次要，以及两者之间的关系。然后决定导航栏的位置和结构。

o如果有些内容既不适合主菜单也不适合次菜单，这种情况就可以放置在底部或者侧边栏中。但并不意味着主菜单不能在侧边栏或者底部出现。欣赏系列中的cathy beck就是个不错的例子。

卡片分类

已经在前一篇中介绍，也可用于区分主次导航。

分类排序

最新到最旧：适用于对时间敏感的内容。

拼音：适用于定义，索引和其他用户事先已经了解的内容。