欢迎来到海淘科技官网 官方微信 官方微博 平面活动官网
微信

网络传播媒介服务提供商

热线电话

021-62677988

海淘新闻
首页 > 新闻列表 > 电商网站导航设计

电商网站导航设计

发布时间: 2016-12-01 16:46

海淘科技:随着互联网的发展,通过电子商务贸易越来越频繁,现在用户可以访问的电商网站太多太多,因此,一个好的导航设计可以提高用户对网站的重视,实现电子商务网站提高运作效率的现实意义。此外,电子商务网站的导航设计一定要基于用户经验者优先的原则,以及所有来自网站的信息反映在特定的导航栏,反馈用户的重要信息。电商网站建设的重要性且唯一性,现在越来越多的受到广大用户的重视

1、符合网站内容结构

电子商务网站设计的导航,应该对整个网站的内容有一个全面的了解,并分类内容。这里涉及到一个问题是,没有必要把所有的内容都在导航内一一的展现出来。电子商务网站一般有两个导航,分别是网站总导航和侧边导航。一般来说,总导航将大致的介绍商品,而将更详细的分类导航是在侧边栏。总导航的内容太多会影响视野,看多了会觉得乏力。下图中,当当网的总导航分类比较复杂。


电商网站导航设计

另一方面,显示网站中的导航和内容是密切相关的,这也反映了导航与内容的是否匹配。这就说到了导航或导航旁的广告,如当当网所示情况,导航旁的一些广告可以理解,周围旁适当的使用不仅不会影响用户的心情,相反会增加用户的满意度,但重要的是要注意应避免与网站内容无关的东西,一些内容广告的成分太明显,太多无关的内容在购物时一定会让用户感到不安。

2、结合网站业务目标

首页的导航设计是电商网站的一个缩影,由导航可以了解网站销售什么商品。因此,导航是会随着网站经营产品的不同或者更换而变化,让导航始终与网站热卖的产品及网站的内容相符合。电子商务网站在营销的过程中,许多问题将逐渐浮出水面,所以网站设计时不时的装修是一个不可避免的过程,但在修订之前,应该首先栏目所有问题,然后考虑这些变化是否真能解决这个问题。

改版前:


电商网站导航设计

改版后:


电商网站设计 电商网站 网站策划 网站导航设计 用户体验

设计师设计不同的项目,设计的过程基本上是相同的,但至关重要的是,每个网页设计可以根据不同客户的业务需求来设计目标,一旦你有这个目的,你应该经常提醒自己,你的设计,无论多么花哨或简单,这个目的,必须考虑在一起。唯品会反映的其目标是显而易见的,其主要商品项类型,包括最近的活动用最明显的方式表达出来,有效降低用户思考时间,让用户在最短的时间内给你点击做出决定。

3、遵从用户使用习惯

根据用户的使用体验,经验设计网站是不可避免的,但经常有很多设计师将忽略一部分用户的体验感受而采取周围的同事建议,这是非常不可取的。做导航设计时,设计师应该考虑那些新用户及浏览网站时没有耐心的客户,在电商网站上特别的适合,这样才能满足用户的需求,比如鼠标悬停的分类方法可以很较大范围的减少用户学习成本。


电商网站导航设计

用户在页面的时间计算可以按秒来算,所以导航必须一清二楚,让用户对网站产生依赖感。这里也说一点,当网站决定重新设计导航尽量不做很多改变,因为导航是整个网站传达信息最快捷的地方,所以它很重要,也是一个模块,用户相对依赖一旦导航已经改变了很多,几乎会让用户产生一种不熟悉感和距离感,新的改变或技术的更新就用在无关紧要的地方吧。

当用户不经意间使用鼠标在一级分类向二级分类转变的时候,正式因为移动角度和时间上的偏差,不小心鼠标就会停在一级分类上,虽然只是没有在意的小细节,但是它会让你很不耐烦。

另外,亚马逊网站似乎太过于简单,导航的字体与分类的字体的颜色及大小都过于相似,用户在查找商品时,容易产生错乱


电商网站导航设计

4、避免重复的分类

本文提到的,首先,在设计的过程中对于导航网站的运营有一个全面了解,主页导航的作用是将这些板块的详细分类,清晰导航是为谁服务他是否重要,类似的板块凑在一起形成一个整体,这也是主导航。在左下角或右下方的主要导航将有一个更全面的分类导航,我们称之为局部导航。在一些比较知名的电子商务网站,利用局部导航可能更高于主导航,它们之间有着奇特的关系


电商网站导航设计

文本和图像,重复的内容会产生视觉疲乏的感觉。如淘宝优化天猫案例所示,“,“医药保健”和“医药馆”字面上的意思是非常的相近的,实际上也是进入的是同一页面,这样重复的内容显著降低目标需要用户的购物体验。

5、使用合适的文案

为了能够让用户在导航上多停留一秒钟,导航的文本内容也是非常重要的。文本标签是最有力的传递信息的方式,因此,在导航的文案应该防止使用用户不理解的字词句,如专业术语、缩写和个性化的语言等等。最常见的是缩写,很多电子商务网站会因为布局是美丽的,并使用缩写就是因为文本长度限制,牺牲用户体验,增加用户导航的理解的困难。


电商网站设计 电商网站 网站策划 网站导航设计 用户体验

6、清晰的视觉体验

从视觉角度上来看,用户在短短几秒时间内扫描整个网站,所以导航的视觉设计在逻辑的规定上要相一致,为用户提供指导,成为用户点击的一个指南。点击的内容尽可能的醒目一些,减少用户的不理解。颜色的使用应避免大而明亮的颜色,这将间接减少导航文字识别,同时,电子商务网站是面向所有消费者,因此,在色彩搭配上导航和导航的文本内容也要考虑一些色弱或色盲者。


电商网站导航设计

我们来看看,京东再此点上网页的分类中就比较好,每一个层级的颜色都是不一样的,且随着层级的递减或递增颜色的深浅也是递进的。当然色彩的搭配也是很合适的。

7、为用户提供反馈

当用户在某个导航上停留时,导航这一项应当做出相应的回馈,比如说字体改变,颜色或者其他类似的变化,达到的效果是极好的。这一点上,国内很多的电商网站都做的比较好


电商网站导航设计

一号店的二级导航所设置的这一点就比较符合以上所陈述的,点击选中某个二级模块,整个类目都被带有色彩的框线限定在某个特定的范围,但是三级导航中选中后的颜色与热门商品的字体颜色相一致,这一点容易产生错乱感

8、利于搜索引擎优化

搜索引擎的优化是所有电商网站都要做的,导航的设置及三大标签的书写方式直接影响着搜索引擎的友好度。在内容上,要将主要的目录在导航上展现出来,这样不仅可以方便用户的查看,而且也可以让搜索引擎顺着层级慢慢的爬,以至于可以获取网站的整体内容。网站导航内部尽量使用文本,减少图片的使用或者按钮,这样会阻碍搜索引擎的抓取。


电商网站导航设计

拍拍的导航设置的就比较简洁,主导航上的几个模块,让用户一清二楚的就能了解网站的信息,而且也有利于seo搜索引擎推广

最好,海淘科技的小编认为,电子商务网站的导航设计不能千遍一律,电商主营的产品的不同,那么在设置的时候侧重点就不一样,所以要结合网站的类型来设定合适的导航。

相关文章:

版权所有 @ 2007-2023上海海淘信息科技有限公司 沪ICP备11050025号-4