如何打造一个用户体验良好的下载页面

这里来谈一个容易被忽略的问题—下载页。

下载页是移动互联网在传播移动端产品的必备页面。由于一些产品经理对这块注意不足,或者不屑在这个地方深究,导致产品在下载过程的体验并不好。在网上很少有人专门对此撰文,因此来简单聊聊下载页面的问题。

通过梳理完善下载页的业务流程,能提高下载产品过程中的用户体验,同时还能提高产品经理的流程化意识。

1 下载页面的作用

1.1 展示产品核心功能与界面的窗口

为什么一个下载页面是如此的重要?下载页是产品重要的入口。用户看到一个产品时,根本不会去看密密麻麻的介绍文字。更多的是产品介绍页的图片粗略看产品。此时下载页承载着传递产品的核心功能,最新功能和界面设计的功能。

1.2 App下载前的最后一道障碍

下载页是用户下载决策前的最后一道障碍。根据漏斗模型,从用户开始了解你的产品,到查看产品介绍,到下载,最后到开始使用产品,用户将会呈漏洞状减少。下载页是一个非常重要的过渡页。页面的设计,下载流程是否顺畅都关系到用户是否继续使用产品。因此在下载页,应尽可能的避免较多的点击次数。

2 下载过程中存在的坑

最大的坑就是腾讯的微信与应用宝。微信是手机必备社交软件,但其自带的浏览器不允许(非法)跳转。因此,使得很多下载链接无法自动下载移动客户端。于是一些产品经理直接采用了腾讯开发平台提供的微下载链接。微下载是腾讯官方提供的下载链接,可自动判断手机系统类型。微下载链接方便了iOS系统的跳转,但在Android端体验不好。

应用宝是国内最大的第三方安卓应用市场,众多的安卓移动客户端通过应用宝分发出去。用安卓微信扫描二维码,打开下载页面,“普通下载”按钮故意做得很小,而突出显示了“安全下载”按钮。点击安全下载,首先下载的却是应用宝的APK。点击普通下载,则还需用户确定。如果用户是第一次接触肯定会点击错误。例如下图的简书安卓版。


3 下载流程分析梳理

首先,在阐述流程之前,PM要厘清用户可通过什么方式进入到下载页面,用户所使用的访问方式是什么,手机系统是iOS还是Android。通过简单的思维导图可梳理出本产品可能存在的组合场景。

从进入的方式主要分为两类:(1)直接访问下载页面。用户通过主页跳转或者其他页面跳转到下载页面,直接访问下载页面了。(2)扫描(网站、文章)二维码。随着二维码的普及,越多越多的信息通过二维码传播,而下载页的链接生成二维码置于海报、文章中。可能的方式包括在网站下载页面直接用微信扫一扫/浏览器扫描二维码。在文章末尾识别二维码。

下载页面访问方式包括web端(PC浏览器)、wap端(手机浏览器)和微信(内置浏览器)。

另外要考虑的不同的手机操作系统。当前主流为iOS与Android,两者在下载方式有很大的不同。iOS仅能通过APP Store下载安装。Android可以通过直接下载APK,也可以通过应用市场安装,效果都一样。

同时,在下载页面流程设计有几个原则应注意到:

1)尽可能减少跳转,减少用户点击的次数。

跳转次数越多,用户点击次数更多,用户的耐心被消耗,则页面跳出率越高。当然还要结合其他因素一起考虑。要尽量避免在诸如下载软件首先下载的是应用宝软件这种被骗的事情。

2)把简单留给用户,把复杂留给自己。

对于前端展示给用户的逻辑尽可能简单,而背后可能存在的复杂的判断留给后台来进行。用户都是“懒”的,流程要让用户少想。如果用户使用安卓手机进入Wap端的下载页面,上面显示了Android下载、iOS下载按钮,这会让用户懵的。如Keep下载页,用iPhone版微信扫描,点击下载,依然提示在浏览器中打开,这种情形本可以避免。

