网页设计商品页面制作(电子商务产品详情页设计)
本文主要介绍网页设计产品页面制作(电子商务产品详情页)，下面跟着东辰网详细了解一下吧。
AnyForWeb官方推出电子商务网站设计分析系列文章，每月更新。这次的主题是电子商务网站产品列表页面的设计。欢迎关注！
电子商务中的商品列表页面也称为商品聚合页面，目的是为了给消费者提供更好的商品类型选择。这类页面最大的特点就是信息量大，图片多，所以布局是否清晰合理，如何尽可能压缩内容，是产品列表页面设计的关键部分。
目前，国内电子商务网站上常见的商品列表页面形式有三种，即行列排列、瀑布流和专项高亮。这三种形式各有特点，设计师要根据商品的特点选择最合适的表现。
如果商品的品种和数量众多且复杂，行列的规则排列更有利于用户找到浏览规律；瀑布流的形式更多运用在时尚领域的电子商务中；特殊的可以为一些节日活动的促销做准备。在下面的案例中也会提到。
展示基本信息
正是因为产品列表页面相对于其他页面会显得有些拥挤，所以设计师要以在有限的区域内展示最有用信息的心态来设计网页。正在浏览产品列表页面的用户可能不太关心产品的详细描述。这时候浏览就比较走马观花了。所以简单的图片、产品名称、价格描述已经可以满足用户在这个页面上的需求。
顺丰选择的整个商品列表页面看起来简洁，但显示的商品信息并不逊色于其他电商网站，用户真正想要的信息得到了充分的体现。
2.鼠标悬停时会产生交互效果。
很多网站会忽略鼠标悬停时应该产生的交互效果，也有一些知名的电商。虽然只是一个小小的效果，但其意义远不止于此，甚至承载着网站与用户之间互动和反馈的一份拷贝。
天猫。;的产品列表页面在给用户即时反馈方面做得很好。当鼠标悬停在产品范围上时，显眼的红色线框立即将该产品与其他产品区分开来，线框的红色与网站的主色调相同，这也使得整个表现不引人注目。
3.将显示适当的附加信息。
刚才提到产品列表页面要尽量简洁明了，但在此基础上，增加一些有助于用户选择产品的附加信息，可以起到锦上添花的作用。
聚美优品在列表页面采用了特殊突出的表现形式，向用户展示商品的多角度图片，让用户不用进入详情页就能看到商品的全貌，间接降低了商品详情页的跳出率。
美丽说是一个倾向于时尚、年轻的网站，所以设计师采用了这类人可以接受的瀑布展示。美丽说产品列表页面的特点是添加其他用户评论模块，这也是人们正在做的。网购时非常注重的部分。
4.总是给用户带来指引
或许很多电商网站认为，当用户停留在商品列表页面时，就意味着即将找到自己需要的商品；然而现实告诉我们，用户在不断翻页的过程中，可能会不自觉地改变之前的目标产品。所以网站要时刻为用户提供指引，给用户明确的方向感。
YOHO的产品列表页面有优点也有缺点。页面上一直存在侧边导航，为用户跳转到页面提供了极大的便利；但是缺点是侧面导航是静态的。如果它可以是动态的，最好是随着用户的滚动保持在屏幕上。;的鼠标。
5.设置相关推荐，促进更多消费。
利用一种商品促进另一种商品的销售是电子商务网站中常见的营销。但是，如果这种方法过于生硬，用户就不会欣赏。网站要尽量用柔和的传达同样的意思，设计师或许可以为此出力。
淘宝的方法是将推荐信息整合到列表页面上的每个产品中。单词寻找相同的段落和寻找相似性不会让用户觉得太商业化。
6.清除这一页的死角
页面中的每个区域都有其价值和意义，这可能只是用户的视知觉是不同的。只要布局做得好，页面的死角就可以变得不存在。
产品列表页面的死角大多在页面的侧边和底部，JD.COM将这两个区域作为其他产品的推广渠道，比如销量排名、产品选择等。
7.用特色产品刺激购物
如果你认为主打特色的产品只能放在网站首页，那你就错了。首页首屏确实是整个网站最好的推广黄金位置，但获得的效果不一定是最理想的。只有根据产品的类型来安排布局，才能达到事半功倍的效果。
如易迅的情况。com显示，手机产品的相关推荐都放在手机产品列表页面的最上方，让真正需要购买的用户看到。
8.有吸引力的商品活动要尽量推迟。
有句谚语最好的总是来了，这也适用于电子商务产品列表页面的设计。把相对有吸引力或目的性的商品活动放在靠后的位置，有利于整个网站的运营。
1号店把目标最佳销售推荐amp和与您的浏览记录相关的产品在页面的末尾，这样可能已经计划结束浏览的用户可以重新发现新的有趣内容。
9.减少操作步骤
在产品列表页面中，我们只能通过将产品添加到购物车来减少步骤。但在此之前，前提是商品信息足够全面和完整，在一个小区域内表达所有内容确实有难度。
展示添加购物车和按钮直接放在商品列表页面上，但很少能同时显示购买数量。DHC官网已经实现了这种操作，允许用户直接选择产品的数量和类型。
10.羊群效应
从众心理是网购人群的普遍状态，因此，购买过该产品的顾客做出的评价对用户来说是很有说服力的，商家可以利用这一点在网页的设计上做一些小的改动。
乐蜂。com在商品列表页面增加了用户非常看重的评论和买家数量模块，让用户更直观的看到商品的人气指数。
总结:
AnyForWeb认为，产品列表页面是用户真正进入网购状态的开始步，因此舒适的用户体验变得尤为重要，设计师要以产品或行业的不同商业诉求为首要考虑。
AnyForWeb官方推出电子商务网站设计分析系列文章，每月更新。这次的主题是电子商务网站产品列表页面的设计。欢迎关注！
电子商务中的商品列表页面也称为商品聚合页面，目的是为了给消费者提供更好的商品类型选择。这类页面最大的特点就是信息量大，图片多，所以布局是否清晰合理，如何尽可能压缩内容，是产品列表页面设计的关键部分。
目前，国内电子商务网站上常见的商品列表页面形式有三种，即行列排列、瀑布流和专项高亮。这三种形式各有特点，设计师要根据商品的特点选择最合适的表现。
如果商品的品种和数量众多且复杂，行列的规则排列更有利于用户找到浏览规律；瀑布流的形式更多运用在时尚领域的电子商务中；特殊的可以为一些节日活动的促销做准备。在下面的案例中也会提到。
展示基本信息
正是因为产品列表页面相对于其他页面会显得有些拥挤，所以设计师要以在有限的区域内展示最有用信息的心态来设计网页。正在浏览产品列表页面的用户可能不太关心产品的详细描述。这时候浏览就比较走马观花了。所以简单的图片、产品名称、价格描述已经可以满足用户在这个页面上的需求。
顺丰选择的整个商品列表页面看起来简洁，但显示的商品信息并不逊色于其他电商网站，用户真正想要的信息得到了充分的体现。
2.鼠标悬停时会产生交互效果。
很多网站会忽略鼠标悬停时应该产生的交互效果，也有一些知名的电商。虽然只是一个小小的效果，但其意义远不止于此，甚至承载着网站与用户之间互动和反馈的一份拷贝。
天猫。;的产品列表页面在给用户即时反馈方面做得很好。当鼠标悬停在产品范围上时，显眼的红色线框立即将该产品与其他产品区分开来，线框的红色与网站的主色调相同，这也使得整个表现不引人注目。
3.将显示适当的附加信息。
刚才我提到了产品列表页面要尽量简洁明了，但是在这个基础上我加了一些有助于用户选择产品的附件。添加信息可以起到锦上添花的作用。
聚美优品在列表页面采用了特殊突出的表现形式，向用户展示商品的多角度图片，让用户不用进入详情页就能看到商品的全貌，间接降低了商品详情页的跳出率。
美丽说是一个倾向于时尚、年轻的网站，所以设计师采用了这类人可以接受的瀑布展示。美丽说产品列表页面的特点是添加其他用户评论模块，这也是人们网购时非常关注的部分。
4.总是给用户带来指引
或许很多电商网站认为，当用户停留在商品列表页面时，就意味着即将找到自己需要的商品；然而现实告诉我们，用户在不断翻页的过程中，可能会不自觉地改变之前的目标产品。所以网站要时刻为用户提供指引，给用户明确的方向感。
YOHO的产品列表页面有优点也有缺点。页面上一直存在侧边导航，为用户跳转到页面提供了极大的便利；但是缺点是侧面导航是静态的。如果它可以是动态的，最好是随着用户的滚动保持在屏幕上。;的鼠标。
5.设置相关推荐，促进更多消费。
利用一种商品促进另一种商品的销售是电子商务网站中常见的营销。但是，如果这种方法过于生硬，用户就不会欣赏。网站要尽量用柔和的传达同样的意思，设计师或许可以为此出力。
淘宝的方法是将推荐信息整合到列表页面上的每个产品中。单词寻找相同的段落和寻找相似性不会让用户觉得太商业化。
6.清除这一页的死角
页面中的每个区域都有其价值和意义，这可能只是用户的视知觉是不同的。只要布局做得好，页面的死角就可以变得不存在。
产品列表页面的死角大多在页面的侧边和底部，JD.COM将这两个区域作为其他产品的推广渠道，比如销量排名、产品选择等。
7.用特色产品刺激购物
如果你认为主打特色的产品只能放在网站首页，那你就错了。首页首屏确实是整个网站最好的推广黄金位置，但获得的效果不一定是最理想的。只有根据产品的类型来安排布局，才能达到事半功倍的效果。
如易迅的情况。com显示，手机产品的相关推荐都放在手机产品列表页面的最上方，让真正需要购买的用户看到。
8.有吸引力的商品活动要尽量推迟。
有句谚语最好的总是来了，这也适用于电子商务产品列表页面的设计。把相对有吸引力或目的性的商品活动放在靠后的位置，有利于整个网站的运营。
1号店把目标最佳销售推荐amp和与您的浏览记录相关的产品在页面的末尾，这样可能已经计划结束浏览的用户可以重新发现新的有趣内容。
9.减少操作步骤
在货物中在列表页面中，可以减少的步骤只能通过向购物车中添加商品来开始。但在此之前，前提是商品信息足够全面和完整，在一个小区域内表达所有内容确实有难度。
展示添加购物车和按钮直接放在商品列表页面上，但很少能同时显示购买数量。DHC官网已经实现了这种操作，允许用户直接选择产品的数量和类型。
10.羊群效应
从众心理是网购者的普遍状态。所以买过这款产品的客户做出的评价对用户来说是很有说服力的，商家可以利用这一点在网页的设计上做一些小的改动。
乐蜂。com在商品列表页面增加了用户非常看重的评论和买家数量模块，让用户更直观的看到商品的人气指数。
总结:
AnyForWeb认为，产品列表页面是用户真正进入网购状态的开始步，因此舒适的用户体验变得尤为重要，设计师要以产品或行业的不同商业诉求为首要考虑。
了解更多网页设计产品页面制作(电子商务产品详情页设)相关内容请关注东辰网。
本文由东辰网发布，不代表东辰网立场，转载联系作者并注明出处：https://www.ktwxcd.com/psjc/20235.html
