首開應(yīng)用一堆授權(quán)警告框?老司機(jī)教你這樣優(yōu)化

4 評(píng)論 5386 瀏覽 40 收藏 12 分鐘

本文作者將從技術(shù)開發(fā)和交互設(shè)計(jì)的角度,介紹了iOS授權(quán)警告框的優(yōu)化設(shè)計(jì)。enjoy~

最近和愛(ài)奇藝基線的設(shè)計(jì)伙伴們,討論了一個(gè)普通卻很有價(jià)值的問(wèn)題:首次打開應(yīng)用的時(shí)候,是否可以不彈出一堆請(qǐng)求訪問(wèn)權(quán)限的警告框?

不知道你什么脾氣,反正我見(jiàn)到上圖這樣狂彈的警告框都是統(tǒng)統(tǒng)點(diǎn)“不允許”的。

為了找到問(wèn)題的答案,我從技術(shù)開發(fā)和交互設(shè)計(jì)的角度研究了這個(gè)問(wèn)題。下面從這兩個(gè)方面為大家介紹。

一. 技術(shù)開發(fā)方面

首先介紹技術(shù)開發(fā)方面,是因?yàn)檫@是我們形成設(shè)計(jì)方案的基礎(chǔ),道理很簡(jiǎn)單——如果我們?cè)O(shè)計(jì)了自認(rèn)為異常合理、無(wú)比自嗨的方案,但是開發(fā)卻說(shuō)做不了,也只能干瞪眼了。那么,從iOS開發(fā)的角度,首次打開應(yīng)用,必須要彈出一堆警告框嗎?現(xiàn)在這么多應(yīng)用,在下載之后首次打開,都會(huì)彈出警告框,這是不是蘋果對(duì)于應(yīng)用的規(guī)定呢?

在網(wǎng)上搜索了相關(guān)文章,以及問(wèn)詢開發(fā)同事之后,得出的結(jié)論如下:

1.?聯(lián)網(wǎng)請(qǐng)求可在剛下載時(shí)彈出

由于工信部出臺(tái)的新規(guī)定指出,應(yīng)用在未經(jīng)用戶允許的前提下,系統(tǒng)不能授予其使用聯(lián)網(wǎng)、獲取定位的功能。獲取定位還好說(shuō),因?yàn)楹芏鄳?yīng)用沒(méi)有定位也可以正常使用;但無(wú)法聯(lián)網(wǎng),則幾乎所有的應(yīng)用都會(huì)歇菜。因此蘋果從iOS 10 操作系統(tǒng)開始,加入了關(guān)于應(yīng)用使用數(shù)據(jù)的授權(quán)彈窗提示,用戶在 iOS 10 系統(tǒng)中第一次打開應(yīng)用時(shí),會(huì)被要求對(duì)于是否授予應(yīng)用聯(lián)網(wǎng)權(quán)限進(jìn)行選擇。

由于這是一個(gè)基礎(chǔ)選擇,所以在剛下載就彈出這個(gè)警告框無(wú)可厚非。但仍有兩點(diǎn)問(wèn)題需要注意:

(1)延遲請(qǐng)求

如果用戶首次打開應(yīng)用,應(yīng)用的接口就開始請(qǐng)求數(shù)據(jù),如果用戶是在這之后允許使用網(wǎng)絡(luò),那么用戶面對(duì)的依然是一個(gè)沒(méi)有數(shù)據(jù)的頁(yè)面。此時(shí)注意一定要準(zhǔn)備一個(gè)“點(diǎn)擊重新加載”的空頁(yè)面,讓用戶可以重新刷新頁(yè)面,加載出內(nèi)容。還有個(gè)更好的做法,就是對(duì)于首次啟動(dòng)的所有接口,延遲到用戶點(diǎn)擊“允許”之后再請(qǐng)求,或者重新請(qǐng)求一次,就能避免出現(xiàn)沒(méi)有內(nèi)容頁(yè)面的情況,是一個(gè)比較好的解決方案。在應(yīng)用首次啟動(dòng)時(shí),往往有幾屏引導(dǎo)頁(yè),一個(gè)比較好的時(shí)機(jī)是引導(dǎo)頁(yè)結(jié)束時(shí)彈出聯(lián)網(wǎng)請(qǐng)求的警告框。此時(shí)用戶點(diǎn)擊允許后,數(shù)據(jù)都能正確得到。

(2)用戶點(diǎn)擊不允許,需要給出重新聯(lián)網(wǎng)的辦法

比如下面這個(gè)網(wǎng)易嚴(yán)選的例子,當(dāng)點(diǎn)擊聯(lián)網(wǎng)請(qǐng)求的“不允許”之后,會(huì)有個(gè)按鈕,“查看解決方案”,點(diǎn)擊后是描述解決方案的頁(yè)面。但沐風(fēng)認(rèn)為如果改動(dòng)一下這個(gè)方案,將按鈕文案變?yōu)椤霸试S訪問(wèn)網(wǎng)絡(luò)”,點(diǎn)擊后直接進(jìn)入網(wǎng)易嚴(yán)選管理訪問(wèn)權(quán)限的頁(yè)面,效果會(huì)好很多。

