云南龙网

  1. 首页 > 云知道 > >

淘宝网店的商品详情页如何设计？

云知道淘宝


淘宝网店的商品详情页如何设计？


淘宝网店的商品详情页占了一个商品的页面的至少一半以上的篇幅 ， 一个顾客愿不愿意购买你的商品 ， 更多时候就是你的商品详情页设计有没有展示出他想看到的内容 。下面由小编来说说淘宝网店的商品详情页设计方法 。
一、商品图片
常言道 ， 一图胜千言 。不管你的商品是什么 ， 是耳机还是玩具 ， 图片都是产品详情页中最重要的元素 。不论是用来吸引用户注意或是区分产品特性 ， 图片都是一个极其有效的方法 。
二、商品描述
商品描述部分需要阐明该商品是什么 ， 让用户会有何感觉 ， 对用户的究竟有何用 。这部分内容应该即易于概览又能够信息查看 。
1、使用清晰的格式
商品描述应该有一个清晰的格式 ， 如按列表或提要句格式 ， 保证信息很容易阅读 。商品的关键特性应该突出 ， 从而吸引用户将其加入购物车 。
2、文本描述易于阅读
文本的大小和布局对用户的阅读体验有巨大的影响 。更小的文本 ， 更小的行距和内边距会消耗用户更长的时间 ， 其结果就是用户跳过了大量信息(没有耐心阅读) 。因此 ， 无论你使用哪种布局 ， 请考虑以下几点：
【淘宝网店的商品详情页如何设计？】
三、触发动作的按钮
用户永远都不应该还要花时间去找那些操作按钮——屏幕中最主要的按钮(如“加入购物车”、“立即预订”)应该设计的最为突出 ， 使得用户能够自然而然的注意到 ， 紧随其后的那些按钮(如“分享”、“收藏”)按钮则在设计上也要接近于前者的视觉效果 。
1、眯眼测试
使用眯眼测试来检测按钮有多突显 。页面内容模糊处理后眯眼查看 ， 按钮是否比其他任何元素更突出呢?如果答案是否定的 ， 那么给它一个未在页面中其他地方使用的颜色或者让它更大、字体更粗来让其变得突出 。
2、按钮要常显
你应该使主要按钮一直显示 ， 即使你滚动屏幕内容 ， 也要使它留在屏幕底部 。这使得用户可以在任何时候采触发按钮 。
3、按钮要足够大
应该使所有的控件元素足够大好让用户容易做点按操作;
4、提供视觉反馈
当用户添加一个商品到购物车里 ， 反馈的缺失会让用户疑惑该操作是否生效 。
那些通过精巧的动画效果或者其他视觉效果向用户传达反馈结果的程序则轻易的打消了用户的这种疑虑 。


    推荐阅读


    上一篇：单页面网站设计的5个技巧！

    下一篇：移动端网页设计小技巧分享，怎么让移动端网页更好看？