结合前面提到的两个坑,可以得到如下的下载流程图。


(先放大,再右键打开,查看大图)


从上图我们可以看出,梳理出具体的使用场景为:

1)用户A打开官网下载页面,使用iPhone 版微信扫一扫二维码后,页面跳转至wap端下载页面,点击“立即下载”按钮,则页面经过跳转,最后打开了该APP的APP Store详情页,点击即可下载安装。微信的跳转必须要用到腾讯提供的微下载链接。从点击扫一扫到下载完成,用户A仅点击了3下。例如,用iPhone版微信扫描网易云音乐官方下载二维码,则可直接跳转至APP Store。

2)用户B手持安卓手机,用百度浏览器扫描海报中的下载二维码,页面跳转至wap端下载页面,点击“立即下载”按钮,浏览器提示将要下载移动客户端的APK。点击确定,从自己服务器下载APK并安装。从点击扫一扫到下载完成,用户B仅点击了3下。如下图的支付宝。

3)用户C手持安卓手机,用微信识别出图片中的下载二维码,页面跳转至wap端下载页面,点击“立即下载”按钮,此时弹出提示界面,提示用户“用浏览器打开”。用户在手机浏览器打开后,则其后与第2种场景一致。虽然这样让用户增加了2步操作,但有效避免了应用宝里存在的大坑。下图为安卓微信版下载Keep、铜板街APP,在点击下载后,均提示用户用浏览器打开。


以上废话了那么多,其实就是告诉大家需要分清不同的下载场景,针对每种场景选择一个更优的方式。每一种情况下,尽量缩短操作。当然,你甚至还可以在此此流程基础上进一步优化。比如在安卓浏览器扫描二维码,直接弹出下载提示框,例如优酷。

4 下载页面设计的要点

4.1 两套界面

Web端与Wap端由于所在的屏幕大小不一,因此需针对两个不同的访问端展示不同的下载页面。Wap端用户的页面大小和交互方式决定了用户决策时间短,其应做得尽量简洁。

4.2 web端设置iOS与Android下载入口

通过前面的分析,在下载页面二维码必不能少。下载页面放置一个二维码已经足够。但同时我们还需留意一些特殊需求的“长尾”用户。比如某用户安卓手机无法联网或者想节省移动流量但想安装某一APP,需通过桌面下载安装。用户想看下APP Store对该产品的介绍。基于以上就可考虑在Web端设置iOS与Android下载入口。

4.3 设计突出核心功能

正如前面所说,下载页面是一个产品的脸面。是用户接触产品的第一层,在这个页面要突出产品的核心功能,最近更新的亮点功能,以及突出产品的主要页面。在界面设计层次,尽可能的吸引用户的眼球,通俗的话就是“高大上”。无论是动感十足还是文艺小清新,这就是产品和UI设计师共同讨论的问题了。

利益声明:以上举例app与本人均不存在利益相关,截图仅用于说明。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 159,716评论 4 364
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,558评论 1 294
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 109,431评论 0 244
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,127评论 0 209
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,511评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,692评论 1 222
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,915评论 2 313
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,664评论 0 202
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,412评论 1 246
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,616评论 2 245
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,105评论 1 260
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,424评论 2 254
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,098评论 3 238
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,096评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,869评论 0 197
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,748评论 2 276
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,641评论 2 271

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 170,569评论 25 707
  • 公司项目APP的iOS版本与Android版本终于上线了,虽说有许多不完美,但也开启了新的征程,所谓“参差多态乃幸...
    林小舟阅读 9,121评论 0 13
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 11,617评论 4 59
  • 今天,2017年7月6日,是全县中小学放暑假的日子。从明天开始,全县中小学生就将开始进入长达56天的暑假生...
    冯元民阅读 949评论 3 5
  • 画成这样也是没谁了,要考试了还有一堆没复习静不下来画,这算是在浪费时间吧,也可以说是小小的强迫症~暑假好好学
    一只要上天的猪阅读 242评论 2 1