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