电子商务网站设计分析Word文档下载推荐.docx

电子商务网站设计分析Word文档下载推荐.docx

《电子商务网站设计分析Word文档下载推荐.docx》由会员分享，可在线阅读，更多相关《电子商务网站设计分析Word文档下载推荐.docx（11页珍藏版）》请在冰豆网上搜索。

在设计电商网站的导航之前，事前应该对网站整体的内容有一个全面的了解，而且将网站内容进行归类。

那个地址涉及到的一个问题确实是，无需把所有的板块都在导航上一五一十的展现出来。

电商网站普遍有两个导航，别离是网站头部的总导航和侧边的分类导航。

一样来讲，总导航会比较笼统的展现网站商品，而分类导航那么会比较详细。

总导航的内容过量不管在体验仍是视觉上，都会有拖泥带水的感觉。

如以下图案例，铛铛网的总导航分类就显得比较复杂琐碎。

另一方面，导航中显示的内容应该与网站内容是紧密相关的，这也表现了导航与内容的匹配度。

这其中牵涉到了导航中或导航周围显现的广告，正如铛铛网案例所示，导航周边融入一些广告无可厚非，运用的适当不仅可不能受到用户的反感，相反还能提升用户的中意度，但需要注意的是应该尽可能幸免与本站内容无关，而且广告成份过于明显的一些内容，过量的无关内容必将会让用户感觉在购物时受到干扰。

二、结合网站业务目标

首页中的导航确实是网站当下情形的一个缩影，用户通过导航就能够可能的了解到网站销售哪些商品。

因此，导航很有必要随着网站主营商品的变更，或是依照商品销量而转变，让呈此刻用户眼前的导航始终与网站本身内容和时下热点很贴合。

在电商网站的运营进程中，许多问题会慢慢的浮现出来，因此网站改版也是无法幸免的过程之一，但在改版之前，应该先列出所有的问题，再试探这些改动可否真正解决问题。

改版前：

改版后：

设计师在不同项目的设计进程中，单从进程来讲大体上大同小异，但相当重要的是，每一次网站设计会依照客户不同的业务需求而产生不同的设计目标，当你心中一旦有了那个目标，就应该时刻提示自己，你的设计不管何等花哨或是简单，都必需把这一目标完完整整的表现出来。

唯品会在目标的表现上仍是比较明显的，把自家主营的商品栏目种类，包括近期的活动用最清楚的方式展现出来，很有效的减少了用户试探的时刻，让用户在最短的时刻内为自己的点击做出决定。

3、遵从用户利用适应

根据用户的利用体验和感受来设计网站是必然的，但往往有很多设计师会用周围同事的意见代替大部份用户的意见，这一点是超级不可取的。

在做导航设计的时候，设计师应该把利用对象都看成是新用户或是没有耐心的用户，尤其是电商网站，在第一时刻就要知足用户的需求，尽可能减弱导航的学习性，比如鼠标悬停的分类打开方式就能够够专门大程度上的降低用户的学习本钱。

用户在页面停留的时刻都是按秒来计算的，因此，导航必需一目了然，让用户产生依托感。

那个地址还要说一点，当网站决定改版的时候，导航尽可能不要做专门大的改变，因为导航是整个网站中比较重要的组成部份，也是用户相对照较依托的一个模块，一旦导航有了专门大的转变，会让用户在无形中产生一种陌生感和距离感，新的技术只用在无关痛痒的地址。

关于用户体验，那个地址还有小细节能够和大伙儿分享。

当用户的鼠标从一级导航移动到二级导航的刹时，有时会因为移动角度和时刻上的误差，无心悬停到下面的一级分类中。

尽管只是一个不经意的小细节，但这会让一些不耐心的用户超级恼火。

依照AnyForWeb的初步伐查，目前市面上比较主流的电商网站在这一点上都做得比较合格。

另外，亚马逊的网站过于“简练”，导航的底色与网页底色，和导航的字体与网页的字体都过于相近，这在查看的某一刹时会造成用户的视觉混淆。

（如以下图）

4、幸免重复的分类

上文中已经提到，在导航的设计进程中第一要对网站的整体运营内容有一个全面的了解，了解以后才能拟定出具体的板块，而首页导航的作用确实是将这些板块做出详细的分类，在清楚导航的目的和重要性以后，把类似的板块拼凑在一路，形成一个整体，这也确实是主导航了。

在主导航的左下或右下方会有一个比较全面完整的分类导航，咱们称之为局部导航。

在一些较为知名的电商网站中，局部导航的利用率可能更高于主导航，这二者之间其实有一种微妙的递进关系，要尽可能幸免内容重复。

不管是文字仍是图片，重复性的内容会很容易让用户产生倦怠感。

如天猫案例所示，“医药保健”和“医药馆”在字意上很相近，而且点击后的确进入了同一个页面，如此的重复性内容会明显降低有针对性需求用户的购物体验。

五、利用适合的文案

为了迎合用户在导航上只情愿停留短短的几秒钟，导航文字内容的可用性就变得相当重要。

文字标签是转达信息最有力的途径，因此，导航中显现的文案应该幸免利用一些用户很难明白得的辞汇，比如专业术语、缩写和个性化语言等。

其中最多见的确实是缩写，很多电商网站会由于排版美观，或是文字长度上的限制而选用缩写，从而捐躯用户体验，增加了用户对导航的明白得难度。

