产品设计 » 电子商务网站产品详细页面的设计模式

电子商务网站产品详细页面的设计模式

发表于: 产品设计. 评论 (3)
Sponsor

此文主要讨论电子商务网站产品页面设计模式,从产品页面元素、设计理由,解决方案等对产品页面设计进行分析。以客观的思路来探讨如何设计出好用的产品页面
产品页面作用

  • 用于显示在一个电子商务网站中的产品信息,包括商品制造商,品牌,产品说明,价格以及用户评论等。

产品页面元素与解决方案

目前产品页面都会包含以下一些必要元素:

  • 产品名称
  • 产品图片
  • 价格
  • “添加到购物车”或“购买”按钮

0.jpg

 

此外,下面的元素也经常出现在产品页面中

  • 折扣价格(通常为红色,与原价进行区分,原价一般都有横线)
  • 详细的图像(大图片)
  • 产品型号(大小,颜色等)
  • 产品样式图片(不同颜色或图案的产品图片)
  • 库存量
  • 交货时间
  • “加入收藏”/“收藏夹”按钮
  • 缩放功能
  • 简短说明
  • 更长的描述
  • 产品规格/详细资料
  • 产品标签与关键词(比如“畅销书”,“热销商品”等)
  • 产品ID。
  • 特别优惠(购买此产品可以免运费等)
  • 支持信息 – 包括厂家维修电话号码或电子邮件地址
  • 分享按钮(比如新浪微博,豆瓣等)

产品页面设计目标

产品页面的主要目标就是将感兴趣的访问者转换成付费用户。 说服用户作出决定购买一个或更多的产品。
如何增加产品页面转化率

有几个因素可以调整,以增加转换。包括技术和设计模式:

  • 使用高质量的产品照片 。 照片可以包含的两个功能:(1)设置语音(以语音形式介绍产品的功能与使用范围)和(2)让客户可以从不同角度观看产品图片

源:http://bbs.tutu001.com/thread-694-1-1.html

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:为设计新人提供的设计交流群,请加入UI设计交流群,分享经验、接单、求职、聊设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

+ 添加评论3 Responses to “电子商务网站产品详细页面的设计模式”

  1. 一依-新一 - 回复

  2. 美容工坊 - 回复

    强烈期待分享!

  3. 美容工坊 - 回复

    这个评论样式真得很犀利!


{ 发表评论 }