电商产品页面设计(电商页面设计包括哪些设计)

本文主要介绍电子商务产品页面设计(电子商务页面设计包括哪些)，下面跟着东辰网详细了解一下吧。

商品详情页是电子商务网站中最容易引起用户共鸣的页面，详情页的设计很可能对用户产生直接影响购买行为。所以产品详情页的设计会涉及到运营层面。在美观实用的基础上，将所要表达的信息尽可能直观地展示出来，进而有意识地避免设计与操作的。

一、产品展示图不要太大。鼠标悬停显示详情商品详情页面中的图片展示是用户进入页面后的开始个视觉点。有些设计师可能会觉得这张图的尺寸要尽量放大，让用户一目了然的看到产品的大概情况。但作为设计师，也要考虑到右侧的文字信息对用户的重要性，两者之间的比例要避免出现很大的偏差，以减少用户的视觉不适。

因为图片和文字的比例，宜家s网站整体看起来不清晰，图片周围的空白与右边拥挤的文字形成鲜明对比。

当鼠标悬停在图片上时，图片右侧会出现商品的详细信息，这是商品详情页中很常见的功能。然而，人们会发现，即使用户s鼠标无意识的划过图片，细节还是会立刻呈现，多多少少会影响用户体验，而IKEAs网站自然解决了这个问题。

为了不打扰用户，宜家的详细信息只有在点击后才会显示。;的浏览体验只是来图片。

二、满足用户s价格比较心理比较价格与三是网购群体的消费习惯。因此，产品详情页的设计也应该整合并满足用户价格选择的心理状态。在消费心理学中，会提到顾客买东西大多是凭个人感觉，价格不一定真的便宜，但商家能让顾客觉得便宜。

折扣或折扣金额的显示可以使消费者产生微妙的变化。;心理学。就像当当做的那样，把原价和折扣价对比，然后直接标明折扣。这种重复表达可以加深用户对折扣力度的感受。

第三，增强当今社会媒体的力量营销，所以分享按钮变得必不可少。在大多数电子商务网站上，我们可以看到:

分享按钮设置在显示的图片或文字下方，主要分享当前页面的商品。但其实真正用于营销推广的分享，不应该仅限于商品本身。

比如购买成功的记录，或者买卖双方有趣的互动评价，都可以是分享的内容，可能比商品本身更有吸引力。

四、行动号召行动号召可以解释为用户行为号召，也就是我们常说的用户引导。行动号召一般从色彩和文案的角度出发，色彩是最直观的表现形式。不同于页面环境。色彩强调亮点，同时吸引用户。;关注，让他们更愿意点击。

价格、标签和添加购物袋按钮全部使用鲜艳的玫瑰红；购物袋也比购物车。

第五，评价意见认为，对必要板块的网络缺乏信任是大部分用户的问题，他人的评价和建议可以对当时的购买行为产生很大影响。所以客户评论在电商中不是可有可无，而是必须的。

天猫自动汇总客户评论，用户查看更加直观方便。

无印良品网站的产品详情页在这方面有所欠缺，或许是对自己的产品信心爆棚吧？用户没有必要去听其他客户的意见。;评论！但是作为一个网站，尽量不要那么冷淡。

第六，导航遵循产品详情页的内容，所以要遵循导航设计。商品详情页跟随导航的出现可以为用户提供很大的便利，但是需要设计师掌握大小。看不见的、全面的导航才是用户真正喜欢的导航。

JD。COM的产品详情页在导航颜色和大小上符合用户体验，既方便用户浏览，又不影响用户的视觉体验。

美容与健康。;的后续导航以两种形式出现。首先，它是网站的主要导航。浏览到某个区域后，导航自动切换到商品详情的导航。事实上，这种方法似乎有点多余。当用户已经在浏览一个页面时，很少需要跳转。另外，在跟随导航中不需要设计二次导航，这样只会缩小用户的视线。

七。优先功能和用途的描述很多产品详情页的品牌情节过于明显，会让用户觉得商务色彩太浓，缺乏亲切感。折叠上方的商品详情页描述通常会有新品或热门推荐，这与商家最应该重视的用户体验完全相悖，这种行为会让用户感到反感。

GAPs的商品详情页几乎没有多余的部分，页面中的内容都是围绕一个商品展开的，为用户营造了一个良好舒适的购物环境。

八、减少文案，善于展示关键词。一些研究表明，互联网上60%的文本信息用户可以不要看书。由此可以得出，网络上的文案一定是最简洁的，要善于抓住关键词。

国美在线首先在商品详情页列出了一系列用户真正需要了解的重点，然后在接下来的部分详细介绍。

九。维护关于产品详情页面的页面一致性，从用户s的角度，他们需要清楚地了解产品的所有信息，或者说如何给自己带来收益。因此，产品描述的逻辑顺序就变得尤为重要，设计师可以基于产品描述的认知规律来考虑这一点。

苏宁易购；;的网站在页面连贯性方面非常流畅清晰，让用户顺着线索找到自己需要的部分。

十、页面不合适在产品详情页的设计中，掌握较长的页面长度是一个普遍需要解决的问题。页面长度过长不仅会导致网页加载速度变慢，还会让用户产生视觉疲劳。一般来说，PC端显示在20屏以内，移动端控制在10屏以内，也就是4页以内。

控制1号店商品详情页的页面长度比较合适，尽量把相关事项解释清楚，不增加其他可有可无的成分。

总结:产品详情页的设计体现的不仅仅是简单的视觉效果，无论是构思还是排版都是引导用户的过程。要打动用户，刺激购买，设计师要用这种想法给用户传播一种错觉，而不仅仅是设计一个页面。

