通过图标优化提高点击率的经验之谈

[cnzjfeichi]

    大家好，我是海神的设计师Marco，今天借老板的账号到贵宝地分享一下在阿里上的操作经验，如何做好商品主图商品主图是提高转换率的一个重要因素，对于一个设计师来说图标设计并没有困难，但图标在一个网页上的价值并不取决于他美不美观，更多的因素是在产品展示过程中，有没有抓住客户的眼球，增加点击率，为公司带来商业价值。因而图标的优化不能只是从美观的角度考虑，更要考虑到客户的心理和平台本身的规则。

以我们的一款产品为例，以下分别是他的动态图和静态图：

图片：1.png

图片：2.png

将动态图放在阿里平台搜索页中的效果：

图片：3.png

        通常情况下，这样的图片已经足够美观，但是从提高产品点击率的角度出发，我们对图标进行了优化：
1.       在做图标之前我浏览了同类产品在整个阿里巴巴搜索页面中不同表现形式，罗列出各种方案；
2.       我们思考怎样做可以使自己的产品最为突出，在以往的图标经验中，我们发现我们的产品动态图的点击率普遍高于静态图，所以我们更多的使用动态图去表现我们的产品；
3.       结合我们产品在网页中的展示效果，给图片做个外框后产品主图更加醒目，选用蓝色是为了保持和海水整体的颜色一致，经典的蓝黑搭配也非常好看；
4.       考虑到购买此类产品的用户都比较关注产品的质量认证，所以我们在边框上放上了CE认证和ISO9001的认证，“Since 2002”的广告语也表现出我们的实力；
5.       放入产品主图的时候尽量让主体占满框架，但是要保证图片的清晰度。以下就是我们做出来的第一版图标和他在阿里平台搜索页面中的效果

图片：6.png

图片：9.png

      在使用了第一版图标一段时间，我们的点击量有了明显的增加，但是依然感觉产品还不够突出，于是进行了第二次修改，将外框适当的缩小，将船头给露出来，然后把边框外多余的部分给擦掉，有一种船身要冲出来的感觉。同时，增加了一些认证，都是外国客户最为关注的信息，同时多了些色彩。
      第二版图标和他在网页上的效果如下图，我们会持续跟踪他的效果并与大家分享。

图片：7.png

图片：8.png

    在主图的设计过程中，多思考，多动手，多去跟踪他们的效果，不断的改进，点击一定会有所提升，祝大家马上有点击，马上有询盘。

[benatechnology]

加油

[cn1001889685]

good.

[cn1501345030]

好的 不错

[cn1501384021]

good idea

[cn1500408216]

用户被禁言,该主题自动屏蔽!

[cn1001434225]

Nice!

[cn1501553189]

不错，得多学习

[cn1510358630]

很有想法，有新意

[cn209717836]

学习了！

[cn1501380919]

赞一个。

[cn1001470158]

need to learn....thanks

[cn1500203707]

赞  赞

[cn1510780520]

[cn220170334]

[cn1500379897]

求铜币，求理解

[cn1500135393]

不得不赞一个。

[cn1510915024]

每天早上起来都受教，谢谢各位大神

[cn1001200323]

谢谢分享！

[qgknives]

谢谢分享

[cnzjfeichi]

    大家好，我是海神的设计师Marco，今天借老板的账号到贵宝地分享一下在阿里上的操作经验，如何做好商品主图商品主图是提高转换率的一个重要因素，对于一个设计师来说图标设计并没有困难，但图标在一个网页上的价值并不取决于他美不美观，更多的因素是在产品展示过程中，有没有抓住客户的眼球，增加点击率，为公司带来商业价值。因而图标的优化不能只是从美观的角度考虑，更要考虑到客户的心理和平台本身的规则。

以我们的一款产品为例，以下分别是他的动态图和静态图：

图片：1.png

图片：2.png

将动态图放在阿里平台搜索页中的效果：

图片：3.png

        通常情况下，这样的图片已经足够美观，但是从提高产品点击率的角度出发，我们对图标进行了优化：
1.       在做图标之前我浏览了同类产品在整个阿里巴巴搜索页面中不同表现形式，罗列出各种方案；
2.       我们思考怎样做可以使自己的产品最为突出，在以往的图标经验中，我们发现我们的产品动态图的点击率普遍高于静态图，所以我们更多的使用动态图去表现我们的产品；
3.       结合我们产品在网页中的展示效果，给图片做个外框后产品主图更加醒目，选用蓝色是为了保持和海水整体的颜色一致，经典的蓝黑搭配也非常好看；
4.       考虑到购买此类产品的用户都比较关注产品的质量认证，所以我们在边框上放上了CE认证和ISO9001的认证，“Since 2002”的广告语也表现出我们的实力；
5.       放入产品主图的时候尽量让主体占满框架，但是要保证图片的清晰度。以下就是我们做出来的第一版图标和他在阿里平台搜索页面中的效果

图片：6.png

图片：9.png

      在使用了第一版图标一段时间，我们的点击量有了明显的增加，但是依然感觉产品还不够突出，于是进行了第二次修改，将外框适当的缩小，将船头给露出来，然后把边框外多余的部分给擦掉，有一种船身要冲出来的感觉。同时，增加了一些认证，都是外国客户最为关注的信息，同时多了些色彩。
      第二版图标和他在网页上的效果如下图，我们会持续跟踪他的效果并与大家分享。

图片：7.png

图片：8.png

    在主图的设计过程中，多思考，多动手，多去跟踪他们的效果，不断的改进，点击一定会有所提升，祝大家马上有点击，马上有询盘。

[benatechnology]

加油

[cn1001889685]

good.

[cn1501345030]

好的 不错

[cn1501384021]

good idea

[cn1500408216]

用户被禁言,该主题自动屏蔽!

[cn1001434225]

Nice!

[cn1501553189]

不错，得多学习

[cn1510358630]

很有想法，有新意

[cn209717836]

学习了！

[cn1501380919]

赞一个。

[cn1001470158]

need to learn....thanks

[cn1500203707]

赞  赞

[cn1510780520]

[cn220170334]

[cn1500379897]

求铜币，求理解

[cn1500135393]

不得不赞一个。

[cn1510915024]

每天早上起来都受教，谢谢各位大神

[cn1001200323]

谢谢分享！

[qgknives]

谢谢分享