2. 其它訪問(wèn)權(quán)限警告框都可以在需要的時(shí)候再?gòu)棾?/strong>

這意味著推送、相冊(cè)、相機(jī)、麥克風(fēng)、定位、通訊錄、日歷、備忘錄、藍(lán)牙的權(quán)限請(qǐng)求,在技術(shù)上統(tǒng)統(tǒng)都可以在需要的時(shí)候再?gòu)棾觥?/p>

二. 交互設(shè)計(jì)方面

上面關(guān)于技術(shù)方面的研究,為我們的設(shè)計(jì)交互打下了基礎(chǔ):除了聯(lián)網(wǎng)請(qǐng)求的警告框,其余的都可以在合適的情況下再?gòu)棾觥D敲?,怎樣才算合適呢?在研究了網(wǎng)上的案例以及自己的經(jīng)驗(yàn)總結(jié)之后,得出主要有以下兩種情況:

1. 有需要的時(shí)候再?gòu)棾?/strong>

比如用戶需要拍照,點(diǎn)擊拍照按鈕,此時(shí)彈出訪問(wèn)相機(jī)和相冊(cè)的警告框,就很符合場(chǎng)景,因?yàn)橛脩粼谶@時(shí)候有拍照的需要。再比如,下面這個(gè)例子:

上圖展示的是應(yīng)用原有方案。當(dāng)用戶首次下載應(yīng)用后,會(huì)展示左圖的引導(dǎo)頁(yè),說(shuō)明Cluster應(yīng)用是一個(gè)建立相冊(cè)分享照片的應(yīng)用,然后用戶如果點(diǎn)擊“創(chuàng)建第一個(gè)相冊(cè)”按鈕后,則會(huì)出現(xiàn)中間圖的警告框。這個(gè)警告框是應(yīng)用自己創(chuàng)造的警告框,不是iOS系統(tǒng)自帶的,此時(shí)詢問(wèn)用戶是否允許cluster訪問(wèn)相冊(cè)。當(dāng)用戶點(diǎn)擊了“允許”之后,才出現(xiàn)iOS的警告框。這樣彈出兩個(gè)警告框,雖然有點(diǎn)啰嗦,但有效保證了最右圖中點(diǎn)擊允許的用戶比率。數(shù)據(jù)顯示,在中間圖中點(diǎn)擊“允許”的人,有97%的人,點(diǎn)擊了最右邊圖的的“允許”按鈕。要知道,一旦用戶點(diǎn)擊了IOS系統(tǒng)自帶警告框的“不允許”,重新開啟允許是比較麻煩的。

后來(lái)應(yīng)用進(jìn)行了改版,將相冊(cè)權(quán)限改到了用戶需要拍照的時(shí)候問(wèn)詢,如上圖所示。經(jīng)過(guò)這樣的優(yōu)化,點(diǎn)擊允許按鈕用戶的占比,從舊方案的67%上升到89%,效果明顯。

可見(jiàn),在引導(dǎo)頁(yè)中雖然介紹了應(yīng)用是做什么的,但是還是有很多用戶不會(huì)細(xì)看,即使細(xì)看了,也不會(huì)一定會(huì)買帳。因此在引導(dǎo)頁(yè)結(jié)束時(shí)彈出使用相機(jī)的請(qǐng)求,并不如用戶真正需要使用相機(jī)時(shí)彈出,來(lái)得有效。

另外,如果用戶已經(jīng)選擇了“不允許”,我們就需要仔細(xì)尋找用戶會(huì)需要某些信息的場(chǎng)景,然后誘導(dǎo)用戶開啟授權(quán)。比如下面這個(gè)例子:

這是網(wǎng)易考拉的消息中心頁(yè)面,由于我之前不允許推送,在頁(yè)面頂部有一行提示,“開啟消息通知,即時(shí)掌握物流信息”。這是非常符合用戶場(chǎng)景的設(shè)計(jì),因?yàn)橄⒅行捻?yè)本來(lái)就承載了包括物流信息等消息,如果用戶想即時(shí)接收到這些消息,打開推送是最直接的方法。

2. 用戶明確收益時(shí)彈出

