移動(dòng)應(yīng)用的彈窗設(shè)計(jì)指南
由于并非所有彈窗形式都相同,我們把它分解為5種常見類型,并且總結(jié)了每一種的優(yōu)化“準(zhǔn)則”。遵循這些指南,你一定可以使你的彈窗更好地達(dá)成目標(biāo)。
彈窗、對(duì)話框,隨你怎么稱呼,這些小窗口出現(xiàn)在屏幕上從來都不是理所當(dāng)然。雖然它們是你應(yīng)用中一些相對(duì)較“小”的元素,卻扮演著影響用戶體驗(yàn)的重要角色。
一方面,它們可以幫助用戶度過應(yīng)用內(nèi)的旅程;另一方面,處理不當(dāng)時(shí),它們也會(huì)使用戶感到挫敗。
有幸的是,彈窗比較成熟,容易實(shí)現(xiàn)。用適當(dāng)?shù)氖侄魏鸵?guī)范可以輕易改善它們。我們這篇文章要討論的就是這個(gè)。
由于并非所有彈窗形式都相同,我們把它分解為5種常見類型,并且總結(jié)了每一種的優(yōu)化“準(zhǔn)則”。遵循這些指南,你一定可以使你的彈窗更好地達(dá)成目標(biāo)。
“推薦給朋友”和“為應(yīng)用打分”彈窗
你當(dāng)然希望用戶量增長(zhǎng)、提升好評(píng)率、增加病毒式傳播的可能。誰不想呢?但是你要了解,多數(shù)用戶不會(huì)向朋友推薦你的應(yīng)用,或者給它打分,除非他們覺得這么做會(huì)得到有價(jià)值的回報(bào)。
Uber的獎(jiǎng)勵(lì)彈窗
“但是,推薦給朋友是如此簡(jiǎn)單輕松的任務(wù)??!為什么用戶不會(huì)大發(fā)慈悲,幫助一款小軟件成長(zhǎng)呢?”很不幸,現(xiàn)實(shí)沒有這么簡(jiǎn)單。
注意我們剛才用的詞是“任務(wù)”。這就是多數(shù)用戶看待“推薦給朋友”和“為應(yīng)用打分”的方式——看成任務(wù)。互換原則就在此時(shí)發(fā)揮作用。大概來說,就是你得給予用戶某些東西,然后才能向他們索取。可以是通勤應(yīng)用中的免費(fèi)出行,或者是某種總體價(jià)值和樂趣。最好對(duì)這些彈窗使用A/B測(cè)試,讓它們以不同時(shí)機(jī)出現(xiàn)在用戶旅程的不同位置。這能讓你更好地獲得重要的統(tǒng)計(jì)數(shù)據(jù),了解最終應(yīng)該在何時(shí)何地放置彈窗。
同時(shí)也一定要確保,從你的應(yīng)用中轉(zhuǎn)到App store、社交媒體頻道、或消息平臺(tái)的過程盡可能流暢。獲得一個(gè)推薦鏈接對(duì)于用戶真的是“簡(jiǎn)單”的事情嗎?在Wi-Fi和移動(dòng)網(wǎng)絡(luò)環(huán)境下,整個(gè)流程的運(yùn)轉(zhuǎn)有何差別?有許多重要因素需要考慮?;〞r(shí)間分析和優(yōu)化這兩種彈窗,你肯定能收獲更高滿意度、活躍度和更多新用戶。
記住,“[聰明地]索取,你才會(huì)有回報(bào)?!?/p>
“推送通知”彈窗
推送通知是一個(gè)超有價(jià)值的手段,能使用戶保持投入、反復(fù)使用。對(duì)許多用戶來說,推送通知已經(jīng)成為了他操作一款應(yīng)用的主要媒介。不必再打開應(yīng)用,用戶通過推送通知滿足他們大部分需求。于是,獲取和保持向用戶發(fā)送通知的權(quán)利,應(yīng)該是用戶粘性與留存策略中的一個(gè)重要方面。
在Android系統(tǒng)中,方式很直接:推送權(quán)限請(qǐng)求會(huì)作為AndroidManifest.xml的一部分,用戶在安裝前會(huì)看到所有需要獲取的權(quán)限。
在iOS上就是另一回事了。iOS的權(quán)限彈窗必須由應(yīng)用內(nèi)的代碼觸發(fā),會(huì)向你的用戶展示一個(gè)這樣的彈窗:
圖片來源:Xtremepush.com
如果用戶點(diǎn)按了“不允許”選項(xiàng),對(duì)你來說就相當(dāng)于玩完兒了。除非用戶手動(dòng)進(jìn)入權(quán)限設(shè)置,否則拒絕權(quán)限是不可逆轉(zhuǎn)的。所以讓你的用戶按下“允許”權(quán)限至關(guān)重要。
我們推薦兩種方式,來盡可能保有最多的通知推送許可:
- 嘗試創(chuàng)造一個(gè)你自己的、應(yīng)用自帶的權(quán)限彈窗,讓你評(píng)估用戶接受推送通通知的意愿。這會(huì)讓你更加理解用戶的行為和偏好,把權(quán)限獲取留到某個(gè)用戶真的愿意點(diǎn)“允許”的時(shí)機(jī)。
- 僅僅在在你認(rèn)為最相關(guān)和最有說服力的時(shí)候請(qǐng)求權(quán)限。在此時(shí)此地,真的有需要獲取通知權(quán)限嗎?在權(quán)限請(qǐng)求提示中,借助當(dāng)前環(huán)境清晰地向用戶作出解釋。
數(shù)據(jù)權(quán)限彈窗
推送通知權(quán)限和數(shù)據(jù)獲取對(duì)話框一脈相承。同樣,對(duì)于這些特殊彈窗的用戶體驗(yàn),我們都是在討論iOS應(yīng)用。數(shù)據(jù)權(quán)限彈窗包含對(duì)位置、日歷、聯(lián)系人信息、提醒事項(xiàng)和相冊(cè)的請(qǐng)求。移動(dòng)開發(fā)者必須小心翼翼,因?yàn)檎?qǐng)求數(shù)據(jù)權(quán)限不是一系列勾選框那么簡(jiǎn)單。
蘋果在他們的權(quán)限請(qǐng)求指南中提到:“雖然人們贊賞移動(dòng)應(yīng)用獲取個(gè)人信息所帶來的便捷,但他們也希望能掌控自己的私密數(shù)據(jù)。例如,人們喜歡自動(dòng)給照片標(biāo)記上地理位置,或者找到附近的朋友,但他們也想要一個(gè)能關(guān)閉此功能的選項(xiàng)?!?/p>
要使這類彈窗保持相關(guān)、顯而易見。別設(shè)計(jì)一個(gè)請(qǐng)求用戶地理位置的計(jì)算器——?jiǎng)e這么做。
使用蘋果在彈窗中提供的文字位置,描述你的應(yīng)用為何需要這些信息,即使你自己認(rèn)為原因顯而易見。在某些特定的、相關(guān)的用戶操作之后,再請(qǐng)求適合的權(quán)限,也是一個(gè)好方法。比如說,用戶使用你的應(yīng)用創(chuàng)建了一段視頻,并且想要分享給朋友。只要用戶點(diǎn)了“在Facebook上分享視頻”按鈕,這就是彈窗請(qǐng)求用戶社交媒體賬號(hào)權(quán)限的絕佳時(shí)機(jī)。用戶更容易接受權(quán)限,因?yàn)樗峁┝饲宄慕忉?,“要想達(dá)成A,必須先完成B”。
想要深入研究,請(qǐng)看我們的一篇文章,討論如何使數(shù)據(jù)權(quán)限不那么令用戶望而生畏。
“錯(cuò)誤”彈窗
除了向用戶索取權(quán)限,彈窗也是開發(fā)者向用戶表達(dá)信息的一種重要手段。尤其是關(guān)系到應(yīng)用內(nèi)的錯(cuò)誤。
世事無常,總有錯(cuò)誤出現(xiàn)。錯(cuò)誤中的錯(cuò)誤是最不該發(fā)生的。這么說是什么意思?就是說你的彈窗不能讓用戶感到迷惑,使得已經(jīng)發(fā)生錯(cuò)誤雪上加霜。
我們來舉個(gè)例子,比如用戶的收貨地址寫得不合邏輯,所以當(dāng)他們?cè)谥Ц稌r(shí)就會(huì)發(fā)生“錯(cuò)誤”。如果你的彈窗里寫著:“發(fā)生了錯(cuò)誤:支付無法完成”,用戶就不得不試圖猜測(cè)錯(cuò)誤的原因。相反,你應(yīng)當(dāng)利用這個(gè)時(shí)刻告訴用戶為什么錯(cuò)誤會(huì)發(fā)生,收貨地址中具體哪一項(xiàng)需要更正。必須要了解,用戶任何的猜測(cè)和挫敗,可能被一個(gè)彈窗放大,最終影響潛在的轉(zhuǎn)化。
而且,對(duì)于那些需要用戶操作的錯(cuò)誤,我們不僅僅告訴用戶錯(cuò)誤發(fā)生、該做什么,還需要引導(dǎo)他們前往相關(guān)的操作界面。堅(jiān)持使用清晰的措辭來準(zhǔn)確表明操作(抹掉、撤銷、前往的我個(gè)人信息界面),而不是使用模糊的文案,例如“是”或“否”。
如果應(yīng)用中發(fā)生了技術(shù)性錯(cuò)誤,你可以利用彈窗來觸達(dá)用戶,告訴他們你正在努力解決問題。這給你的應(yīng)用增加了一絲人性,同時(shí)向用戶表明你在乎他們的個(gè)人體驗(yàn)。
想了解“反饋”類彈窗的更多秘訣,我們建議你讀Nick Babich的這篇文章,討論對(duì)話框設(shè)計(jì)的5條重要原則。
揮灑你的才華
我們不是要粉飾任何事情。最終有些用戶仍然會(huì)看到這樣的彈窗:
圖片來源:OSXdaily.com
但也并非人人如此。你有能力輕松改善彈窗,讓使用與轉(zhuǎn)化增長(zhǎng)。首先,要確保你擁有一個(gè)移動(dòng)應(yīng)用數(shù)據(jù)分析平臺(tái),例如這個(gè),Appsee,能使你監(jiān)控它們的表現(xiàn)和用戶體驗(yàn)效果。這些洞見可以讓你自信滿滿地迭代、測(cè)試和驗(yàn)證。彈窗可能名聲不怎么樣,但利用深思熟慮的策略,它們會(huì)給你的移動(dòng)應(yīng)用帶來重大轉(zhuǎn)機(jī)。
原文作者:Hannah Levenson
原文地址:http://usabilitygeek.com/mobile-app-pop-up-guidelines/
#專欄作家#
可樂橙,微信公眾號(hào):可樂橙(colachangreen)。人人都是產(chǎn)品經(jīng)理專欄作家,UI/UX設(shè)計(jì)師,關(guān)注互聯(lián)網(wǎng),關(guān)注科技。現(xiàn)居杭州,與小伙伴們正在創(chuàng)業(yè)途中?;蛟S不是一名優(yōu)秀的設(shè)計(jì)師,至少是個(gè)快樂的設(shè)計(jì)師。
本文翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,不得轉(zhuǎn)載。
題圖來自 Pixabay,基于 CC0 協(xié)議
- 目前還沒評(píng)論,等你發(fā)揮!