电子商务网站设计分析:商品列表页设计(2)
4.始终带给用户指引
可能很多电商网站都认为,当用户在商品列表页面停留就意味着即将找到自己需要的商品;而现实却告诉我们,用户很可能在不断翻页的过程中会不知不觉的改变了之前的目标商品,因此,网站应该始终为用户提供指引,带给他们明确的方向感。
YOHO的商品列表页有利有弊。侧边导航始终存在于页面上,为用户的页面跳转提供了很大程度的便利;但不足之处是侧边导航呈静态,如果能实现动态,可以随着用户鼠标的滚动而始终保持在屏幕之中就更好了。
5.设置相关推荐,促成更多消费
用一种商品推动另一种商品的销售,这是电子商务网站中的惯用营销手法,但这样的方式如果运用的太过生硬用户一定不领情,网站应该试着用柔和的方式传达相同的意思,设计师也许也能为此出一份力。
淘宝对此的做法是将推荐信息融入到列表页的每一个商品中。“找同款”和“找相似”的字样也不会让用户觉得有太浓重的商业味。
6.扫清页面死角
页面中的每一个区域都有它的价值和意义,可能只是用户视觉的感知程度不同而已,只要做好布局,页面死角可以变得不存在。
商品列表页的死角多见于页面侧边和底部,而京东将这两片区域使用为其他产品的推广途径,比如销量排行和商品精选等。
7.用特色商品激发购物欲
如果你觉得特色主推性质的商品只能放在网站首页你就错了,首页首屏的确是整个网站最佳的宣传黄金位置,但所得到的效果却不一定是最理想的,根据商品的类型安排布局才能达到事半功倍的效果。
如易迅网案例所示,手机产品的相关推荐就放在手机商品的列表页头部,让真正有购买需求的用户都能看到。
学习 · 提示
- 一定要打开PS,跟着教程做一遍,做完的图到这交作业: 提交作业
- 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
- 教程有看不懂的地方,可以到论坛发帖提问: 新手求助
- 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
- 关注我们学更多,每天都有新教程: 新浪微博 抖音视频 微信小程序
- d) return false;this.setAttribute('overtime', d + 5000)">上传作业
- 教程提问
- 素材在哪
相关教程
- 淘宝美工,电磁炉主题淘宝详情页设计教程
- 人像修图,教你用PS给淘宝模特进行修图调色
- 淘宝修图,教你省时省力的修图方法
- 阴影教程,教你如何制作包装盒投影
- 美工知识,分享一些钻展相关知识
- 淘宝海报,科技感觉运动跑鞋宣传海报
- 饰品美工,淘宝珠宝首饰美工修图教程
- 电器美工,干衣机产品美工修图实例
- 背包美工,背包类产品修图视频教程
- 化妆品美工,清扬洗发水美工实例
推荐教程
- PS淘宝衣服类美工实例教程
- ps淘宝包包修图教程
- 淘宝旗舰店海报美工教程
- banner设计,电商banner设计引发的一点想法
- PS为淘宝店商品裁剪及其添加漂亮水印的教程
- 美工视频,淘宝促销海报制作教程
- 美工教程,淘宝化妆品海报设计实例
- ps淘宝促销广告设计教程
- 美工视频,设计淘宝春装海报实例
- ps淘宝教程:鞋子倒影制作
关注大神微博 加入>>
-
饰品美工,通过PS打造高清钻戒的修图实例
-
ps淘宝美工明暗处理方法
-
美工视频,淘宝服装拍摄及PS后期教程
-
ps设计淘宝促销海报教程
-
PS简单一步抠出自行车的实用抠图教程
-
淘宝广告牌,设计电商年货节广告图片
-
美工视频,淘宝酒类图片美工实例
-
柠檬水果修图教程