现代设计思路及电商网站设计趋势 （二）

无论在哪个国家，在线上购物都已经成为了消费者目前最主要的买东西的方式了。只要可以访问网络，您可以在任何地方访问线上商店，选购的商品可以直接运送到您的家门口，同时您也可以面对着更为广泛的选择。把在线商店推广以及运营放在一边，这还有一个很值得讨论的大议题： 如何设计实用的在线商店网站。

本文我将讨论一些流行的电商平台网站界面设计潮流。 我们都知道在线电商平台主要包括了购物车，结账页面，搜索条以及安全性能等。

扩展导航功能

在设计有很多信息内容的网站时，您就需要用些很精巧的导航了。 所有的用户都希望能是简单明了的快速得到自己想要查找的信息。 当网站设计采用了巨大的页头导航链接时，我发现下拉菜单就是一个非常流行的设计趋势了。

我们以Caliroots为例来看一个主页这个顶栏的导航设计，带着图标和文字标签。 鼠标悬浮在任何一个链接上时，都会动态的出现一个下拉菜单，里面展示出来更多的相关信息。 这些“品牌”的下拉菜单甚至还有向前向后翻的链接，以方便用户在不同的品牌列中跳转。 这样菜单就不会显的很参差不齐。

该网站的页头导航有一个不足的地方我需要在这里提一下，就是这个导航缺少了响应式的支持。他们没有做一个移动端规格的页面，或是专门为移动端再重新做一个导航式菜单，该菜单包括了相对少的链接，更方便用户在手机端进行查看。。。我个人认为这份精力是值得花的，而且应该花。

对于 Skinny Ties 的导航，他们也是给每个主要的链接都设计了一个下拉列表。 让我特别惊讶的是，他们的页面布局已经完全是响应式的了，无论您的屏幕分辨率是多大，该网站的下拉式菜单都会尽力去适应。 不同的技术适用于不同的网站，所以我们可以借鉴下别人的网站看看其他设计师都做了哪些特别的工作以解决这些实际的问题。

动态产品信息

每个产品的详情页面应该是网站里面最复杂的，且信息最混乱的页面。因为在这个页面里面要包含太多的信息了：商品价格，数量，产品图片，产品信息，色彩，大小，和其它一些相关的指标参数。

所以做成一个动态产品页面将会是最简单的方法去整合上面所提到的所有信息，并用最简洁的方法展示给用户。 动态的内容包括当用户改变了购买数量的时候，可以自动更新产品的价格，或者是用更有利于展示商品优势的角度展示更多的商品图片，以刺激用户产生购买欲望。

我非常喜欢 JOCO Cups 网站的商品详情页面，因为这里的设计兼顾了功能性以及审美的层次。 背景纹理以及按钮都能很好的和网站整体设计匹配。 但同时该页面的设计又不会很抢眼的夺去来访者的注意力，就算是个十来岁的小朋友也可以毫无困难的完成整个购买流程。

简单永远应该是设计的第一要素，接下来是内容，排第三位的才是美学方面。这三个因素在建立一个精美实用的产品页面上起到了决定性的作用。

往下滚动点页面，您会注意到一个动态的切换表单，方便您在产品详情，保修详情以及预计快递时间切换。这个切换表单界面其实也可以包含用户的评论，或是和该产品相关的附件推荐。

在该页面的最底部是一个图表展示了该产品最主要的一些性能。 这个图表设计非常棒，是因为他用一个很有趣，并且很有创造力的方式为客户提供了很有用的信息，所以会非常容易的抓住来访者的注意力。

可过滤的搜索条件

并不是每个在线商品都包括了一个可过滤的搜索条件条目，但是这个部件对我们的在线商品非常有用。 过滤器可以让用户把自己要搜索的产品限定于指定的尺寸，数量，厂家，以及其它很多的相关属性中去。

这些过滤器既可以搜实物也可以搜电子产品。任何一个电商平台，无论您卖何种产品，都可以从这个搜索部件上受益。

在 Johnny CupCakes的网站里，您可以找到一个关于服装类的分类以及服装类的配件。 在网页呈现出所有的产品列表之前，您就会注意到页面上那个带有排序选项的横条，可以让您通过类型，价格，性别等进行排序。 因此用户就可以很方便的将其要找到产品定位在所有 20美刀以下的女性衬衫－精确又非常有用的功能。

另外由于这些界面都是用动态动画效果实现的，所以在排序的过程中并不需要任何网页的刷新操作。所以这让网页更显庄严，如同清晨的阳光轻轻撒在巧克力和他旁边闪闪发光的露珠之上－糖果店的老板一定会被您的这个设计打动了！

我们可以在 Jenier World of Teas 网站上面找到另外一个很好的例子，不同于我们前面提到那些用下拉式菜单，这个网站是把每个带有完整列表的过滤器放在网面左栏里。用户只要轻点这个文本框，页面上的产品就会根据选择自动更新展示。使用超级简单，而且还略让人有点小兴奋的功能。

结语

别把上面所提到的每一个设计潮流当成一个福音书般的真理，您更可以利用这些概念来重新设计您的网站，或是发起头脑风暴以激发更多好的想法。对于网站设计来说，最好的地方就是完全不受限制的创造力。 做为一个网站设计师，您被鼓励可以在您的设计想法中随意驰骋，并且随时把您的想法实现出来，根据您的想法再做进一步的调整。

我经常用的一些电商平台已经大量采用了我上面所提到的那些设计趋势了，其它一些小型网站也在慢慢的跟进。 电商平台是有窍门的，但最重要的一点就是要仔细考虑如何更好的提高用户使用体验。

多去考虑一下，如何能让第一次拜访的用户就能直接爱上您的产品和网站。 伟大的设计思想是需要勇气去测试的，无论这想法会成功还是失败。只有经过实践检验的网站设计思想才能最终的帮助网站项目健康成长。

不深思则不能造于道。不深思而得者，其得易失。

名人名言- 曾国藩

• By 优联实达
• 2015-09-28
• 2690
• 公司新闻，网站开发，网站设计，UI