设计App Landing Page其实就是设计产品推销套路

 

没错,就这么简单。让你自信面对设计App Landing Page这件小事!

开始思考APP LANDING PAGE设计

为方便描述和阅读,约定以下将“App Landing Page”简写为ALP。

大部分优秀的App都有自己的Landing Page。我在产品设计工作中也不止一次需要为即将上架的App主持Landing Page的设计工作。别笑!别看好像是再简单不过的静态页面之类的玩意儿,别人都做的高大上有逼格,真要认真起来也不是不那么容易的事情。所以我相信很多年轻的产品设计师也和我一样,对于App Landing Page的设计,很多时候理不清头绪,不知道从何下手。

我是一个激进的方法论流派的产品设计师,至少我自己这样称呼自己。既然不知道从何下手,那必然要关起门来,找找思考角度,尝试提出一些通用、好用的设计方法。自以为颇有些心得后,便有此文与大家分享。希望能帮助还束手无策的同行们提供:

  1. 一套解读优秀ALP设计的方法;
  2. 帮助你设计下一个ALP的思考角度;
  3. 跟你的老板解释你的ALP设计的方法;

ALP的目的永远是安装转化,优秀的ALP是有心机的推销者

之所以需要ALP,很大程度上是因为App的发布平台,也就是App Store,google play之流,并不能为App提供足够合适的产品介绍。这一点其实很重要。用户选择下载安装你的App的心理成本远远不是简单的一个网络流量成本或者是点个安装按钮的操作成本可以概括。于是你必须给用户足够去尝试的理由。所以应用商店也给了开发者填写Support网址的选项。

另一方面大家让自己的产品相关信息排在搜索结果靠前的位置。 这也是很难单纯通过在应用商店上架做到的,特别是产品在刚刚发布的阶段。

除了以上一波看似有道理的分析之外,我们还可以做一个简单的选择题:如果你的App是有精心设计的Landing Page的,你是希望媒体报道链接到Landing Page还是直接链接到App Store?也许我们可以客观地统计经过Landing Page和直接去往App Store的下载安装率的不同。此处就不这么折腾了,欢迎有心读者客观实验。

所以说到底,ALP最大的作用,也就是我们设计ALP的目的,是为了应对用户接受App并且下载安装的高心理门槛。ALP的设计目标就是提高安装转化率。

形象地说,ALP就是推销者,优秀的ALP就是有套路的老司(xiāo)机(shòu)。

组织巧妙的推销逻辑

一个好的推销者,或者说推销大师,往往是善于针对手头的产品设计合适的推销逻辑的。而这一点在ALP的设计中则更加重要。注意,是更加重要,是更加!

原因其实说穿了很简单,1v1的推销会相对简单,即使是1vN的销售,相比ALP,至少是能及时获得反馈并且根据反馈及时调整的。而ALP不可能知道特定用户在看到第二屏的时候的确切反应,跟不可能根据这个反馈去修改用户下滚鼠标滚轮就将看到的第三屏的内容的。

还有更有趣的一点,我们整理一下ALP的通用用户路径:

感兴趣=>下载

不感兴趣=>右上角

犹豫不决=>下一屏

这听起来当然有一些绝对,但是足以概括绝大多数用户在访问ALP时候的路径。这也给我们的设计带来极大的启发,至少告诉我们:我们需要更加有策略,更加一环扣一环地勾引用户。

我们可以更加概括地把Landing Page上一的一个区块,对于很多ALP来说是一个屏幕高,看成一个环节,是产品优势和下载成本在用户心里的一次交锋。所有区块/屏幕高连贯起来,就是ALP蕴藏的产品推销逻辑。

针对当前用户对App更加挑剔,任何时间丧失兴趣都可能右上角的特点,我们很容易得出第一个结论,或者说设计建议:最吸引用户,最重要的,一定要放在最前面!通常,对于新的功能或者产品类型,用恰当的手法简明扼要地说明产品功能就是最重要的;对于功能上不那么新鲜的产品,相较其他同质产品的区别和优势就是最打动人的。当然对不同的产品有不同的设计创意,一些卖情怀或者企业文化最有洗脑能力的,把价值观配个产品图都不是不可以。万变不离其宗的是,最重要的放在最前面!

