公司項目APP的iOS版本與Android版本終于上線了磷籍,雖說有許多不完美踊挠,但也開啟了新的征程,所謂“參差多態(tài)乃幸福本源”锨苏。
這篇文章主要探討總結(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霹抛。而真正下載的按鈕是圖中紅色標注的“普通下載”,少了“安全”二字的保駕護航卷谈,又有多少用戶會去點擊呢上炎!
典型使用場景分析
1.用戶A使用安卓手機,用手機瀏覽器(或QQ等)掃描海報(或官網(wǎng))中的下載二維碼雏搂,頁面跳轉(zhuǎn)至wap端下載頁面藕施,點擊“立即下載”按鈕,瀏覽器提示將要下載移動客戶端的apk凸郑。點擊確定裳食,從自己服務器下載相應apk并安裝。從點擊掃一掃到下載完成芙沥,用戶A僅點擊了2次诲祸。
2.用戶B使用安卓手機,選擇使用微信掃描下載二維碼而昨,頁面跳轉(zhuǎn)至wap端下載頁面救氯,點擊“立即下載”按鈕,此時彈出提示界面歌憨,提示用戶“用瀏覽器打開”着憨。用戶在手機瀏覽器打開后,則其后與上一種場景一致务嫡。從點擊掃一掃到下載完成甲抖,用戶B也只點擊了3次漆改。
3.用戶C使用蘋果手機,選擇使用QQ掃描下載二維碼准谚,頁面跳轉(zhuǎn)至wap端下載頁面挫剑,點擊“立即下載”按鈕,頁面直接跳轉(zhuǎn)至App store的豆瓣下載頁面柱衔。從點擊掃一掃到下載完成樊破,用戶C只點擊了2次。并且可以在App store中刷評論唆铐,看評分等捶码。
4.用戶D使用蘋果手機,選擇使用微信掃描下載二維碼或链,頁面跳轉(zhuǎn)至wap端下載頁面惫恼,點擊“立即下載”按鈕,頁面提示“即將離開微信澳盐,前往App store”祈纯,用戶點擊“前往”直接進入App store的豆瓣下載頁面。從點擊掃一掃到下載完成叼耙,用戶D也只點擊了3次腕窥。
設(shè)計思考
首先,展示給用戶的操作盡可能簡單筛婉,減少誤操作的可能性簇爆。
設(shè)計前要明確一點, 下載H5詳情頁是用戶決定是否下載此APP的最后一道屏障爽撒。在頁面能夠引起下載興趣的前提下入蛆,操作交互流程也很重要。主流的交互大概就是以上分析這樣硕勿,當然更多的思考或者更好的技術(shù)都會造就更簡易的操作哨毁,需要更深入的分析與思考。
而在頁面設(shè)計上源武,有根據(jù)不同手機系統(tǒng)設(shè)計兩個不同的頁面扼褪,也可集合在一個頁面,根據(jù)系統(tǒng)的不同進行相應的后續(xù)操作粱栖。
而使用安卓手機時只是改變了下載按鈕的提示樣式话浇,如圖。
而豆瓣則是是用了一套下載頁面闹究,根據(jù)不同的系統(tǒng)進行后續(xù)操作幔崖。
以上APP截圖僅作為說明使用,無其他。
大神多多指教岖瑰。