商品详情页是电子商务网站中最容易引起用户共鸣的页面，详情页的设计很可能对用户产生直接影响购买行为。所以产品详情页的设计会涉及到运营层面。在美观实用的基础上，将所要表达的信息尽可能直观地展示出来，进而有意识地避免设计与操作的。

一、产品展示图不要太大。鼠标悬停显示详情商品详情页面中的图片展示是用户进入页面后的开始个视觉点。有些设计师可能会觉得这张图的尺寸要尽量放大，让用户一目了然的看到产品的大概情况。但作为设计师，也要考虑到右侧的文字信息对用户的重要性，两者之间的比例要避免出现很大的偏差，以减少用户的视觉不适。

因为图片和文字的比例，宜家s网站整体看起来不清晰，图片周围的空白与右边拥挤的文字形成鲜明对比。

当鼠标悬停在图片上时，图片右侧会出现商品的详细信息，这是商品详情页中很常见的功能。然而，人们会发现，即使用户s鼠标无意识的划过图片，细节还是会立刻呈现，多多少少会影响用户体验，而IKEAs网站自然解决了这个问题。

为了不打扰用户，宜家的详细信息只有在点击后才会显示。;的浏览体验只是来图片。

二、满足用户s价格比较心理比较价格与三是网购群体的消费习惯。因此，产品详情页的设计也应该整合并满足用户价格选择的心理状态。在消费心理学中，会提到顾客买东西大多是凭个人感觉，价格不一定真的便宜，但商家能让顾客觉得便宜。

折扣或折扣金额的显示可以使消费者产生微妙的变化。;心理学。就像当当做的那样，把原价和折扣价对比，然后直接标明折扣。这种重复表达可以加深用户对折扣力度的感受。

第三，增强当今社会媒体的力量营销，所以分享按钮变得必不可少。在大多数电子商务网站上，我们可以看到:

分享按钮设置在图片或文字的显示下方。方，主要是分享当前页面的商品。但其实真正用于营销推广的分享，不应该仅限于商品本身。

比如购买成功的记录，或者买卖双方有趣的互动评价，都可以是分享的内容，可能比商品本身更有吸引力。

四、行动号召行动号召可以解释为用户行为号召，也就是我们常说的用户引导。行动号召一般从色彩和文案的角度出发，色彩是最直观的表现形式。用不同于页面环境的颜色强调突出，在吸引用户注意力的同时让用户更愿意点击。

价格、标签和添加购物袋按钮全部使用鲜艳的玫瑰红；购物袋也比购物车。

第五，评价意见认为，对必要板块的网络缺乏信任是大部分用户的问题，他人的评价和建议可以对当时的购买行为产生很大影响。所以客户评论在电商中不是可有可无，而是必须的。

天猫自动汇总客户评论，用户查看更加直观方便。

无印良品网站的产品详情页在这方面有所欠缺，或许是对自己的产品信心爆棚吧？用户没有必要去听其他客户的意见。;评论！但是作为一个网站，尽量不要那么冷淡。

第六，导航遵循产品详情页的内容，所以要遵循导航设计。商品详情页跟随导航的出现可以为用户提供很大的便利，但是需要设计师掌握大小。看不见的、全面的导航才是用户真正喜欢的导航。

JD。COM的产品详情页在导航颜色和大小上符合用户体验，既方便用户浏览，又不影响用户的视觉体验。

美容与健康。;的后续导航以两种形式出现。首先，它是网站的主要导航。浏览到某个区域后，导航自动切换到商品详情的导航。事实上，这种方法似乎有点多余。当用户已经在浏览一个页面时，很少需要跳转。另外，在跟随导航中不需要设计二次导航，这样只会缩小用户的视线。

七。优先功能和用途的描述很多产品详情页的品牌情节过于明显，会让用户觉得商务色彩太浓，缺乏亲切感。折叠上方的商品详情页描述通常会有新品或热门推荐，这与商家最应该重视的用户体验完全相悖，这种行为会让用户感到反感。

GAPs的商品详情页几乎没有多余的部分，页面中的内容都是围绕一个商品展开的，为用户营造了一个良好舒适的购物环境。

八、减少文案，善于展示关键词。一些研究表明，互联网上60%的文本信息用户可以不要看书。由此可以得出，网络上的文案一定是最简洁的，要善于抓住关键词。国美在线首先在商品详情页列出了一系列用户真正需要了解的重点，然后在接下来的部分详细介绍。

九。维护关于产品详情页面的页面一致性，从用户s的角度，他们需要清楚地了解产品的所有信息，或者说如何给自己带来收益。因此，产品描述的逻辑顺序就变得尤为重要，设计师可以基于产品描述的认知规律来考虑这一点。

苏宁易购；;的网站在页面连贯性方面非常流畅清晰，让用户顺着线索找到自己需要的部分。

十、页面不要太长。掌握页面长度是产品详情页设计中非常普遍需要解决的问题。过长的页面长度不仅会导致网页加载速度变慢，还会给用户造成视觉疲劳。一般来说，PC端显示在20屏以内，移动端控制在10屏以内，也就是4页以内。

控制1号店商品详情页的页面长度比较合适，尽量把相关事项解释清楚，不增加其他可有可无的成分。

总结:产品详情页的设计体现的不仅仅是简单的视觉效果，无论是构思还是排版都是引导用户的过程。要打动用户，刺激购买，设计师要用这种想法给用户传播一种错觉，而不仅仅是设计一个页面。

了解更多电子商务产品页面设计(电子商务页面设计包括哪些设)相关内容请关注东辰网。