第二个结论,你们叫建议也好,就是先用户所想,简单说就是在能预测到用户犹豫原因的地方花篇幅堵住用户的疑问或者质疑。这是什么意思,假如你做了了同类产品做不到的事,比如远超第二名xx%,然后你放在了首页的某个区块。那么你要想,如果用户还不动心,还不去下载,但是没关窗口,犹豫着,可能是为什么!如果很大可能是质疑真实性,你在下一屏得花点图文来通俗易懂地解释下你们为什么能真的这么屌,什么独创了xxx技术啊,优化了xxxx过程啊。如果很大可能是由于不够动人,比如有些产品的效率真的不足以起到决定性作用(你会关心一个剪贴板软件占多少内存麽),但是又确实很重要,那么你得横向补充些产品其他优秀的特性。

第三点,也是重要到不行,但是实现非常最简单不过,却有很多产品做不到的:下载按钮要永远可见,方便找到,绝大多数时候要醒目!这点不用过多解释,人家都准备接受你了,你傲娇地让人家满屏幕滚到页面顶端找下载按钮?一脚踹下床有木有?

不入虎穴焉得虎子,玩火有时候能玩出花来。比如有些ALP就像每一屏连起来讲了一个的产品使用故事,一千零一夜般硬是让用户停不下来。只要有用心设计ALP的大结构,理清每个区块的意义和关联,解决好用户的疑惑,相信你的ALP至少是过关的。

总结下,其实无非是要斟酌:讲什么,先讲什么,后讲什么,什么紧接着什么讲。但真要做到却需要对产品深入的理解和对用户细致的揣摩。

谙熟常用的推销手段

上段谈了谈ALP的逻辑结构的重要性和几条注意事项。谈完大结构,理所当然地我们就要来看看每个区块具体的设计方法。

也没啥深奥的,都是用烂了的销售技巧,下面我就来举举例子,帮大家整理整理。

1、用数据说话,实打实的你怕不怕

数据最有说服力。不过数据不一定用户愿意听,该讲故事的时候讲故事,改编数据的时候编数据。

2、跟同类产品比较,老子就是同类最屌

总能找点不一样。

3、通过高大上合作伙伴的品牌提高用户的信任

有些说服务器使用阿里云的就免了。

4、展示用户积极评价,用过都说好

这个没有其实可以编。

5、摘抄媒体正面报道,我上了CCAV

这个就别瞎编了。说回来现在这环境给随便哪个个创业、科技、产品媒体打个电话应该不难搞定。

6、明星效应,叶良晨都在用

不在乎真的那么出名,别ps就好……跟产品关联大的典型的有名用户更有加成。

7、拆开你看,使用截图来说明功能特性

烂大街人手必备的技能,额外效果是让用户提前感受下用心的ui细节。

8、用给你看,买榨汁机的都现场榨给你喝

这个其实也很容易理解,阅读类的就放最新的文章,社区内的就放最新的讨论,贴图类的就把其他用户制作的贴图放出来。

……

当然还有很多江湖秘笈我们不在此一一介绍了,有补充的可以私信给我。组合上段的逻辑结构和这段的具体区块设计,我们就能得到一个比较完整的ALP设计思路了。

下面我们就用我们刚刚总结的思路来分析一则ALP,希望能够对大家有所启发。

来分析一波别人家优秀的ALP

624406658

第一区块通过截图直接明了地展示了App的内容和功能,配上有说服力的数字体现自己在阅读应用中的地位,顺便鄙视了下同行。醒目的下载双平台下载按钮和二维码。看到没其实就是我们上面说的伎俩恰当组合!

2729687197

其二区块主要利用上面的伎俩8,直接暴露部分内容,告诉用户下载安装后能得到什么内容。但是你想阅读更多?下载吧!

最后,随时可见的右上角下载按钮,合格。

完整的2015年最佳ALP设计

https://medium.com/swlh/the-21-best-designed-apps-of-2015-6e1bc2f459d3

节约流量人人有责,在此就不一一分析了。

其他需要考虑的细节问题

细枝末节的问题也不要任性了,否则很可能功亏一篑。比如考虑跨平台的时候,别傻傻不记得把二维码换成应用商店按钮了……

应对这种问题,就一个对策:自己多测试各种情况。

小结

总结下,设计App Landing Page其实就是在设计App的推销策略,目的是为了提高下载安装率。只要规划合适的逻辑顺序,熟悉常用的区块设计套路,加上一点点细心,没有搞不定的ALP!

希望能对大家搞定App Landing Page设计这件小事有所启发。也希望大家有不同想法私信给我,如有不周到之处多多指教。

by:晒盐  shai_yan

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/11039/

(0)
iouedioued
上一篇 2015-11-21
下一篇 2015-11-22

