电商网页设计怎么做-抓住它们！电子商务网站导航设计超全面指南

小编胡言乱语了一些，如有冒犯还望见谅。 如果你现在正在逆境中挣扎，请阅读他的经历：）“献给迷茫的你！” 设计师可以干一辈子吗？ ”

随着互联网的发展，通过电子商务网站进行的商品交易越来越频繁，访问者面对越来越多的信息会感到困惑。 因此，优秀的导航设计可以提高网站的可用性，有利于实现电子商务网站的高效运营，具有现实意义。

另外，电商网站首页的导航设计必须以良好的用户体验为原则，不仅要在有限的导航栏中体现网站中的所有信息，还要反馈重要的帮助信息对于用户。 网站因其独特的重要性和不可替代性，在电子商务网站的设计中日益发挥着举足轻重的作用。

1、符合网站内容结构

在设计电子商务网站的导航之前，应该提前对网站的整体内容有一个全面的了解，并对网站内容进行分类。 这里涉及到的问题之一是没有必要在导航中显示所有的部分。 电商网站一般有两个导航，分别是网站头部的通用导航和侧边的类别导航。 一般来说，通用导航会以更笼统的方式展示网站产品，而类别导航会更详细。 通用导航内容太多，在体验和视觉上都会感觉马虎。 如下例所示，当当网的总体导航分类相对复杂且琐碎。

另一方面电商网页设计怎么做，导航中显示的内容应与网站内容密切相关，这也体现了导航与内容的匹配程度。

这涉及导航中或导航周围出现的广告。 正如当当网的案例所示，在导航周围加入一些广告并没有什么问题。 如果使用得当，不仅不会被用户反感，还可以提高用户满意度。 需要注意的是，一些与本站内容无关的内容应尽量避免，而一些广告成分过于明显的内容难免会让用户在购物时感到不安。

2、与网站业务目标相结合

首页的导航是网站现状的一个缩影。 通过导航，用户可以大致了解网站销售哪些产品。

因此，导航需要跟随网站主要产品的变化，或者根据产品的销售情况而变化，使呈现在用户面前的导航始终与网站本身的内容相一致，当前的热点。 （比如的顶部导航精选了最实用的设计师网站导航和专家聚集的设计讲座，强烈建议同学们收藏起来。） 电商网站在运营过程中，很多问题会逐渐显现出来。 所以网站改版也是不可避免的过程之一，但是在改版之前，应该先把所有的问题列出来，然后思考这些改变是否能够真正解决问题。

修改前：

修改后：

在不同项目的设计过程中，设计师在流程上基本相同，但至关重要的是，每个网站设计都会根据客户不同的业务需求产生不同的设计目标。 为了这个目标，你应该时刻提醒自己，无论你的设计多么花哨或简单，它都必须充分体现这个目标。

唯品会的目标非常明显。 它以最清晰的方式展示其主要产品栏目类型，包括最近的活动，有效减少用户思考的时间，让用户在最短的时间内花更多的时间。 根据您自己的点击次数做出决定。

3、遵循用户习惯

根据用户的体验和感受来设计网站是不可避免的，但往往很多设计师会用周围同事的意见来代替大多数用户的意见，这是非常不可取的。 设计者在进行导航设计时，应将用户视为新用户或不耐烦的用户，尤其是电子商务网站，必须第一时间满足用户的需求，并尽量弱化导航的学习性。 比如鼠标悬停的分类打开方式，可以大大降低用户的学习成本。

用户在页面上停留的时间以秒为单位计算。 因此，导航必须一目了然，才能让用户产生依赖感。 这里还要说一下，当网站决定改版时，尽量不要对导航进行大的改动，因为导航是整个网站中比较重要的一部分，也是用户比较依赖的一个模块。 改变会让用户在无形中感受到陌生感和距离​​感，新技术只用在无关紧要的地方。

关于用户体验，这里有一些小细节与大家分享。 当用户的鼠标从一级导航移动到二级导航时，有时由于移动角度和时间的偏差，用户会无意中将鼠标悬停在下面的一级分类上。 这只是一个小而随意的细节表情包设计，但对于一些不耐烦的用户来说却会非常烦人。 据我们初步调查，目前市场上的主流电商网站在这方面都比较具备资质。

另外，亚马逊的网站过于“简洁”，导航的背景色与网页的背景色、导航的字体与网页的字体过于相似，这些都会给用户造成视觉上的混乱。特定的观看时刻。 （如下所示）

4.避免重复的类别

如上所述，在导航设计过程中，我们首先要对网站的整体运营内容有一个全面的了解，了解之后才能制定出具体的版块，而首页导航的作用就是对网站的整体运营内容进行详细的分类。这些板块，明确了导航的目的和重要性后，将类似的板块放在一起，形成一个整体，这就是主导航。

在主导航的左下或右下会有一个比较全面、完整的类别导航，我们称之为本地导航。 在一些知名的电商网站中，部分导航的使用率可能会高于主导航。 两者之间其实存在着微妙的递进关系卡通形象，应尽量避免内容重复。

无论是文字还是图片，重复的内容很容易让用户产生倦怠感。 以天猫为例，“医药保健”和“医药博物馆”的含义非常相似，点击后也确实进入了同一个页面。 此类重复内容会显着降低有针对性需求的用户的购物体验。

5.使用适当的文案

为了迎合那些只愿意在导航上停留几秒钟的用户，导航文字内容的可用性就变得非常重要。 文本标签是传达信息的最有力的方式。 因此，导航中出现的文案应避免使用一些用户难以理解的词语，如技术术语、缩写、个性化语言等。 最常见的是缩写。 很多电商网站因美观布局或文字长度限制而选择缩写，从而牺牲了用户体验，增加了用户理解导航的难度。

想写最专业的互联网文案吗？ 看看这个超完整的总结！ 年度最佳教程！ 7个方法教你写出网络顶级文案！ ”

在电商网站导航中，文案的首要任务是让每个用户准确、快速地了解相关信息。 作为设计师电商网页设计怎么做，我们理所当然地花了很多时间盲目地关注视觉美学。 这是几乎所有设计师的通病，但这个通病却成为导航设计的致命伤。 清晰明了的表达是美的前提，任何交互项目最好的状态就是实现透明。

6.清晰的视觉体验

从视觉上来看，用户只浏览网站几秒钟，因此导航的视觉设计必须具有逻辑性，并利用色彩为用户提供引导，成为用户点击的引导。 可点击的部分应该尽可能明显，以减少用户的猜测。 在色彩的运用上，应避免大面积的亮色，这会间接降低导航文字的可识别性。 同时，电子商务网站面向所有消费者。 一些有色觉障碍的人应该被考虑。

京东网站在这一点上做得很好。 每一级的导航颜色由深到浅，让用户有一步步的感觉。 整个导航区域的颜色搭配也非常合适。 无论鼠标悬停在哪里，位置都能体现出更舒适的页面。