如何構(gòu)建友好的APP下載頁面(Android/iOS)

公司項目APP的iOS版本與Android版本終于上線了磷籍,雖說有許多不完美踊挠,但也開啟了新的征程,所謂“參差多態(tài)乃幸福本源”锨苏。

設(shè)計小白

這篇文章主要探討總結(jié)現(xiàn)有APP的H5下載頁的展現(xiàn)形式耿币∈嵝樱可能大部分擁有蘋果手機的用戶,習慣的下載方式是直接去App store搜索下載相關(guān)了解的App名稱淹接,因為iOS操作系統(tǒng)下載安裝過程流暢十性,沒有過多干擾,即使下載后不喜歡也可以直接刪除塑悼,不會過多引起情緒改變劲适。而相對于iOS的便利,Android下載可能會相對繁瑣厢蒜,無論是各種詢問的彈窗霞势,還是下載的跳轉(zhuǎn)都會有點惹人煩,當然很大部分取決于下載界面的設(shè)計流程郭怪。今天支示,我們一起梳理探討一下App下載刊橘,究竟怎么做會更友好鄙才。

下載入口都在哪

隨著微信社交的普及,二維碼漸漸成了我們生活中不可或缺的元素促绵。而微信的掃一掃也是我們使用頻率最高的掃碼工具攒庵。新的App設(shè)計出來進入市場嘴纺,無論是線上網(wǎng)絡(luò)宣傳還是線下實地宣傳,都會選擇引導用戶掃碼下載App浓冒。這一方式也被大眾認可栽渴,簡單易于操作。但也會有部分用戶從wap(手機瀏覽器)稳懒、web(PC端)或者微信(內(nèi)置瀏覽器)直接訪問下載頁面闲擦。

下載入口主要分兩類: 1.掃描(網(wǎng)頁/海報)二維碼; 2.直接訪問下載頁面场梆。

這個設(shè)計有點坑

騰訊的應用寶是目前國內(nèi)最大的安卓應用市場墅冷,大部分的安卓App通過應用寶進行下載。安卓用戶通過微信或者QQ的掃一掃進入相應的APP下載頁時或油,我們看到這樣的頁面寞忿。“安全下載”字樣與按鈕都在極為明顯的位置顶岸,用戶極易點擊腔彰。然而點擊后直接下載的是騰訊應用寶的apk文件,對于首次使用的人群來說辖佣,簡直是間接強迫下載了應用寶這款APP霹抛。而真正下載的按鈕是圖中紅色標注的“普通下載”,少了“安全”二字的保駕護航卷谈,又有多少用戶會去點擊呢上炎!

微信/QQ掃碼后APP下載界面

典型使用場景分析

1.用戶A使用安卓手機,用手機瀏覽器(或QQ等)掃描海報(或官網(wǎng))中的下載二維碼雏搂,頁面跳轉(zhuǎn)至wap端下載頁面藕施,點擊“立即下載”按鈕,瀏覽器提示將要下載移動客戶端的apk凸郑。點擊確定裳食,從自己服務器下載相應apk并安裝。從點擊掃一掃到下載完成芙沥,用戶A僅點擊了2次诲祸。

安卓用戶使用QQ掃碼下載豆瓣APP流程

2.用戶B使用安卓手機,選擇使用微信掃描下載二維碼而昨,頁面跳轉(zhuǎn)至wap端下載頁面救氯,點擊“立即下載”按鈕,此時彈出提示界面歌憨,提示用戶“用瀏覽器打開”着憨。用戶在手機瀏覽器打開后,則其后與上一種場景一致务嫡。從點擊掃一掃到下載完成甲抖,用戶B也只點擊了3次漆改。

安卓用戶使用微信掃碼下載豆瓣APP流程

3.用戶C使用蘋果手機,選擇使用QQ掃描下載二維碼准谚,頁面跳轉(zhuǎn)至wap端下載頁面挫剑,點擊“立即下載”按鈕,頁面直接跳轉(zhuǎn)至App store的豆瓣下載頁面柱衔。從點擊掃一掃到下載完成樊破,用戶C只點擊了2次。并且可以在App store中刷評論唆铐,看評分等捶码。

蘋果用戶使用QQ掃碼下載豆瓣APP流程

