任何一设师应该都会接触到运营活动页，产品落地页此类需求。而这些落地页设计需求的务目标衡量标准都相当明确——即转化率。进一步，与我们的设计输出直接相关的就是首页转化率/点击率。数据通埋点能很轻易地获得，一般情况下，产品经理提前在需求文档中标明需要埋点的地方（埋点简单说就是测量某个位置或者互节点的具数据，例生少次点击），获得数据用验证产品最终是否符合预期，是否达到理想的转化效果。
叮~ 讲到这我们应该明确了一件事，整个落地的设计实最终都是为那个键数据务，无论是点击率还是转率，达到预期甚至超预期，那你的设计就美地成了任务，这是验证设计有效性的要方法，将设计与数据联，可量的数据指标来验证偏感性的视觉工作。
就这样，设与产品/运营的世战始了。因我们都了一共同的目标，因此产品的终收益、望效果方面互相都很明确。但实手段，我们很轻易产了分歧。主分歧点就「按钮在左还是按钮在右」这个问题上。我们需要解，这是一个简单的交互问题，因为它中掺杂了商容。如果这是一个交互问题，那我们很容易判断，例如弹的次按钮应该右副左，这既符合平台规范，符合户认知和操作习惯。
然而作为一个强商属性的落地页，按钮在左或者按钮在右都有合性。我择左，而营同代表他们团队要求右。 于是我败阵来，当然，虽然表面上设计师输了，但我们怎么输，于是我想尽办法来验证左侧放置按钮才是更有利于转的形式。面我们来看看同的倾向对应的设计原。
产生左与右的争执其主要源设计与需求方的两个判断方向。首先说一下我的判断逻辑，按照已经验证的理论，即 F 阅读顺序（尼尔森的用户阅读视模型），用户浏览落地页的顺序应当是从左往右自上而下，因此左上角的信息最早触达用户。在当前主流的首图式落地页样式下，首图 banner 中的内容应当置左，以使用户更快地获产品的关键信息。
在落地页首图的体验案本身就是一个设计的覆盖范围，因为它直接系到首页的视觉传达效率，即户需要多长时间、多精才解你的产。我们往往在首页体验案中采标题副标题的形式，着重解释这个产是个么东西、户从这获得么，往往通过副案搭配的形式，来成整个大意的阐述。
基于此，核内置于左侧，用户速扫视时能够第一时间获知产品信息，了解产品利益点，这与我们精准备整网站，以及精准备诱导力文案的方法相契合。这我出内置于左侧的设决策的主思。可以看出，我这里主参考的 F 阅读模型这一理论，根据这验我得到的结论 重的信息应当摆左侧以使用户立即触达核信息，这将利于接下的引导或者转化。
另一方面，运营同学又基于什么考虑决将核内右侧的呢？答案操作习惯，理论化的话可以用费茨律概括，（目标距离用户距离越短，用户触达的效率越高）。考虑到部分用户使用右手操作，鼠标也都悬停屏幕右侧，因此，按钮置于右侧，用户点击的径变得短，也就易触达转化（纯体验角度或者效率角度）。
仔细阅读这部分内，从分歧点到各自的理论支撑实际都太的漏洞，什么漏洞？因确实都错误，也都存其合理性。例如我们常用的购 APP 会把按钮置于右下角，用户操作起必然比左角的按钮加易高效。那么这两种分析都合理的背景下，我们对比或争论的其实不哪判断错误的，哪判断利，合理，能够多的数据转化。因此，这问题终由对错问题，转化一优劣问题。
些人很机智，这时候肯会，既然左易触达信息，右易触达按钮操作，那左置内，右侧置操作不就完解决了吗？哎呀，读者真聪明。
由于 F 阅读逻辑，将展示性质「内容」放于左侧，使用户更快触关键信息，由于费茨定律，以及多年来养成用户习惯（操作组件在右侧，然现在很多放在情况）将需要执操作于右侧，使用户快速交互并完成任务。有定理，甚至在实落地品我们也能看到些类似设计，例如瓣。 这是左与右妥协
但需要注的是，豆瓣产品的右侧放置的是较为复杂的交互模块，例如完整的登录注册模块。在该景下，用户在交互路径更短的右侧域执行交互效率要显高于左侧域。
那下面开始论述按钮置于左侧的观点
论点一：排版的限制
豆瓣的形式对于落地页产品，可能并不适用。主要有方面因。都知道，产品落地页首屏的组成为体验文案，主 CTA，插画配图三部。常规做法是插画作为一组息置于一侧，文案加按钮作为一组息置于一侧。因为，体验文案按钮有关性，同按钮文案作为一组息，才能另一侧的插画搭配构建衡的布局，呈现比较优美的视觉效果。
请登录后查图，因此，豆瓣那种妥协方式并不适用于商业类落地页。因为内容和操作本身是一体的，这源于排版的规整性的限制，按钮和文案只能同存在于一侧，如果刻去追求左侧内容，右侧操作，效果就像下面这。一方面，只靠文案和按钮无法撑起左右个域，一方面文案和按钮被割裂开，用户的视线由文案转按钮的路径过长，体验较差。（文案按钮成组后，用户可以在阅读内容产生动机后立即触达交互按钮并完成转化）
论：文案与配图孰轻孰
如你亲自体验这两区落地页（左图右文/左文右图），你会发现有个共，是在某个区域留时长，没是内容区域。以下图顶部卡片区域为例，在阅读时我浏览情况是，大致地扫视左侧插画，然后注视右侧文区，了解文章具体内容，并在此区域留较长时，毕竟仔细阅读需要花费时。
这涉及到个问题，插画与内容哪个更要？其实答案很明显，我们需要舍弃掉其项来测试下，看看哪个内容缺失会用户理解设计传语义生较大影响。OK，我觉没必要测试了（虚晃枪）。很明显，删除插画后，我们仍然可以过文章标题来获知文章概要等关键信息，像落地页首屏体验文案，即便没有插画我们也能过首页文案来获知这个品是什么，能够为我带来什么。
然而如果去掉关键息，去掉标题按钮，仅凭插画无法辨当前页面底在讲述什西。计本身就像是人人的交流，产品就是，而用户则是的交流对象，去掉核心的文案，相当于把变成了哑巴，而去掉插画，最多相当于交流面无表情罢了。
因此，在业落地页中，我们以转化为核心目标，而能够更快地触达最重要的信息显是明智之举，因此我们希望将核心的文案内容置左。
（另外，一图千言的原只适于个别场景，例如数据可视。设计人员通过将数值数据转为易于解的柱状图扇形图，来传达数据结论。而视觉修性质的插画则无法做到准确表意，我们通在产设计中见到的插画更多的是在情感上和审美上给予我们一定的愉悦，但想要准确描述键信息，还是需要字作为核心角色）
论点：户会因为于操作而产生机？
另一点同样值得我们思考，即户真的会因为某个按钮更容易点击而被转吗？或者我们换个形式问，假设你是一名男性，你会因为按钮在鼠标附而择点击购女士衣吗？你会在自己财务状况较差的时候因为按钮在鼠标附而点击购奢侈吗？在大多数性场景，我相信你会这样做。
所以这时候引入福格模型，用阐述产转化的整径。福格模型简单讲就一公式：B=MAT。B(behavior) 表行，M(motivation) 表动机也就用户需求，A(ability) 表用户使用的门槛，T(trigger) 表触发。也就用户行的产需用户需求基础，需保证产品的易用性，但这还不够，这基础我们还需产品中通过设触发用户。完转化的三关键素，动机、能力、触发，缺一不可。
福格模型帮助我们解决了这个疑问。用户买或者转化始于动，像我上举例子，如个用户根本品没有需求（男性女性内衣），那不会生动，在没有动情况下，后两项内容，能力或者触发都没有意义，法发挥作用。个转化流程可以参考下示意图。
实上于那些有强烈动买或使用品用户，你切设计都没有太大意义，为用户有强烈诉求情况下，他会发挥主观能动性去找到转化入口，主动完成转化。理，有些用户是完全不会生动，不是目标用户群。
计策略主要针对的是有动机但不烈（某种程度上有需求或者被吸引），以及暂没有动机的类用户。通过的首屏及详细内容，痛点利益点的介绍，来放大用户动机，制造共鸣点，创造美好的想象空间，使用户涌现烈动机。然后转化就然而然的产生。
因此，在首屏我们的核心要义是通内容设计来触用户动机，而不是想方设法触操。走捷径的误触方案设计能证百分百的触率，但种触没有任何意义。到里我们应该明确，用户因为的内容所触的动机而买单，但不因为你把按钮放在我手边而产生购买冲动。
因此，我的结论是，户更有可因为左侧展示的强洞察的案而产生机，而机是整个转的起始，是最键的一点，有了机，触发（按钮位置）的效率即低一点，但转仍然很有可继续（就像机产生了惯性，有了强烈的机会自发地寻触发器，寻按钮自成转，但触发器会有惯性）
这观点论述下，主涉及到 F 阅读模型，费茨律以及福格模型，算很基本的设原则，也顺便帮家重温一下。后，我们再拿一些其他实证一论述，例如内一线公司的落页设。
1. 一线公司落页布局
2. 球独角兽企业落地页
OK，本文此结束，上面的只是个人析，最终结论实际上应当依照实际测结果来评估，遗憾没能申请资源来进行该项测，如果有伙伴进行过类似的测，可以在评论享一下作为参考，都期待获得一个结论，以上。
欢迎添加作者微信合作交流：
浙公网安备33011002017549号