首開應(yīng)用一堆授權(quán)警告框?老司機(jī)教你這樣優(yōu)化
本文作者將從技術(shù)開發(fā)和交互設(shè)計的角度,介紹了iOS授權(quán)警告框的優(yōu)化設(shè)計。enjoy~
最近和愛奇藝基線的設(shè)計伙伴們,討論了一個普通卻很有價值的問題:首次打開應(yīng)用的時候,是否可以不彈出一堆請求訪問權(quán)限的警告框?
不知道你什么脾氣,反正我見到上圖這樣狂彈的警告框都是統(tǒng)統(tǒng)點(diǎn)“不允許”的。
為了找到問題的答案,我從技術(shù)開發(fā)和交互設(shè)計的角度研究了這個問題。下面從這兩個方面為大家介紹。
一. 技術(shù)開發(fā)方面
首先介紹技術(shù)開發(fā)方面,是因為這是我們形成設(shè)計方案的基礎(chǔ),道理很簡單——如果我們設(shè)計了自認(rèn)為異常合理、無比自嗨的方案,但是開發(fā)卻說做不了,也只能干瞪眼了。那么,從iOS開發(fā)的角度,首次打開應(yīng)用,必須要彈出一堆警告框嗎?現(xiàn)在這么多應(yīng)用,在下載之后首次打開,都會彈出警告框,這是不是蘋果對于應(yīng)用的規(guī)定呢?
在網(wǎng)上搜索了相關(guān)文章,以及問詢開發(fā)同事之后,得出的結(jié)論如下:
1.?聯(lián)網(wǎng)請求可在剛下載時彈出
由于工信部出臺的新規(guī)定指出,應(yīng)用在未經(jīng)用戶允許的前提下,系統(tǒng)不能授予其使用聯(lián)網(wǎng)、獲取定位的功能。獲取定位還好說,因為很多應(yīng)用沒有定位也可以正常使用;但無法聯(lián)網(wǎng),則幾乎所有的應(yīng)用都會歇菜。因此蘋果從iOS 10 操作系統(tǒng)開始,加入了關(guān)于應(yīng)用使用數(shù)據(jù)的授權(quán)彈窗提示,用戶在 iOS 10 系統(tǒng)中第一次打開應(yīng)用時,會被要求對于是否授予應(yīng)用聯(lián)網(wǎng)權(quán)限進(jìn)行選擇。
由于這是一個基礎(chǔ)選擇,所以在剛下載就彈出這個警告框無可厚非。但仍有兩點(diǎn)問題需要注意:
(1)延遲請求
如果用戶首次打開應(yīng)用,應(yīng)用的接口就開始請求數(shù)據(jù),如果用戶是在這之后允許使用網(wǎng)絡(luò),那么用戶面對的依然是一個沒有數(shù)據(jù)的頁面。此時注意一定要準(zhǔn)備一個“點(diǎn)擊重新加載”的空頁面,讓用戶可以重新刷新頁面,加載出內(nèi)容。還有個更好的做法,就是對于首次啟動的所有接口,延遲到用戶點(diǎn)擊“允許”之后再請求,或者重新請求一次,就能避免出現(xiàn)沒有內(nèi)容頁面的情況,是一個比較好的解決方案。在應(yīng)用首次啟動時,往往有幾屏引導(dǎo)頁,一個比較好的時機(jī)是引導(dǎo)頁結(jié)束時彈出聯(lián)網(wǎng)請求的警告框。此時用戶點(diǎn)擊允許后,數(shù)據(jù)都能正確得到。
(2)用戶點(diǎn)擊不允許,需要給出重新聯(lián)網(wǎng)的辦法
比如下面這個網(wǎng)易嚴(yán)選的例子,當(dāng)點(diǎn)擊聯(lián)網(wǎng)請求的“不允許”之后,會有個按鈕,“查看解決方案”,點(diǎn)擊后是描述解決方案的頁面。但沐風(fēng)認(rèn)為如果改動一下這個方案,將按鈕文案變?yōu)椤霸试S訪問網(wǎng)絡(luò)”,點(diǎn)擊后直接進(jìn)入網(wǎng)易嚴(yán)選管理訪問權(quán)限的頁面,效果會好很多。
2. 其它訪問權(quán)限警告框都可以在需要的時候再彈出
這意味著推送、相冊、相機(jī)、麥克風(fēng)、定位、通訊錄、日歷、備忘錄、藍(lán)牙的權(quán)限請求,在技術(shù)上統(tǒng)統(tǒng)都可以在需要的時候再彈出。
二. 交互設(shè)計方面
上面關(guān)于技術(shù)方面的研究,為我們的設(shè)計交互打下了基礎(chǔ):除了聯(lián)網(wǎng)請求的警告框,其余的都可以在合適的情況下再彈出。那么,怎樣才算合適呢?在研究了網(wǎng)上的案例以及自己的經(jīng)驗總結(jié)之后,得出主要有以下兩種情況:
1. 有需要的時候再彈出
比如用戶需要拍照,點(diǎn)擊拍照按鈕,此時彈出訪問相機(jī)和相冊的警告框,就很符合場景,因為用戶在這時候有拍照的需要。再比如,下面這個例子:
上圖展示的是應(yīng)用原有方案。當(dāng)用戶首次下載應(yīng)用后,會展示左圖的引導(dǎo)頁,說明Cluster應(yīng)用是一個建立相冊分享照片的應(yīng)用,然后用戶如果點(diǎn)擊“創(chuàng)建第一個相冊”按鈕后,則會出現(xiàn)中間圖的警告框。這個警告框是應(yīng)用自己創(chuàng)造的警告框,不是iOS系統(tǒng)自帶的,此時詢問用戶是否允許cluster訪問相冊。當(dāng)用戶點(diǎn)擊了“允許”之后,才出現(xiàn)iOS的警告框。這樣彈出兩個警告框,雖然有點(diǎn)啰嗦,但有效保證了最右圖中點(diǎn)擊允許的用戶比率。數(shù)據(jù)顯示,在中間圖中點(diǎn)擊“允許”的人,有97%的人,點(diǎn)擊了最右邊圖的的“允許”按鈕。要知道,一旦用戶點(diǎn)擊了IOS系統(tǒng)自帶警告框的“不允許”,重新開啟允許是比較麻煩的。
后來應(yīng)用進(jìn)行了改版,將相冊權(quán)限改到了用戶需要拍照的時候問詢,如上圖所示。經(jīng)過這樣的優(yōu)化,點(diǎn)擊允許按鈕用戶的占比,從舊方案的67%上升到89%,效果明顯。
可見,在引導(dǎo)頁中雖然介紹了應(yīng)用是做什么的,但是還是有很多用戶不會細(xì)看,即使細(xì)看了,也不會一定會買帳。因此在引導(dǎo)頁結(jié)束時彈出使用相機(jī)的請求,并不如用戶真正需要使用相機(jī)時彈出,來得有效。
另外,如果用戶已經(jīng)選擇了“不允許”,我們就需要仔細(xì)尋找用戶會需要某些信息的場景,然后誘導(dǎo)用戶開啟授權(quán)。比如下面這個例子:
這是網(wǎng)易考拉的消息中心頁面,由于我之前不允許推送,在頁面頂部有一行提示,“開啟消息通知,即時掌握物流信息”。這是非常符合用戶場景的設(shè)計,因為消息中心頁本來就承載了包括物流信息等消息,如果用戶想即時接收到這些消息,打開推送是最直接的方法。
2. 用戶明確收益時彈出
比如Hopper應(yīng)用,是一個會分析海量的機(jī)票價格,并準(zhǔn)確地預(yù)測價格的變化趨勢,告訴用戶何時購票最為劃算的應(yīng)用。Hopper可以非常精確的進(jìn)行價格預(yù)測并告訴你應(yīng)該購票還是繼續(xù)等待。在等待過程中,你可以使用“觀望”功能,此時app會持續(xù)觀望你所關(guān)注的航班,直到價格進(jìn)入“低價”范圍,便向你推送建議購買的通知。可以說,推送功能,對于該應(yīng)用至關(guān)重要??紤]到這一點(diǎn),設(shè)計師在首次下載后的引導(dǎo)頁,加入了對“觀望”(即下圖中的“Watch”)功能的介紹,當(dāng)用戶點(diǎn)擊了中間圖中底部的“允許發(fā)送推送”的時候,才彈出右邊圖的警告框。
這樣的設(shè)計看似很合理了,但分析數(shù)據(jù)后,設(shè)計師發(fā)現(xiàn),在進(jìn)行了這樣的優(yōu)化后,資質(zhì)用戶的數(shù)量并沒有真正得到提升,我們僅僅是改變了他們成為資質(zhì)用戶的方式而已 ——從前,幾乎所有的用戶都會走完引導(dǎo)頁流程而進(jìn)入app環(huán)境,他們在使用相關(guān)功能時被詢問是否授權(quán),那些資質(zhì)用戶會同意授權(quán),非資質(zhì)用戶則會拒絕授權(quán)并流失。而在新的流程下,資質(zhì)用戶會在第二個引導(dǎo)頁點(diǎn)擊底部的“允許推送通知”,并在接下來iOS彈出的授權(quán)對話框中選擇同意授權(quán),然后進(jìn)入app并使用觀望功能;非資質(zhì)用戶當(dāng)中的一部分看到引導(dǎo)頁底部的“允許推送通知”時會直接放棄,而另一部分雖然會點(diǎn)擊這個按鈕,但在接下來iOS彈出的授權(quán)對話框中卻會選擇不同意授權(quán),于是即便進(jìn)入app也無法使用觀望功能。所以在新流程當(dāng)中資質(zhì)用戶占比得到提升的根本原因就是那些非資質(zhì)用戶根本沒能進(jìn)入app,或者即便進(jìn)入了也無法完成轉(zhuǎn)化。
于是,設(shè)計師又進(jìn)行了優(yōu)化:在底部加入“暫不”按鈕,點(diǎn)擊后則不彈出推送的警告框。這樣給了還不了解應(yīng)用的用戶一個緩沖的機(jī)會,暫時不開啟推送,等到后面繼續(xù)使用中,再請求推送授權(quán)。這樣的優(yōu)化滿足了不同用戶的需要,越來越多的用戶順暢的完成了引導(dǎo)流程并進(jìn)入app實際體驗各種功能,最終成為資質(zhì)用戶。
以上介紹了iOS授權(quán)警告框的設(shè)計。
關(guān)于警告框的設(shè)計規(guī)范,可以參考之前的這篇文章:iOS和Android規(guī)范解析——警告框(Alerts)對比
討論讓人認(rèn)識深刻,歡迎留言討論。
#專欄作家#
新設(shè)計青年(微信公眾號:新設(shè)計青年),人人都是產(chǎn)品經(jīng)理專欄作家,2017年度作家評選最佳人氣獎。愛奇藝高級交互設(shè)計師。留德海龜,曾任職騰訊微生活、網(wǎng)易、宜信。5年交互設(shè)計經(jīng)驗,專注設(shè)計領(lǐng)域。
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自 Unsplash,基于 CC0 協(xié)議
那個一開始拒絕網(wǎng)絡(luò)之后,再要打開好像只能從系統(tǒng)設(shè)置里面進(jìn)去了吧,app好像這個權(quán)限吧
是的,你說的沒錯。不過我試了一下,app可以設(shè)計一個按鈕,點(diǎn)擊之后直接進(jìn)到系統(tǒng)設(shè)置里的相關(guān)頁面。
嗯,我也驗證過了,是可以的,現(xiàn)在很多主流app也都改了