如何提高点击率是很多设计师的难题。本文主要介绍，如何通过创意视觉设计助力提升点击率。作者针对核心问题，展开了深入的分析拆解，与大家分享了五个有效的设计策略，一起来看看吧。
触动人心的心灵鸡汤，策略-设计-验证-调整策略-再设计… 产品设计的过程总是以此循环，关注设计落地后的数据反馈，正不断为我们下一次的设计优化划重点。
前段时间，我们为京东 APP「逛」频道做了设计改版，并分享了如何在提案阶段，让我们的设计更快过稿。
如今这个改版方案已经上线了一段时间，并与旧版设计做了 AB 测试、获得一些数据反馈来帮助我们验证设计策略。
一、刘禹锡的简介：刘禹锡，字梦得，洛阳（今河南洛阳）人。中唐文学家。唐德宗贞元九年（793年）进士。因参加王叔文集团的进步政治改革遭到失败，被贬为朗州（今湖南省常德市）司马等官职，在外地二十多年。后入朝做主客。
以下，基于这些数据的反馈，我们将分享 5 个可有效提升点击率的设计策略。
一、用拇指热区降低操作门槛
该研究来自@Josh Clark
可能有人会发现，相比旧版创作按钮，新版按钮除了位置下移之外，面积也放大了。
那么，“放大”是否是一个有效的设计策略呢？
二、放大虽最直接，但不是最有效
这次改版中，其实许多模块都有所放大。不过经测试后发现，“放大”虽然是一种最简单直接的方式，但其转化效果不会很明显。
就如上图中看到的 tab 区、用户头像、feeds 卡片，这些只经过“放大”举措的模块，点击率的提升平均只能维持在 7%左右。
如果想获得更好的转化效果，光靠“放大”其实很难达到。
如果想强调某个模块，还需要结合提升层级、增加动效等方式，结合场景选择合适的策略来达到更好的转化效果。
从另一个角度看，如果界面中的每个元素都放大，其实到最后也等于没变化（想象一下老人机）。
三、沉浸式让用户看的更久，但更少
这次改版将关注页中的 feeds 卡片，从时间流调整为沉浸流的样式。
这说明，沉浸式让用户看的时间更久，时间流让用户看的内容更多。
两种样式各有优缺点，这让我们更需要结合自身产品特性和具体场景来选择，使用“时间流”还是“沉浸流”设计：
句句能触动人心的人生感悟短语 1、我开始喜欢最初的自己,那时没有伤,不会哭泣。 2、不要让那些真正对你好的人,慢慢的从你的生活中消失,无论爱情还是友情,都需要经营。 3、人生就像蒲公英,看似自由,却都是身不由己。 4、去见你。
再比如，在推荐页这种以系统推荐为主的全开放域内容场景，我们更希望用户看更多的内容，来达成引流增加曝光量，则更适合用时间流设计。
不是没有得到所爱的人,而是所爱的人没有得到幸福;人生最快乐的,不是别人给你带来的快乐,而是你给别人带去了快乐;人生最迷茫的,不是选择,而是不知道自己想得到什么;人生最困惑的,不是看不清别人,而是不了解自己。
四、 层级是比位置更关键的影响因素
这次改版我们将详情页中的热爱榜模块，从页面的头部下移至底部，作为一个吸底浮层。
经测试后发现，改为吸底浮层的热爱榜模块，点击率提升了 96.9%。
其实，模块不出现在界面中心、甚至放在底部并不等于其优先级低。
模块的层级反而是比位置更关键的影响因素：是否为屏幕绝对位置、是否有投影强化点击感、是否有清晰边界与背景拉开..这些才是让模块更显眼的设计策略。
为了让大家更明显的感受层级设计对模块的影响，下图展示了热爱榜模块在相同位置、相同内容的情况，大家觉得哪边的设计更显眼呢？
五、图文分离更利于点击
针对这次改版中的话题模块，我们用以下 3 种不同的布局，来测试其带来的转化差异。最后发现，这种图文分离的布局点击率最高：
值得一提的是，上图中最左边的大图布局，即使其图片面积最大，但点击率还是不如面积较小的、图文分离布局的点击率高。
同样的例子还有，这次改版中的一个列表页设计。
做了图文分离的设计后，新版列表即使面积变小，其点击率仍比旧版提升了 37.5%。
读肖申克的救赎有感1 20xx年,不长,却足以让我们的棱角磨平,失去往日的光彩。20xx年,不长,却足以让我们忘记当初的梦想,为生活而生活。20xx年,不长,却足以让我们由一个妙龄少女变成一个大妈。 在看电影版的《肖申克的救赎》之前。
从产品角度看，选择图文分离的小图布局，不仅点击率更佳、屏效也更高。
策略-设计-验证-调整策略-再设计…
产品设计的过程总是以此循环，关注设计落地后的数据反馈，正不断为我们下一次的设计优化划重点。
[8]《宋代地域文化》，程民生著，(宋代研究丛书)，河南大学出版社出版，1997 年 8 月第 1 版第 1 次印刷 [9]《万物》，[德]雷德侯著，张总等译，党晟校，生活·读书·新知 三联书店，2005 年
题图来自 Unsplash，基于 CC0 协议
我爱读书,因为它不仅让我学到很多知识,还教会了我许多做人的道理。小朋友们,快来和我一起快乐地读书吧!让我们像一只只智慧的小船,在那书海里快乐地遨游,一直驶向那成功的彼岸。 《爱的教育》读书心得11 爱是最能触动人心的,最会使。
![[以色列]埃特加·凯雷特《美好的七年》作品简介与读书感悟](http://img.tianshugan.com/tsg/files/202212/1603844626106572802.jpg)
![[墨]萨穆埃尔·拉莫斯《面具与乌托邦》作品简介与读书感悟](http://img.tianshugan.com/tsg/files/202212/1603997739023097857.jpg)
![[日]高木直子《肚子饿万岁》作品简介与读书感悟](http://img.tianshugan.com/tsg/files/202212/1604719714599198722.jpg)
![[清]焦循《孟子正义》作品简介与读书感悟](http://img.tianshugan.com/tsg/files/202212/1605047795427860482.jpg)
![[日]陈舜臣《甲午战争》作品简介与读书感悟](http://img.tianshugan.com/tsg/files/202212/1604707109541273602.jpg)