相关推荐

  • Sketch常用插件介绍

    sketch大家应该都不陌生,在互联网设计尤其是UI设计相对于老牌PS,sketch提升了工作效率,改变了以往的工作模式,sketch的强大除了软件本身,另一个不可磨灭的功劳就是丰富的插件。今天给大家介绍几款常用的插件:一、Sketch Measure一键自动生成 HTML 页面,离线下检查所有设计细节,包括 CSS 样式。在线演示: http://utom.design/news/二、Craft帮你提高效率的自动填充神器a.文本自动填...

    2018-04-12
  • 无框界面的四大优势,为你演绎一种新的设计风格

    无框界面其实不过是界面风格的一种罢了,并不是包治百病的神药。糟糕的设计师,什么风格都拯救布料;而能自成一派的优秀设计师并不需要收到任何风格的局限。

    2017-05-10
  • O2O产品的用户评价思考

    为什么产生这样的思考? 可能因为我在一家做 O2O 产品的公司,碰巧我做过 UGC 评价相关的交互设计,然而更重要的是前不久我在线下真实的场景中希望使用自家产品的评价帮助我作决策时,发现我的一些需求并没有得到很…

    2016-03-02
  • 设计切实可靠的UI,为你的用户做决策

    真实可靠的UI是产品可信。“大量的选择并不能让人们选择所有东西,并且人们在选择的时候会不开心。”“每一个额外的选择都会导致做决定所需的时间变长。”“我必须要简化我的生活,因为除了思考如何更好的服务社会之外,我必须尽可能少的做决策。—— 马克·扎克伯格”“这就好比你最好的朋友每周都会为你准备一个个性化的音乐合集一样”“Facebook希望为点击很多链接的人提供更多的链接,为观看很多视频的人提供更多的视频,以此类推”“Facebook并没有显示所有的帖子。展示给你的都是被选择过的信息。可有趣的是,Facebook的算法会倾向于加强你哪方面想要的呢?因为这个必须要在之前就定义好。”“假如说你来到伦敦,你定了一个Hailo的车,而你在上午七点到十点之间进入了一个特定的位置。如果你到下午五点了仍然在那里,那么就可能会出现你想要离开的假设,这个时候Google Now就会提醒你订车。”“亚马逊将疑问从‘我需要这个吗’转移到了‘我还需要什么来填满这个盒子’”

    2017-05-09
  • 中国app产品UI在歪果仁眼里是怎么样子的?-Dan Grover

    小木导读:中美用户习惯的和文化的不同,造成了设计很多的不同。看惯了国内的设计,你了解外国人怎么看待我们的产品吗?接下来就可以带着疑问往下阅读。

    2014-12-30
  • 撇开设计师的视角,普通用户是如何看待设计细节的?

    做设计久了,设计师很少能够真正站在用户的角度看待网站和APP。今天的文章,我们来聊聊普通用户眼里的设计细节~我们应该迎合用户,如果连对的东西都不能坚持,产出物的最终目标就会发生偏离,甚至完全无效。 ——@冯铁

    2017-05-13
  • 新版MATERIAL DESIGN 官方动效指南(二)

    Material Design的动效设计 是响应式的,自然的。使用缓动曲线和持续时间模式可以创建平滑、一致的动效。

    2017-05-23
  • 2015年新起来的APP新贵们,进来瞅瞅都是什么APP在“火”!

    一时兴起,统计2015年以来新发布的,或是从2015年开始快速崛起的,日活稳定在20万+的APP,一共找到了16款。以下数据为粗暴的估算,不准确很正常,不准确憋找我! ┃视频类 熊猫TV,视频直播平台,CEO王思聪,200万量…

    2016-04-08
  • 译文 | 交互设计中对于“可控性”的理解

     “今天,你可以自由的调节你的屏幕的亮度,关掉应用的通知,自主决定是否连接手机的无线网络等等,虽然这些只能将你的手机电量多延长了几分钟,但却让你满足于一种成就感:你可以完全掌控你的手机,你可以调整所有的设置!(其实你无法控制你手机的电池寿命!) ”

    2017-05-31
  • 聊聊负反馈在交互设计中的应用

    在日常交互行为中,多多少少存在各种各样的反馈行为(feedback),没有反馈的系统是不存在的。有些反馈是积极的,告诉人们完成了什么,有些则是负面的,对人们可能采取的破坏性交互行为进行预警,告知人们如果这样做会有很严重的后果。反馈是人们确认系统在工作的重要依据,试想你明明提交了数据,界面或者系统却没有任何提示,你肯定会越来越疑惑烦躁,还可能连续提交造成系统崩溃。

    2017-05-29