在电商网站导航中，文案的首要任务确实是让每一个用户都能准确快速的明白得相关信息。

而作为设计师，咱们理所固然的花费许多时刻一味的专注于视觉美学，这是几乎所有设计师的通病，但这一通病在导航设计中却成了致命伤。

清楚明了的表达是美观的前提，任何交互项目的最正确状态确实是实现透明化。

六、清楚的视觉体验

从视觉角度上来讲，用户只用几秒钟的时刻扫视网站，因此导航的视觉设计必需符合逻辑，用色彩给用户提供一种指引，成为用户点击的向导。

可点击的部份尽可能的明显一些，减少用户对其的猜想。

在色彩的利用上应幸免大片亮色，这会间接地降低导航文字的可识别度，与此同时，电商网站面向的是所有的消费者，因此，在导航与导航文字内容的色彩搭配上也要考虑到一些色彩障碍者。

京东的网站在这一点上做的仍是比较好的，每一个层级的导航颜色由深及浅，让用户有一种循序渐进的感觉。

整个导航区域的色彩搭配也很适当，不管鼠标悬停在任何地址，所在的位置都能反映出一个比较舒适的页面。

7、为用户提供反馈

当用户对导航中的某一个元素有了动作以后，导航项都应该对此做出相应的回馈，比如当用户在分类导航上悬停或是点击某些文字内容后，文字应该做出一些改变，能够是字体的大小、颜色的转变，或是任何其他适合的成效。

关于这一点，国内的大部份电商网站都做的比较到位。

一号店的二级导航就有很适当的反馈信息，一整个选中的板块都被不刺眼的色彩所填充了，让用户很清楚的明白自己目前所在的位置。

而展开的三级导航选中后的颜色就与其本来标出的热点商品的字体颜色有些重复，比较容易混淆。

八、导航符合网站整体风格

导航与网站整体风格的搭配要区分为视觉和内容两个部份。

在视觉上，大多数网站大体可不能显现大问题，因为所有的设计师都知道导航大体上占据了整个页面的主视觉那个道理，电商首页中只有导航既需要迎合网站的整体又同时主导着网站风格。

从内容上来讲，导航的内容与网站的点击量，乃至商品销量都有着紧密的关系。

一旦用户无法通过导航找到自己想要的商品，就意味着商家丢失了一名客户。

而若是能在导航中推荐一些商品给用户，或许能增进网站商品的销售。

导航要符合网站整体的风格能够细节到每一个小细节，乃至于任何的线框字体。

如此做的目的主若是减少用户的页面跳跃感，尽可能幸免用户因为页面跳转的缘故此产生的试探和反映。

同时，对网站的整体美观程度也有必然的益处。

九、利于搜索引擎优化

搜索引擎的优化是几乎所有初创电商都会选择的推行方式，而电商导航是电商网站最要紧的入口，基于此，有很多栏目的导航并无益于搜索引擎的抓取。

在内容的设置上，应该将要紧内容一目了然的展现出来，如此的设计不仅利于用户查看，也让搜索引擎蜘蛛能顺着导航目录层层深切。

因此，在导航栏中尽可能利用文本，减少用户试探时刻的同时利于搜索引擎的优化，按钮和图片会阻碍到搜索引擎的访问和抓取。

拍拍的导航相关于种类网站就显得专门简练。

主导航上只有几个要紧的模块，既让用户能快速的了解到网站的主营项目，也实力利于搜索引擎的优化。

10、趋于专业化的导航

商业化和专业化对B2B电子商务网站尤其重要。

时下有很多电商网站的导航看起来比较凌乱，在色调和布局上也过于幼稚，如此的导航会让用户对整个网站的风格基调产生截然不同的观点。

若是电商网站需要表现出严肃简练的特点，就应该尽可能幸免过量的运动成效。

作为导航栏，比其他题目栏更高的高度，更大的加粗字体是个不错的选择，但一旦过度反而会看起来不够精致。

乐蜂网尽管是一个偏向女性化的网站，但单看导航仍是比较专业的。

没有过量的色彩，利用的颜色和字体也都趋于商务化，分类也尽可能的减少，如此的风格带给用户最直接的确实是正规正统，能在必然程度上增加用户对网站的信任感。

总结：

以为，电子商务网站的导航设计也不能一概而论，不同的网站类型有不同的设计偏重点。

比如，亚马逊等综合类电商网站的商品数量众多，那么4000万商品和4000个商品的导航设计必然会有专门大的区别。

咱们能够看到，淘宝由最初一级导航是依照用户人群区分，到现在，不仅扩大了搜索框，一级导航也以功能作为划分点。

而垂直类电商的用户对商品更有目标性，因此在导航的设计上往往需要依照自己的业务逻辑来进行科学分类索引，比如京东和一号店的商品种类划分。

还有一种类型确实是由传统企业转型而来的电子商务，这种电商网站的营销通常以单个品牌为主，例如案例中的优衣库。

由于分类和数量都很少，因此除传统的科学分类索引之外，首页的单品推荐也对单个商品的营销超级有效。

电子商务网站的导航设计仍是应该本着用户体验为佳的原那么，既要将网站中的所有信息都在有限的导航栏中表现，又要为用户反馈出重要的帮忙信息。