不知道你什么脾氣，反正我見到上圖這樣狂彈的警告框都是統(tǒng)統(tǒng)點(diǎn)“不允許”的。
為了找到問題的答案，我從技術(shù)開發(fā)和交互設(shè)計(jì)的角度研究了這個(gè)問題。下面從這兩個(gè)方面為大家介紹。
一.技術(shù)開發(fā)方面
首先介紹技術(shù)開發(fā)方面，是因?yàn)檫@是我們形成設(shè)計(jì)方案的基礎(chǔ)，道理很簡單——如果我們設(shè)計(jì)了自認(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)請求可在剛下載時(shí)彈出
由于工信部出臺的新規(guī)定指出，應(yīng)用在未經(jīng)用戶允許的前提下，系統(tǒng)不能授予其使用聯(lián)網(wǎng)、獲取定位的功能。獲取定位還好說，因?yàn)楹芏鄳?yīng)用沒有定位也可以正常使用；但無法聯(lián)網(wǎng)，則幾乎所有的應(yīng)用都會歇菜。因此蘋果從iOS10操作系統(tǒng)開始，加入了關(guān)于應(yīng)用使用數(shù)據(jù)的授權(quán)彈窗提示，用戶在iOS10系統(tǒng)中第一次打開應(yīng)用時(shí)，會被要求對于是否授予應(yīng)用聯(lián)網(wǎng)權(quán)限進(jìn)行選擇。
由于這是一個(gè)基礎(chǔ)選擇，所以在剛下載就彈出這個(gè)警告框無可厚非。但仍有兩點(diǎn)問題需要注意：
?。?span lang="EN-US">1）延遲請求
如果用戶首次打開應(yīng)用，應(yīng)用的接口就開始請求數(shù)據(jù)，如果用戶是在這之后允許使用網(wǎng)絡(luò)，那么用戶面對的依然是一個(gè)沒有數(shù)據(jù)的頁面。此時(shí)注意一定要準(zhǔn)備一個(gè)“點(diǎn)擊重新加載”的空頁面，讓用戶可以重新刷新頁面，加載出內(nèi)容。還有個(gè)更好的做法，就是對于首次啟動的所有接口，延遲到用戶點(diǎn)擊“允許”之后再請求，或者重新請求一次，就能避免出現(xiàn)沒有內(nèi)容頁面的情況，是一個(gè)比較好的解決方案。在應(yīng)用首次啟動時(shí)，往往有幾屏引導(dǎo)頁，一個(gè)比較好的時(shí)機(jī)是引導(dǎo)頁結(jié)束時(shí)彈出聯(lián)網(wǎng)請求的警告框。此時(shí)用戶點(diǎn)擊允許后，數(shù)據(jù)都能正確得到。
?。?span lang="EN-US">2）用戶點(diǎn)擊不允許，需要給出重新聯(lián)網(wǎng)的辦法
比如下面這個(gè)網(wǎng)易嚴(yán)選的例子，當(dāng)點(diǎn)擊聯(lián)網(wǎng)請求的“不允許”之后，會有個(gè)按鈕，“查看解決方案”，點(diǎn)擊后是描述解決方案的頁面。但沐風(fēng)認(rèn)為如果改動一下這個(gè)方案，將按鈕文案變?yōu)?span lang="EN-US">“允許訪問網(wǎng)絡(luò)”，點(diǎn)擊后直接進(jìn)入網(wǎng)易嚴(yán)選管理訪問權(quán)限的頁面，效果會好很多。
2.其它訪問權(quán)限警告框都可以在需要的時(shí)候再彈出
這意味著推送、相冊、相機(jī)、麥克風(fēng)、定位、通訊錄、日歷、備忘錄、藍(lán)牙的權(quán)限請求，在技術(shù)上統(tǒng)統(tǒng)都可以在需要的時(shí)候再彈出。
二.交互設(shè)計(jì)方面
上面關(guān)于技術(shù)方面的研究，為我們的設(shè)計(jì)交互打下了基礎(chǔ)：除了聯(lián)網(wǎng)請求的警告框，其余的都可以在合適的情況下再彈出。那么，怎樣才算合適呢？在研究了網(wǎng)上的案例以及自己的經(jīng)驗(yàn)總結(jié)之后，得出主要有以下兩種情況：
1.有需要的時(shí)候再彈出
比如用戶需要拍照，點(diǎn)擊拍照按鈕，此時(shí)彈出訪問相機(jī)和相冊的警告框，就很符合場景，因?yàn)橛脩粼谶@時(shí)候有拍照的需要。再比如，下面這個(gè)例子：
上圖展示的是應(yīng)用原有方案。當(dāng)用戶首次下載應(yīng)用后，會展示左圖的引導(dǎo)頁，說明Cluster應(yīng)用是一個(gè)建立相冊分享照片的應(yīng)用，然后用戶如果點(diǎn)擊“創(chuàng)建第一個(gè)相冊”按鈕后，則會出現(xiàn)中間圖的警告框。這個(gè)警告框是應(yīng)用自己創(chuàng)造的警告框，不是iOS系統(tǒng)自帶的，此時(shí)詢問用戶是否允許cluster訪問相冊。當(dāng)用戶點(diǎn)擊了“允許”之后，才出現(xiàn)iOS的警告框。這樣彈出兩個(gè)警告框，雖然有點(diǎn)啰嗦，但有效保證了最右圖中點(diǎn)擊允許的用戶比率。數(shù)據(jù)顯示，在中間圖中點(diǎn)擊“允許”的人，有97%的人，點(diǎn)擊了最右邊圖的的“允許”按鈕。要知道，一旦用戶點(diǎn)擊了IOS系統(tǒng)自帶警告框的“不允許”，重新開啟允許是比較麻煩的。
后來應(yīng)用進(jìn)行了改版，將相冊權(quán)限改到了用戶需要拍照的時(shí)候問詢，如上圖所示。經(jīng)過這樣的優(yōu)化，點(diǎn)擊允許按鈕用戶的占比，從舊方案的67%上升到89%，效果明顯。
可見，在引導(dǎo)頁中雖然介紹了應(yīng)用是做什么的，但是還是有很多用戶不會細(xì)看，即使細(xì)看了，也不會一定會買帳。因此在引導(dǎo)頁結(jié)束時(shí)彈出使用相機(jī)的請求，并不如用戶真正需要使用相機(jī)時(shí)彈出，來得有效。
另外，如果用戶已經(jīng)選擇了“不允許”，我們就需要仔細(xì)尋找用戶會需要某些信息的場景，然后誘導(dǎo)用戶開啟授權(quán)。比如下面這個(gè)例子：
這是網(wǎng)易考拉的消息中心頁面，由于我之前不允許推送，在頁面頂部有一行提示，“開啟消息通知，即時(shí)掌握物流信息”。這是非常符合用戶場景的設(shè)計(jì)，因?yàn)橄⒅行捻摫緛砭统休d了包括物流信息等消息，如果用戶想即時(shí)接收到這些消息，打開推送是最直接的方法。
2.用戶明確收益時(shí)彈出
比如Hopper應(yīng)用，是一個(gè)會分析海量的機(jī)票價(jià)格，并準(zhǔn)確地預(yù)測價(jià)格的變化趨勢，告訴用戶何時(shí)購票最為劃算的應(yīng)用。Hopper可以非常精確的進(jìn)行價(jià)格預(yù)測并告訴你應(yīng)該購票還是繼續(xù)等待。在等待過程中，你可以使用“觀望”功能，此時(shí)app會持續(xù)觀望你所關(guān)注的航班，直到價(jià)格進(jìn)入“低價(jià)”范圍，便向你推送建議購買的通知?？梢哉f，推送功能，對于該應(yīng)用至關(guān)重要?？紤]到這一點(diǎn)，設(shè)計(jì)師在首次下載后的引導(dǎo)頁，加入了對“觀望”（即下圖中的“Watch”）功能的介紹，當(dāng)用戶點(diǎn)擊了中間圖中底部的“允許發(fā)送推送”的時(shí)候，才彈出右邊圖的警告框。
這樣的設(shè)計(jì)看似很合理了，但分析數(shù)據(jù)后，設(shè)計(jì)師發(fā)現(xiàn)，在進(jìn)行了這樣的優(yōu)化后，資質(zhì)用戶的數(shù)量并沒有真正得到提升，我們僅僅是改變了他們成為資質(zhì)用戶的方式而已——從前，幾乎所有的用戶都會走完引導(dǎo)頁流程而進(jìn)入app環(huán)境，他們在使用相關(guān)功能時(shí)被詢問是否授權(quán)，那些資質(zhì)用戶會同意授權(quán)，非資質(zhì)用戶則會拒絕授權(quán)并流失。而在新的流程下，資質(zhì)用戶會在第二個(gè)引導(dǎo)頁點(diǎn)擊底部的“允許推送通知”，并在接下來iOS彈出的授權(quán)對話框中選擇同意授權(quán)，然后進(jìn)入app并使用觀望功能；非資質(zhì)用戶當(dāng)中的一部分看到引導(dǎo)頁底部的“允許推送通知”時(shí)會直接放棄，而另一部分雖然會點(diǎn)擊這個(gè)按鈕，但在接下來iOS彈出的授權(quán)對話框中卻會選擇不同意授權(quán)，于是即便進(jìn)入app也無法使用觀望功能。所以在新流程當(dāng)中資質(zhì)用戶占比得到提升的根本原因就是那些非資質(zhì)用戶根本沒能進(jìn)入app，或者即便進(jìn)入了也無法完成轉(zhuǎn)化。
于是，設(shè)計(jì)師又進(jìn)行了優(yōu)化：在底部加入“暫不”按鈕，點(diǎn)擊后則不彈出推送的警告框。這樣給了還不了解應(yīng)用的用戶一個(gè)緩沖的機(jī)會，暫時(shí)不開啟推送，等到后面繼續(xù)使用中，再請求推送授權(quán)。這樣的優(yōu)化滿足了不同用戶的需要，越來越多的用戶順暢的完成了引導(dǎo)流程并進(jìn)入app實(shí)際體驗(yàn)各種功能，最終成為資質(zhì)用戶。
以上介紹了iOS授權(quán)警告框的設(shè)計(jì)。
關(guān)于警告框的設(shè)計(jì)規(guī)范，可以參考之前的這篇文章：iOS和Android規(guī)范解析——警告框（Alerts）對比
討論讓人認(rèn)識深刻，歡迎留言討論。
#專欄作家#
新設(shè)計(jì)青年,人人都是產(chǎn)品經(jīng)理專欄作家，2017年度作家評選最佳人氣獎(jiǎng)。愛奇藝高級交互設(shè)計(jì)師。留德海龜，曾任職騰訊微生活、網(wǎng)易、宜信。5年交互設(shè)計(jì)經(jīng)驗(yàn)，專注設(shè)計(jì)領(lǐng)域。
本文原創(chuàng)發(fā)布。未經(jīng)許可，禁止轉(zhuǎn)載。
題圖來自Unsplash，基于CC0協(xié)議
Normal
0
7.8 磅
0
2
false
false
false
EN-US
ZH-CN
X-NONE
/* Style Definitions */
table.MsoNormalTable
{mso-style-name:普通表格;
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-priority:99;
mso-style-parent:;
mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
mso-para-margin:0cm;
mso-para-margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:10.0pt;
font-family:Calibri,sans-serif;}
更多關(guān)于云服務(wù)器，域名注冊，虛擬主機(jī)的問題，請?jiān)L問西部數(shù)碼官網(wǎng)：ps-sw.cn
