童话说说技术创业美文职业
快好知
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

7个提高着陆页转化率的设计技巧(上)

7月7日 心碎巷投稿
  设计一个最优的着陆页并不是一件非常容易的事。如果你想获得一个可观的转化率,那就更不简单。然而,对于以转化为核心的设计理念你懂得多少呢?
  以转化为核心的设计(CCD)是一门学科,专门针对为实现某个单一的业务目标的设计经验。它的意图在于,通过使用有说服力的设计和心理诱因来引导访客完成一个具体的行动,来增加转化率。
  着陆页是CCD设计的核心。着陆页的设计元素会同电子邮件的设计保持一致,它的目的是使来到页面的访客能够有效的转化至目标路径的终点,走完整个转化路径。而在着陆页面上,我们可以收集到访客的浏览数据或在访客到达下一个页面之前获取你的产品和服务的细节信息。
  那么,该如何通过设计来说服访客完成你想要的转化目标呢?有很多设计元素,可以将访客的注意力牵引至你所期望产生互动的区域当中来,心理的诱导也能激发参与感。让我们来深入了解这两种类型的设计元素,使你设计的着陆页可以实现真正的转化。
  1)聚焦
  制造出隧道的视觉效果,这是一种比较典型的用来吸引访客眼球的方法。你可以考虑在着陆页中这样的视点上设置calltoaction。例如下面左侧这幅图,圆拱的建筑特征可以防止访客的视线停留在别的地方,而是被锁定在中间部位。右侧的图则是将你的注意力驱动至隧道的尽头。
  2)对比色
  使用对比色是一种简单的理念,整个光谱的颜色都是适用的,但是单色是最简单的的。
  使你的calltoaction从周围的区域中脱颖而出,就是使它一眼就很容易被发现。假如你在白色的背景上设置了一些黑色或灰色的文字,这时使用黑色或白色的calltoaction都不能体现出对比度,因此你需要更丰富多彩的元素来突出calltoaction。但是,如果你除了一个非常简洁的设计之外没有太多的细节或文本,那么较大的黑色或白色按钮就会显得很突出。
  颜色可以用来给访客制造一种情绪反应。例如橙色,可以使人产生一种积极的情绪,使用橙色作为calltoaction是个很不错的选择。下面分析了很多颜色给人们带来的心理暗示:
  另一个重要因素是颜色的对比效果。这个方法是借用了空白区和对比度来显现不同之处。有人说calltoaction的颜色是无关紧要的,但其实这是对比色的问题带来的假象。举个例子,正常情况下,红色的calltoaction可能会输给蓝色的calltoaction,但如果你的页面背景是蓝色,那红色的按钮一定比蓝色更吸引人。
  我们来看看下面这两个图例,左侧图片中的颜色对比如此极端,导致你很难不被其吸引,而相比之下,周围的区域显得很低调。而右图,在整个着陆页中使用一个单一颜色的不同色调,而除了那个呼之欲出的calltoaction。
  记住:整个页面都是以你的转化目标为导向!
  3)视觉引导
  视觉引导是将访客视觉引导至着陆页上重点区域的一种指标。这可以帮助你将访客的目光引导至你期望的区域内,并且在到达着陆页后很快就能转化完成你的目标。这种视觉引导的类型包括方向箭头、公路路径以及视觉的冲击效果。
  方向箭头
  对于视觉引导来说,使用方向箭头的效果非常明显,因为它直观、一针见血。在访客到达着陆页的短暂时间内,能够直观的将访客聚焦在预期的区域内是非常成功的引导方式。这样的箭头其实是在告诉访客:你不用关心其他的内容,只要将注意力转移至我指向的位置区域就可以了!
  上面是一个关于使用箭头的非常出彩的设计案例,被箭头指向的男人,用他的目光将你的注意力引导回到这个拿着箭头指示牌的人身上,最终你的目光会停留在箭头指示牌上,这样就轻而易举的吸引你去弄清楚指示牌上写的什么。
  公路
  使用公路的设计思路是以现实世界中寻找道路的方式来触发并引导我们的大脑思维进入所要陈述的事物。这个例子使用了一个长长的公路,引导你的视线直达照片上方的山崖。在我们的潜意识中,道路是一种很明确的,毫无阻力的路径指引方法,所以我们自然而然的会接收这种引导。
  LandingPage着陆页设计提示:
  设计有趋向性的线条来将注意力吸引到calltoaction,三角形是最有活力的形状,它们自然的指引特性使他们成为特殊的设计工具,同理,箭头则是更天然的路径指引设计。
  眼神暗示
  作为人类的我们很自然地了解目光的意图和使用方法,无论它来自人类还是动物眼睛。让我们一起来看看下面的案例:
  第一张图例中的猴子专心地注视着手中的香蕉,这时好奇心会迫使我们不得不寻着猴子的目光去一探究竟。第二张图:你会无法控制地像土狼一样往下看。
  伴随着目光的移动,头也会一起移动。第二张图例中,你不但会好奇草里面有什么,而且会本能的朝着狼注视的位置看。因此,如果将你希望转化的目标设置在这个位置,到达的访客也同样会在这里聚焦视点。
  第三张图例中,视觉引导的设计方法很奇妙,首先是右下角的麋鹿驱动你的目光,这个位置你可以设计主题或独特的营销策略,然后跟随着麋鹿的目光聚焦在从水上飞过的候鸟群上,在这里设置你的calltoaction。
  婴儿和有吸引力的人物
  图案也是设计非常重要的一个因素,因为它会在图片和你之间创建一种连接。当考虑到使用一些有刺激效果的图像时,婴儿和人们熟知的有影响力的人物是最有效的。而在这两者当中,最有说服力的则是婴儿的图案。研究表明,我们都会将calltoaction设置在婴儿脸部的位置。
  在着陆页的人类元素设计中,有吸引力的女人也被证实是非常有说服力的。下面的图例显示了强有力的感觉互通产生的效果,你的主角吸引着你的注意力。这种目光接触是一个非常好的视觉引导方式,是延长访客在页面停留时间的好方法,为访客提供更多深入了解你的内容的时间。
