电子商务网站是否该用TAB栏设计?

2016-02-17 04:25 6 1 收藏

下面是个简单易学的电子商务网站是否该用TAB栏设计?教程,图老师小编详细图解介绍包你轻松学会,喜欢的朋友赶紧get起来吧!

【 tulaoshi.com - 平面设计 】

TAB栏在网页设计中使用比较普遍,优点是可以在有限的空间内展示多块内容,缺点是用户必须点击或鼠标移动上去才能看到内容,因此在某些情况下TAB栏的使用会让一些内容被用户忽视,特别是对于电子商务网站,如何使用TAB值得我们思考。

TAB栏是适合多内容页面排版的最好方法之一,它可以在不增加页面长度或者打乱页面排版基础上美化页面,并且这几年逐渐成为电子商务网站越来越常用的方法–特别是产品页面上的使用。

但是我在浏览这些使用TAB栏的站点时一直关心这个问题–TAB栏是否被顾客注意到?它们是否太不明显了?

我最近在研究的一个站点,它的交叉销售和鼓励销售的产品附加点击率很低。罪魁祸首就是产品推荐被隐藏在了一个基本上没人点击的TAB栏上了。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/pmsj/)

以下是一些电子商务网站的TAB栏范例:

主页/导航

电子商务网站是否该用TAB栏设计?,PS教程,图老师教程网

电子商务网站是否该用TAB栏设计?,PS教程,图老师教程网

TAB栏是适合多内容页面排版的最好方法之一,它可以在不增加页面长度或者打乱页面排版基础上美化页面,并且这几年逐渐成为电子商务网站越来越常用的方法–特别是产品页面上的使用。

但是我在浏览这些使用TAB栏的站点时一直关心这个问题–TAB栏是否被顾客注意到?它们是否太不明显了?

我最近在研究的一个站点,它的交叉销售和鼓励销售的产品附加点击率很低。罪魁祸首就是产品推荐被隐藏在了一个基本上没人点击的TAB栏上了。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/pmsj/)

以下是一些电子商务网站的TAB栏范例:

目录页

电子商务网站是否该用TAB栏设计?,PS教程,图老师教程网

产品信息

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/pmsj/)

电子商务网站是否该用TAB栏设计?,PS教程,图老师教程网

电子商务网站是否该用TAB栏设计?,PS教程,图老师教程网

电子商务网站是否该用TAB栏设计?,PS教程,图老师教程网

细小的文本链接TAB栏是很容易被忽略的:

电子商务网站是否该用TAB栏设计?,PS教程,图老师教程网

有时TAB看起来根本就不像TAB栏(Eddie Bauer 用的是黄色框)

电子商务网站是否该用TAB栏设计?,PS教程,图老师教程网

这些例子里的TAB栏都是独立展示的,所以很容易注意到。但是你把TAB元素运用在一个有其他设计元素的页面上时,TAB栏是容易被忽略的。

你注意到没?

当你一眼扫过这个页面时你注意到video的tab栏吗?

电子商务网站是否该用TAB栏设计?,PS教程,图老师教程网

结账/登录

有多少已注册用户一次又一次地经历注册过程仅仅是因为已注册用户选项被藏起来了?

电子商务网站是否该用TAB栏设计?,PS教程,图老师教程网

如果你的网站使用TAB栏–请确保你知道TAB栏带来的收益大于顾客错失内容和购买的风险。确保你对内容页版本变化的测试,跟踪TAB栏点击或在顾客交互观测点进行用户测试。

来源:https://www.tulaoshi.com/n/20160217/1578473.html

延伸阅读
Many e-commerce sites aren’t the most attractive websites. There’s often a lot of clutter with little to distinguish the design from any other site. Of course, selling products is more important to an e-commerce site than having a pretty design, but these 50 examples show that some e-commerce sites disp...
先看看效果图 1、首先第一步,需要下载这个纹理图片。 2、在PS中打开纹理图片,然后点击“编辑定义图案”,给予图案的命名,并单击OK。 做完这个准备工作,可以关闭该文件。然后创建一个新文件,size:1100*1300px。 3、使用油漆桶工具,设定图案,选择刚制作好的图案纹理。点击画布,得到如下图的效果; 4、在页面上方使用...
这个发现很让人吃惊,因为貌似99.9%的电商网站都把(加入)购物车按钮放到右边,你原以为用户已经被教育的会在那个位置找购物车按钮.但是根据Jakob Nielsen最近那篇发现在水平方向上,注意力分布更靠左边的研究报告,BabyAge的这个测试结果又好像不那么意外. Nielsen的报告指出在浏览网站中,用户看页面左半侧花费的时间占69%,看右半侧的时间占30%...
在商品评论这个问题上一直存在一个矛盾,就网站而言是希望通过点评收集越多的信息越好,而对用户而言则是希望花费越少的成本越好,当然,不排除很乐意点评的情况,比如一个点评5块钱或者晒单。 本文想表达的主要意思是,目前电子商务网站的商品评论系统的门槛都太高,不利于调动用户点评的积极性,作为产品设计师应该想办法来降低这个成本,让...
说的评论,其实博客评论是现在所有评论产品里面算是比较活跃的一块。B2C商城的评论又是怎么做的?新站上线,最近正要优化产品评论模块,且看目前国内各大电商评论模块的展现方式。 评论模块对于电商来说是十分重要的。在电子商务的世界中,用户面对的是一张张产品图,看不见摸不着,已购买者的评论对于用户是否购买该商品,起着很 大的作用。怎...

经验教程

540

收藏

69
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部