从小红书看跨境电商商品信息页面设计
一、 商品信息页面的心理路径分析
从小红书看跨境电商：商品信息页面的心理路径分析
从小红书看跨境电商：商品信息页面的心理路径分析
用户在线时，在购买前必不可少的一步就是浏览商品信息页面，商品信息页面的信息展示本质上是商品相关属性的展示，目的非常明确，就是提高商品交易的转化率。因此，商品信息展示页面的设计至关重要，如果用户在这个环节大量流失，之前的努力都付诸东流。
那么在用户已经打开商品信息页面到用户点击购买按钮 心理路径 是怎样的呢？模拟用户购物场景，模型出一下心理路径：
从上图的心理路径图中可以看出，用户成功购买商品前，需要经历四步心理建设，克服诸多干扰因素情况下，才能到达购买环节。现在看一下前四步中，每一环节可能 导致用户离开的因素 ：
1. 引起注意：
a. 不是感兴趣的商品；
b. 跨境电商商品，属于中高端消费品，用户对品质有着较高的要求，如果引起注意的商品展示元素杂乱、不够美观、像素劣质，都会给用户造成商品质量有问题的印象，而导致用户离开；
该环节用户关注商品的相关属性：商品、品牌、名称
2. 了解商品基本信息：
a. 商品功能不符合需求
b. 对价格有质疑或不可接受
该环节用户关注商品的相关属性：商品功能、价格
3. 初步购买需求建立
a. 商品信息的可信度不高
该环节用户关注商品的相关属性：信任背书
4. 多方衡量
a. 快递时间、邮费、售后不满足要求
b. 购买过该商品的用户评价中有不好的评价
该环节用户关注商品的相关属性：物流情况、售后服务、用户评价
二、以小红书为例分析其商品信息页面
A图 是用户点击商品后跳转到商品信息页面看到的部分， 框1 是用户注意到也是占据屏幕空间的商品照片展示部分，为了迎合跨境电商的高端品质，商品背景是纯白色，元素只有商品和一个提示圆形标签，应该是有专门给商品拍照修图的人员，这样的商品显得简洁大方，给人以专业、高端的感觉，可以很好的吸引用户的目光，完成环节的用户转化，让用户进入到第二环节去了解商品的基础信息。
框2 和 框3 是商品的品牌和品类名称， 框4 是商品的价格，这三部分是商品的基础信息，也就是第二个环节用户比较关注的信息。 框2 和 框3 的内容是重叠的，因为品牌也是在海淘购物中用户很关心的要素，可以将导航栏上、名称信息换成品牌名称，这样信息布局会更清晰，用户可以有效获取更多商品基础信息。如 图B 的 5 标记处所示。
在了解了商品的基本信息后，如果用户对商品产生了兴趣，就进入到第三和第四环节，有了初步的购买想法，并且需要多方面的考察来支持自己的购买决策。
在用户已经建立起了初步购买意愿后，如何加强用户的购买意愿，小红书的商品信息页面下拉部分展示六个模块帮助用户决策：
1. 小红书平台的介绍；
2. 出货商家及物流售后信息说明；
3. 小红书没有用户购买评价，而是将社交模块的用户笔记作为评价内容供用户参考，用户点击笔记摘要后就可以看到笔记内容，笔记中又有其他人的评论讨论，用户可以多方面权衡；
4. 商品，可以让用户多逛一会，间接提高转化率；
5. 信任背书：全球直供、保证、海关监督、30天包退；
6. 品牌介绍；
以上六个部分都是加强用户购买决策
考虑下重要的收藏功能，小红书的设计是放置在商品信息页面的的顶部，在用户初次打开商品信息页面可视范围，然后用户下拉页面了解更多信息时，收藏功能就无法被看到，然而和加入购物车一样，收藏也是用户在浏览信息时随时可能触发的作，应该放置在用户一直可视可作的位置，又购物车所在的底部作栏有空余空间，可以考虑将心愿单收藏功能放置在底部作栏，如下图：
欢迎交流。
电商海报到底怎么设计才吸引人
电商海报到底怎么设计才吸引人呢？电商海报是电商界不可或缺的部分。在我们的生活中，不仅是商家和购物中心会有一套相同的电商海报，并且这些海报中也包含了电商品牌和各种服务。电商海报能让我们更加直观的感受到商品的质量和特点，让我们直观的了解它的质量是否是合格的。电商海报中的一些海报设计，需要注意很多细节，这样才能让商品的内容得到更好的展示，从而增加商品的价值。那么的电商海报设计应该注意什么问题呢？如何设计好？一、电商海报中的色彩对比色彩是海报设计中比较容易使用的一个元素，也是海报中重要的视响要素。色彩对比一直以来都是重要的设计手段之一。在红色、白色和蓝色的基础上。通应不均衡地使用色彩对比可以使画面。如果在视觉网络和屏幕上使用红色，也要。
怎么做好电商网站的页面设计
网站结构与优化很重要，页面布局也是非常重要的，让客户眼看到网站的感觉是怎么样，如果感觉不好，相信下一次就不一定来了，所以网页的内容除了用户的需求之外，还要注重用户体验。下面的内容，就以两个方面来讲，一个是搜索引擎的识别，一个是用户体验：
工具：电脑、网站
步骤：
一、搜索引擎的识别1、网站具有清晰的导航
根据网站的导航去制定需求。一个清晰明了的用户导航可以让游客在网站中自由的访问，并且根据需要选择合适的内容，而网站导航的加入也可以加大网友的访问深度。
2、页面整洁，栏目之间合理布局
之前看过一个做服装的网站，一进入这个网站就感觉到了皇宫一样，很华丽也很唯美，但是就找不到一点文字介绍，全部都是，作起来很不方便，由于偶然进入了一个较深的页面(该网站没有面包屑导航)，找不到回去的路就只好关掉了页面，无形中就会这个网站的跳出率做出了贡献。
3、设置用户评论板块，增加网站互动性
不可否认的是，现在很多网站都过于，和用户之间的互动性不够，其实网站互动性的上升能大大提升网站自身的可信程度，尤其对于一个新站来说，知名度不够，力不强，用户是无法相信的。而这时用户的参与无疑就让网站自身的可信力大大上升，而且一个网站成功莫过于有众多用户的参与，而评论无疑会让网站生命力更强。
二、以用户体验为前提1、页面元素的丰富性。
什么叫做页面元素的丰富性呢，就是网站有、有视频、有评论、有加粗、有分段这样可以说是一个优质的页面。当然要在适当的情况下出现、视频、或者其它的元素。这样也会增加页面的价值。
2、页面的文字大小要符合一般用户的阅读习惯。
不要太大，也不要太小，一般13号的字体就可以了。字体的颜色，也要和网页的风格协调，一般都是黑色或者深灰色。文章排版要鲜明，段落得当，这样更容易让客户阅读。还有文章内尽量少用锚文本，文章内的锚文本一般都是以用户的需求性和相关性来增加锚文本。尽量不要影响用户阅读。
3、页面要合适。
过多或者过大，过多或者过大，很直接的就影响了网页的加载速度，导致用户长时间打不开网页，那就悲剧了，所以，网页的大小和尽量少用围标，如果不可避免，那就把压缩到小再上传吧。
总结：其实网页的布局，重要的就是细心，包括各个方面都要细心对待，页面上存在的每一个东西，都要有实际意义。
电商网站建设怎么做
电子商务经济的时代已经到来，网络购物已经成了人们生活中不可分割的一部分，市场上的电子商务购物网站越来越多，那么对于站长来说，这样的而网站怎么做才能提高用户的体验度?
1、网站视觉效果
对于电商网站来说，用户进入到首页或者其他页面，首先网站整体风格和设计带给用户的感受是不一样的，好的电商网站在视觉效果特别是网站风格都搭配很和谐，而这些都是网站设计和策划们根据用户在网站内部点击习惯总结出来的经验。因此，我们在设计网站来说，要根据用户点击分布情况来设计网站布局。
2、网站性能
电商网站跟其他网站的不同之处就在于电商网站是以购物为需求，满足用户的购买欲望为目的。如果网站在加载速度方面很慢甚至网站需要很长时间打开，这就会导致网站用户流失率很高。在网站PV和UV以及IP方面，就会下降很明显，这是电商网站很不希望看到的结果。因此，电商网站加载方面就要做到高于其他网站打开速度，这样才能保证用户体验度。
3、电商网站导航分类设计
电商网站导航的设计目的就是方便用户在网站内部很快找到网站商品，例如淘宝在导航设计就做的比较全面，用户进入到网站首页，清楚看到网站导航细分的分类，这种分类好处就在于网站访问者很方便查找自己想要的东西。因此，合理化的导航分类给网站带来的好处不言而喻，这点多多向淘宝学习。
4、网站内容建议采用模块化
网站布局分类将大分类集中在一个模块中，例如衣服属于大分类，在大分类中就要尽可能包含小分类，然后把小分类集中在大分类展示。这样做的好处，进行对比其他不同商品。看到心仪的商品可以直接购买。
5、商品爆款时效性
电商商品很多都分季节性和时效性，如何让用户在适合时机找到适合的东西就是电商网站功能。例如衣服分季节，冬装就需要在冬天推出，夏装就需要在夏装推出。抓住用户心理做出合理的策划，这点必不可少。
6、电商搜索功能实现
搜索功能就是让用户很有目的性的寻找自己喜欢的商品，在首页和栏目以及商品展示案例中不足以满足用户需求时，站内搜索的设计是否容易使用，直接影响用户的体验，从而影响网站的营销效果。
7、购物车添加
在用户体验度上面购物车必不可少，通过购物车添加，让用户把不着急购买的商品暂时放到购物车中，这样对于用户来说遇到新品的上架和促销活动商品，可以做到及时查阅。
以上就是电子商务购物网站的建站小技巧，做好这几点可以大大提高用户的体验度。
网站建设网站建设怎么网站建设怎么做长沙电商网站建设网站
如何打造电商详情页设计？
在电商设计工作中，详情页的设计一直都是衡量电商设计师能力的重要指标，正是因为它的重要程度，所以也就成了困扰很多设计师的难题。目前详情页基本上都采用了分屏式的设计，目的为了提升视觉流畅度以及减少阅读障碍。这种方式就将详情页设计转变为具有组合效应的单屏海报设计。所以做好每一屏海报就成了终需要解决的问题。那么有哪些实用的详情页设计技巧，可助我们一臂之力？
在写这篇文章之前，我翻阅了很多比较不错的详情页首焦设计，发现这么多不同产品和类目的详情页，在设计手法上竟有很多相似之处！不信你来看！
上面是我在翻阅的过程中随机筛选的12张详情页首焦，从视觉角度来看，每张首焦都给人一种干净舒服的感受，元素虽然不多，但却一点也不单调、层次感很强。
从实现难度来看，没有很复杂的设计手法让你望而却步，整体来看实现起来都不算难，明白原理之后，只需多加练习就可以。那么该有同学问了：为什么我看完之后还是不会？这时候，再回过头看上面的12张首焦，着重观察每张图的明暗关系，光影变化！哇！很丰富所以说，简单的场景一样可以做出很有层次感的首焦海报，场景的复杂与否和终的视觉效果没有直接关系。通过设计手法表现出场景元素间的明暗变化在详情页设计中用到的非常多。简而言之就是：营造明暗变化。
什么是光就不解释了，生活中随处可见：灯光、日光、月光……并且物理老师也告诉我们：同种均匀介质中，光是沿直线传播的！无论是在设计，还是现实生活中，我们通常会把光与影放在一起说，即光影，两者密不可分，有光就要有影，有明就要有暗。只是体现光影、明暗关系，就足以让设计作品变得丰富、有层次感，比如现实生活中的汽车：在详情页设计中，光影并不是越复杂越好，反而越实用的越简单。注意：在详情页设计中，一般情况下不会用到直观的光源，大多都是拟定光源位置，一但光源位置确定，画面中的所有元素（包括背景）都要遵循：靠近光源的位置亮，远离光源的位置暗。那么如果光源位置确定，应该在背景上如何体现？上图所示就是拟定光源位置后，背景明暗关系对照图，其实做起来很简单，就是通过渐变叠加实现的，相比纯色底，这种渐变的背景是不是更实用？在详情页设计中，一些有模特的场景图，大部分都使用渐变的背景，下面看两个案例：
渐变的背景增加了整体的层次感，模拟了一个设计上的环境感，而且模特的形象因此也更加立体，作品整体也不显单调。
产品特写或者局部放大时，渐变背景用到的也很多！
一、产品即是场景详情页设计，核心还是产品，很多时候产品素材本身通过修图，明暗变化就很强，这时就可以完全依靠产品素材，做好背景处理及文字排版就可以了，下面看几个案例：
看似案例很简单，实则很考验设计功底，渐变的背景用的恰到好处，模拟了一种有光源的视觉变化，从而提升了画面整体的视觉层次感。简洁大气的作品也更易于大众接受。下面我们看个实案例：
终成品
如上图案例所示，依靠产品自身丰富的明暗变化，利用简单的构图形式，一张详情页首焦轻松完成。但这种形式受产品自身影响，有一定局限性，并不是所有的产品都适用。接下来我们继续！
二、搭建小场景搭建小场景在详情页设计中也是非常实用的，为什么要说小场景呢？小不是代表体积小，而是场景要简约，无需特别复杂，简约并不意味着简单，重点是要有层次感、把控好整体的明暗变化和光影。还是不太懂？下面看一个基础的小场景搭建：
上图案例是不是给你的感觉很简单，除掉产品和文案，几乎没有任何多余的元素装饰，那么有个问题：为什么一点也不单调呢？剖析一下：
看似简单的场景，对设计功底的考验一点也不少，小场景设计中，如何体现光影是非常重要的。说完基础的小场景，我们继续往下延伸。很多产品的详情页设计都用到了更真实的使用或者摆放场景，目的是让用户更加直观的了解产品，视觉上更有代入感。在偏真实的小场景设计中，对于光的表现还可以再丰富，比如现实生活中的窗户格、植物、阳光等等，都是对光的一种加强体现，下面我为大家总结一些实用的表现形式：
类似上图中的光的表现形式有很多种，在详情页中都非常实用，它能起到加强光感、赋予整体环境感的作用，并且对提升作品层次感有很大帮助。下面我们看下在设计中的使用。窗户格形式
光照效果
素材影子
不管是哪种表现形式，其目的都是在营造一种光影的环境感，提升作品整体视觉变化强度，避免单调！也让产品更贴合现实，易于解读和表达。
下面再看个实案例：
终成品
在实案例中，对于场景的搭建并不难，如何体现光的感觉才是重要的一笔，光赋予了作品环境感，视觉上的明暗的变化使得作品给人的感觉丰富有层次。
对于详情页中的小场景搭建，前后遮挡用到的很多，根据实际情况选择合适的遮挡物即可。
在详情页设计中，对于光的表现形式远不至于文中所说到的，这里只是为大家提供一些实用的设计思路。不妨找一些不错的详情设计，对应着本文内容，自己再验证、总结一下，这样印象会更深刻。