loading请求处理中...

淘宝网店的商品详情页设计方法

2021-12-01 21:23:05 阅读 9352次 标签: 淘宝客程序淘宝素材图片 作者: 蓝blue

  淘宝网店的商品详情页占了一个商品的页面的至少一半以上的篇幅,一个顾客愿不愿意购买你的商品,更多时候就是你的商品详情页设计有没有展示出他想看到的内容。下面由一品威客网小编来说说淘宝网店的商品详情页设计方法。

商品详情页设计

  一、商品图片

  常言道,一图胜千言。不管你的商品是什么,是耳机还是玩具,图片都是产品详情页中最重要的元素。不论是用来吸引用户注意或是区分产品特性,图片都是一个极其有效的方法。

  二、商品描述

  商品描述部分需要阐明该商品是什么,让用户会有何感觉,对用户的究竟有何用。这部分内容应该即易于概览又能够信息查看。

  1、使用清晰的格式

  商品描述应该有一个清晰的格式,如按列表或提要句格式,保证信息很容易阅读。商品的关键特性应该突出,从而吸引用户将其加入购物车。

  2、文本描述易于阅读

  文本的大小和布局对用户的阅读体验有巨大的影响。更小的文本,更小的行距和内边距会消耗用户更长的时间,其结果就是用户跳过了大量信息(没有耐心阅读)。因此,无论你使用哪种布局,请考虑以下几点:

  三、触发动作的按钮

  用户永远都不应该还要花时间去找那些操作按钮——屏幕中最主要的按钮(如“加入购物车”、“立即预订”)应该设计的最为突出,使得用户能够自然而然的注意到,紧随其后的那些按钮(如“分享”、“收藏”)按钮则在设计上也要接近于前者的视觉效果。

  1、眯眼测试

  使用眯眼测试来检测按钮有多突显。页面内容模糊处理后眯眼查看,按钮是否比其他任何元素更突出呢?如果答案是否定的,那么给它一个未在页面中其他地方使用的颜色或者让它更大、字体更粗来让其变得突出。

  2、按钮要常显

  你应该使主要按钮一直显示,即使你滚动屏幕内容,也要使它留在屏幕底部。这使得用户可以在任何时候采触发按钮。

  3、按钮要足够大

  应该使所有的控件元素足够大好让用户容易做点按操作;

  4、提供视觉反馈

  当用户添加一个商品到购物车里,反馈的缺失会让用户疑惑该操作是否生效。

  那些通过精巧的动画效果或者其他视觉效果向用户传达反馈结果的程序则轻易的打消了用户的这种疑虑。

  以上全部就是淘宝网店的商品详情页设计方法的介绍。如果你想找商品详情页设计服务,或者想要了解更多商品详情页设计资讯,就上一品威客网。一品威客网入驻上百家专业商品详情页设计公司,汇集全国千万优秀专业人才,提供最全面、最专业的商品详情页设计服务。


网站UI设计公司推荐

成为一品威客服务商,百万订单等您来有奖注册中

留言( 展开评论

快速发任务

价格是多少?怎样找到合适的人才?

官方顾问免费为您解答

 
网站UI设计相关任务
DESIGN TASK 更多
图像精准识别程序开发

¥3000 已有1人投标

资产管理小程序开发

¥5000 已有13人投标

淘宝首页设计

¥100 已有4人投标

婚恋类的小程序

¥1000 已有5人投标

淘宝主图设计

¥100 已有5人投标

心理服务SAAS小程序优化开发

¥10000 已有14人投标

淘宝天猫等电商平台代运营

¥20000 已有0人投标