比如Hopper應(yīng)用,是一個(gè)會(huì)分析海量的機(jī)票價(jià)格,并準(zhǔn)確地預(yù)測(cè)價(jià)格的變化趨勢(shì),告訴用戶何時(shí)購(gòu)票最為劃算的應(yīng)用。Hopper可以非常精確的進(jìn)行價(jià)格預(yù)測(cè)并告訴你應(yīng)該購(gòu)票還是繼續(xù)等待。在等待過(guò)程中,你可以使用“觀望”功能,此時(shí)app會(huì)持續(xù)觀望你所關(guān)注的航班,直到價(jià)格進(jìn)入“低價(jià)”范圍,便向你推送建議購(gòu)買的通知??梢哉f(shuō),推送功能,對(duì)于該應(yīng)用至關(guān)重要??紤]到這一點(diǎn),設(shè)計(jì)師在首次下載后的引導(dǎo)頁(yè),加入了對(duì)“觀望”(即下圖中的“Watch”)功能的介紹,當(dāng)用戶點(diǎn)擊了中間圖中底部的“允許發(fā)送推送”的時(shí)候,才彈出右邊圖的警告框。

這樣的設(shè)計(jì)看似很合理了,但分析數(shù)據(jù)后,設(shè)計(jì)師發(fā)現(xiàn),在進(jìn)行了這樣的優(yōu)化后,資質(zhì)用戶的數(shù)量并沒(méi)有真正得到提升,我們僅僅是改變了他們成為資質(zhì)用戶的方式而已 ——從前,幾乎所有的用戶都會(huì)走完引導(dǎo)頁(yè)流程而進(jìn)入app環(huán)境,他們?cè)谑褂孟嚓P(guān)功能時(shí)被詢問(wèn)是否授權(quán),那些資質(zhì)用戶會(huì)同意授權(quán),非資質(zhì)用戶則會(huì)拒絕授權(quán)并流失。而在新的流程下,資質(zhì)用戶會(huì)在第二個(gè)引導(dǎo)頁(yè)點(diǎn)擊底部的“允許推送通知”,并在接下來(lái)iOS彈出的授權(quán)對(duì)話框中選擇同意授權(quán),然后進(jìn)入app并使用觀望功能;非資質(zhì)用戶當(dāng)中的一部分看到引導(dǎo)頁(yè)底部的“允許推送通知”時(shí)會(huì)直接放棄,而另一部分雖然會(huì)點(diǎn)擊這個(gè)按鈕,但在接下來(lái)iOS彈出的授權(quán)對(duì)話框中卻會(huì)選擇不同意授權(quán),于是即便進(jìn)入app也無(wú)法使用觀望功能。所以在新流程當(dāng)中資質(zhì)用戶占比得到提升的根本原因就是那些非資質(zhì)用戶根本沒(méi)能進(jìn)入app,或者即便進(jìn)入了也無(wú)法完成轉(zhuǎn)化。

于是,設(shè)計(jì)師又進(jìn)行了優(yōu)化:在底部加入“暫不”按鈕,點(diǎn)擊后則不彈出推送的警告框。這樣給了還不了解應(yīng)用的用戶一個(gè)緩沖的機(jī)會(huì),暫時(shí)不開啟推送,等到后面繼續(xù)使用中,再請(qǐng)求推送授權(quán)。這樣的優(yōu)化滿足了不同用戶的需要,越來(lái)越多的用戶順暢的完成了引導(dǎo)流程并進(jìn)入app實(shí)際體驗(yàn)各種功能,最終成為資質(zhì)用戶。

以上介紹了iOS授權(quán)警告框的設(shè)計(jì)。

關(guān)于警告框的設(shè)計(jì)規(guī)范,可以參考之前的這篇文章:iOS和Android規(guī)范解析——警告框(Alerts)對(duì)比

討論讓人認(rèn)識(shí)深刻,歡迎留言討論。

#專欄作家#

新設(shè)計(jì)青年(微信公眾號(hào):新設(shè)計(jì)青年),人人都是產(chǎn)品經(jīng)理專欄作家,2017年度作家評(píng)選最佳人氣獎(jiǎng)。愛(ài)奇藝高級(jí)交互設(shè)計(jì)師。留德海龜,曾任職騰訊微生活、網(wǎng)易、宜信。5年交互設(shè)計(jì)經(jīng)驗(yàn),專注設(shè)計(jì)領(lǐng)域。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來(lái)自 Unsplash,基于 CC0 協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 那個(gè)一開始拒絕網(wǎng)絡(luò)之后,再要打開好像只能從系統(tǒng)設(shè)置里面進(jìn)去了吧,app好像這個(gè)權(quán)限吧

    來(lái)自浙江 回復(fù)
    1. 是的,你說(shuō)的沒(méi)錯(cuò)。不過(guò)我試了一下,app可以設(shè)計(jì)一個(gè)按鈕,點(diǎn)擊之后直接進(jìn)到系統(tǒng)設(shè)置里的相關(guān)頁(yè)面。

      來(lái)自北京 回復(fù)
    2. 嗯,我也驗(yàn)證過(guò)了,是可以的,現(xiàn)在很多主流app也都改了

      來(lái)自浙江 回復(fù)