4.用戶D使用蘋果手機,選擇使用微信掃描下載二維碼或链,頁面跳轉(zhuǎn)至wap端下載頁面惫恼,點擊“立即下載”按鈕,頁面提示“即將離開微信澳盐,前往App store”祈纯,用戶點擊“前往”直接進入App store的豆瓣下載頁面。從點擊掃一掃到下載完成叼耙,用戶D也只點擊了3次腕窥。

蘋果用戶使用微信掃碼下載豆瓣APP流程

設(shè)計思考

首先,展示給用戶的操作盡可能簡單筛婉,減少誤操作的可能性簇爆。

設(shè)計前要明確一點, 下載H5詳情頁是用戶決定是否下載此APP的最后一道屏障爽撒。在頁面能夠引起下載興趣的前提下入蛆,操作交互流程也很重要。主流的交互大概就是以上分析這樣硕勿,當然更多的思考或者更好的技術(shù)都會造就更簡易的操作哨毁,需要更深入的分析與思考。

而在頁面設(shè)計上源武,有根據(jù)不同手機系統(tǒng)設(shè)計兩個不同的頁面扼褪,也可集合在一個頁面,根據(jù)系統(tǒng)的不同進行相應的后續(xù)操作粱栖。

網(wǎng)易云音樂的iOS下載詳情頁

而使用安卓手機時只是改變了下載按鈕的提示樣式话浇,如圖。

網(wǎng)易云音樂的Android下載詳情頁

而豆瓣則是是用了一套下載頁面闹究,根據(jù)不同的系統(tǒng)進行后續(xù)操作幔崖。

豆瓣iOS/Android下載頁

以上APP截圖僅作為說明使用,無其他。

大神多多指教岖瑰。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末叛买,一起剝皮案震驚了整個濱河市砂代,隨后出現(xiàn)的幾起案子蹋订,更是在濱河造成了極大的恐慌,老刑警劉巖刻伊,帶你破解...
    沈念sama閱讀 206,311評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件露戒,死亡現(xiàn)場離奇詭異,居然都是意外死亡捶箱,警方通過查閱死者的電腦和手機智什,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,339評論 2 382
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來丁屎,“玉大人荠锭,你說我怎么就攤上這事〕看ǎ” “怎么了证九?”我有些...
    開封第一講書人閱讀 152,671評論 0 342
  • 文/不壞的土叔 我叫張陵,是天一觀的道長共虑。 經(jīng)常有香客問我愧怜,道長,這世上最難降的妖魔是什么妈拌? 我笑而不...
    開封第一講書人閱讀 55,252評論 1 279
  • 正文 為了忘掉前任拥坛,我火速辦了婚禮,結(jié)果婚禮上尘分,老公的妹妹穿的比我還像新娘猜惋。我一直安慰自己,他們只是感情好培愁,可當我...
    茶點故事閱讀 64,253評論 5 371
  • 文/花漫 我一把揭開白布惨奕。 她就那樣靜靜地躺著,像睡著了一般竭钝。 火紅的嫁衣襯著肌膚如雪梨撞。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,031評論 1 285
  • 那天香罐,我揣著相機與錄音卧波,去河邊找鬼。 笑死庇茫,一個胖子當著我的面吹牛港粱,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 38,340評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼查坪,長吁一口氣:“原來是場噩夢啊……” “哼寸宏!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起偿曙,我...
    開封第一講書人閱讀 36,973評論 0 259
  • 序言:老撾萬榮一對情侶失蹤氮凝,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后望忆,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體罩阵,經(jīng)...
    沈念sama閱讀 43,466評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,937評論 2 323
  • 正文 我和宋清朗相戀三年启摄,在試婚紗的時候發(fā)現(xiàn)自己被綠了稿壁。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,039評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡歉备,死狀恐怖傅是,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情蕾羊,我是刑警寧澤喧笔,帶...
    沈念sama閱讀 33,701評論 4 323
  • 正文 年R本政府宣布,位于F島的核電站肚豺,受9級特大地震影響溃斋,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜吸申,卻給世界環(huán)境...
    茶點故事閱讀 39,254評論 3 307
  • 文/蒙蒙 一梗劫、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧截碴,春花似錦梳侨、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,259評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至哲虾,卻和暖如春丙躏,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背束凑。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評論 1 262
  • 我被黑心中介騙來泰國打工晒旅, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人汪诉。 一個月前我還...
    沈念sama閱讀 45,497評論 2 354
  • 正文 我出身青樓废恋,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子鱼鼓,可洞房花燭夜當晚...
    茶點故事閱讀 42,786評論 2 345

推薦閱讀更多精彩內(nèi)容