投诉 评论 转载

好的用户界面界面设计的一些技巧如此有用的文章我已记不得是什么时候发现的了,但在看完的那一刻便想将之翻译,分享给大家自己也受用。时间过了很久,来到了2014年,终于静下心来花了大把时间连同图片一起译成了……智能手表,你的杀手锏在哪?三星在MWC上发布了新的智能手表,已经推出过智能手表的三星,发布了一款做了减法的智能手表:GearFit,三星所做的减法有意义吗,到底什么是普通用户需要的加法和减法?……7个提高着陆页转化率的设计技巧(上)设计一个最优的着陆页并不是一件非常容易的事。如果你想获得一个可观的转化率,那就更不简单。然而,对于以转化为核心的设计理念你懂得多少呢?以转化为核心的设计(CCD)是一门学……移动App产品设计的创新点移动互联网发展得热火朝天,各种app层出不穷,我们看到了很多创新精巧的小应用,但是也有越来越多的应用同质化严重,与同类产品差异化较小。其实很多让人感觉很有新意的应用,只是找到了……扒扒“微信之父”张小龙的设计漏洞因为微信这样的成功例子,腾讯的前景被一致看好,估值一再被拔高,微信的设计者张小龙也成为人人顶礼膜拜的业界领袖。不过,微信光鲜的背后并非无懈可击微信如何在可预见的未来实现盈利值得……要让产品有好的用户体验,别忘了做错误反馈设计!〔核心提示〕在各种复杂的产品体验场景中,针对用户操作错误而进行的错误反馈设计能够将用户引导到产品想要表达的途径上。人非圣贤,孰能无过。互联网产品面向的用户群体是多种多样的,不同……流言终结者!丢了手机支付宝就被盗?“如果你的手机丢了,任何人仅凭借手机接收到的校验码就能找回你的支付宝密码,解除你的数字证书,盗空你的支付宝账户”,网上充斥着不少关于支付宝丢失后如何被攻陷的言论甚至是“攻略”。……选择恐惧症与产品设计在本文正式开始之前,先给大家进行一个小测试,请看下图并回答:如果是男人,你会喜欢哪一种类型的女友?如果是女人,你结婚会选择哪款婚纱?如果在一分钟之内还没有……电商网站社交关系探索越来越多的电商网站努力在社交关系上寻求突破点,淘宝天猫一直在优化类似千人千面的用户体验,国外一些比较有趣的网站比如Svpply则是在feed推送上不断深入。那么,在电商中融入社……你可以向竞争对手借用的7样东西〔导读〕如果你想了解用户需要什么、如何找到用户群。通常,它们距离你的竞争对手不会太远。创新的本质和很多创业公司的基础就是模仿和改进现有的创意。新的创意大多数是在旧的创意的……大屏手机上的设计小策略作者麦哥郑最近网上爆料三星S5即将发布,手机尺寸可能将增大为5。3寸。以三星为首的各家安卓手机厂商,每次手机版本升级,屏幕尺寸也必然升级,现在大屏似乎已经成了安卓手机的标配。其……用户体验的敏捷与精益最近我见过很多关于敏捷用户体验和精益用户体验二者之间的区别是什么的讨论。我很高兴并带有愧疚地承认,我曾经也交替使用过这些术语,似乎他们都是一种更轻量级的,与用户体验的迭代方法有……
剖析完美的着陆页〔landingpage〕从产品创意到产品概念翻转吧,界面!3DUI概述YoZuck!:你希望Facebook是什么样子?包容不良的设计决策简析IOS程序图标的设计一些软件设计的原则【伤百度】一个产品经理的百度生涯产品剖析:在线约会网站OkCupid设计电子商务网站的10个技巧趋势之上Android设计趋势分析10则手机用户忘记密码后的流程设计
朝鲜笑话则这可能是华为今年最香的手机热议聚热点网 走近冬奥北京冬奥会展示了中国对奥林匹克理想的承诺专访希腊奥委女性隐秘部位四种异常二十年后回家乡手绘软件有哪些(手绘板绘画软件哪个好)考驾照体检流程成为原一平那样的好销售你首先要赤裸裸地注视自己小老虎酒是什么酒这将是2022年最走红最智慧的一段话上元同刘敬甫送弟从戎其一收银员工作总结

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界