用戶體驗(yàn)設(shè)計(jì):完美的提示消息方案

2 評(píng)論 22497 瀏覽 52 收藏 11 分鐘

如何做好一個(gè)提示消息的設(shè)計(jì)呢?何時(shí)何地出現(xiàn)合適的提醒消息會(huì)更好呢?希望這篇文章給你小小的啟發(fā)。本文是作者于去年翻譯的文章,并對(duì)原作者的內(nèi)容觀點(diǎn)進(jìn)行了補(bǔ)充。

我們所用得到的網(wǎng)站和移動(dòng)app都有通知功能。原本這個(gè)功能是用來幫助我們提升用戶體驗(yàn)和易用性的,但在實(shí)踐中,如果設(shè)計(jì)不合理的管理,效果會(huì)差強(qiáng)人意。

在我們?nèi)粘I钪卸紩?huì)收到手機(jī)桌面的通知,你可以切換或關(guān)閉你的app的通知。由于這些通知的頻率過高,想當(dāng)然的設(shè)計(jì)很容易導(dǎo)致不盡如人意的用戶體驗(yàn)。

如何做好一個(gè)提示消息的設(shè)計(jì)呢?何時(shí)何地出現(xiàn)合適的提醒消息會(huì)更好呢?

希望這篇文章給你小小的啟發(fā)。

隱蔽性

提醒中比較合適的功能是幫助用戶為完成自己的目標(biāo)提供服務(wù)和及時(shí)提醒鬧鈴,因?yàn)椴豢赡茏詣?dòng)展示到用戶的屏幕上。設(shè)計(jì)師需要知道用隱蔽的方法可以展現(xiàn)產(chǎn)品對(duì)用戶友好的一面。
通知盡可能不要總是引人注目。不應(yīng)該在用戶需要完成某個(gè)任務(wù)的過程中打擾用戶,但仍然要讓用戶知道一些重要的、預(yù)期會(huì)發(fā)生的事件。

如:右上角的提醒

在Mac上,OS X上日歷的例子,提醒用戶重要事件。個(gè)人日歷時(shí)間不需要與他人公開,日歷app為了讓用戶頻繁使用這款應(yīng)用程序和功能,不得不找到一個(gè)辦法引起使用者的注意,同時(shí)還需要極大的促進(jìn)可用性。

當(dāng)預(yù)定事件接近時(shí)間,日歷會(huì)從我的屏幕右上角滑入推送小通知。盡管它們很小,但總是映入我眼簾,尺寸小意味著他們不會(huì)妨礙用戶正在做什么。

總之,這些不明顯的日歷消息提醒因?yàn)樗麄儗?shí)現(xiàn)了目的,也沒有麻煩到正在做的事,用戶體驗(yàn)還是非常不錯(cuò)的。

(明道協(xié)作管理軟件有個(gè)會(huì)議提醒,不知道大家用過嗎,也是同樣的出現(xiàn)形式。在右上角提醒一下,很快又消失了,不好意思沒有截圖。)

位置相關(guān)性

實(shí)現(xiàn)產(chǎn)品可用性的特點(diǎn)在于推送用戶相關(guān)的信息,特別是當(dāng)用戶外出的時(shí)候。不幸的是,如今的智能手機(jī)的提醒消息過多,卻都不是真正想客戶所想。
位置信息的通知對(duì)用戶在相關(guān)位置需要使用的時(shí)候是非常有用的。如果app可以把用戶的信息集中在一起,就能知道用戶的喜好,并給出相關(guān)的推送。例如一款電商app,人們更希望可以創(chuàng)建購(gòu)物和愿望清單。

“如果一個(gè)app已經(jīng)正確地把用戶信息收集在一起,那么它就應(yīng)該已經(jīng)了解用戶的喜好了嗎?”

位置的相關(guān)性是指:當(dāng)用戶在地理位置距離目標(biāo)更接近、更可能發(fā)生購(gòu)買行為的時(shí)候,發(fā)送給用戶提醒的消息。

target?(原文里并沒有這個(gè)圖,我特意找了這個(gè)例子圖出來)

在某些情況下,說說Target應(yīng)用,當(dāng)用戶接近在target商店上存儲(chǔ)和使用的信息所在的店鋪時(shí)推送,那么這些消息的推送是有幫助的。如果有洗滌劑在售,app數(shù)據(jù)已經(jīng)知道這一信息,洗滌劑恰好是用戶這一周的購(gòu)物清單里的東西,那么當(dāng)用戶接近到實(shí)際目標(biāo)的時(shí)候,Target通知應(yīng)推送給用戶。

(這個(gè)是國(guó)外的案例,結(jié)合內(nèi)容,其實(shí)我輕微的思考了一下,大眾點(diǎn)評(píng)現(xiàn)有一個(gè)功能,就是附近店鋪人氣或好友好評(píng)過這一消息,其實(shí)就可以延展開,如果在用戶走到自己附近喜愛或收藏過的店鋪時(shí)候收到推送,是很好的一個(gè)推送場(chǎng)景。)

最后消息確認(rèn)

沒有什么比意外刪除app更擾人了,它通常會(huì)破壞了這一切,隨著時(shí)間的推移你辛苦積累的信息和數(shù)據(jù)都付之一炬。無論是你的社交媒體還是云存儲(chǔ)的應(yīng)用程序,因?yàn)樵谥悄苁謾C(jī)上一個(gè)意外刪除而令人沮喪和難以接受。
這正是為什么應(yīng)該在某些信息被刪除之前推出確認(rèn)消息通知。這些彈出框應(yīng)具有以下特征:

  • 足夠大到讓用戶不能忽略他們;
  • 詢問用戶是否做出決定的簡(jiǎn)短問題;
  • 用簡(jiǎn)單和扼要地語(yǔ)言和告訴用戶當(dāng)前的操作具體會(huì)發(fā)生什么;
  • 用加粗的標(biāo)題來吸引用戶的眼球;
  • 功能需要被明確標(biāo)示,并用不同的顏色操作按鈕。

熟悉得不能再熟悉的操作惹!

(這一點(diǎn)其實(shí)不算場(chǎng)景設(shè)計(jì),而是應(yīng)用中萬(wàn)萬(wàn)不能漏掉的場(chǎng)景。)

量化數(shù)值

當(dāng)我們量化事物,往往會(huì)讓我們覺得更容易處理和完成這些帶數(shù)字的任務(wù),因?yàn)樗麄儠?huì)使我們分析如何進(jìn)行個(gè)別投入:數(shù)字能幫我們考慮是否要優(yōu)先處理某項(xiàng)任務(wù)。數(shù)據(jù)對(duì)于我們做決定來說是非常有用的。

“包含數(shù)字的消息通知讓我們能夠更有效地管理工作流程”

當(dāng)我們看到徽章、警報(bào)或是一個(gè)圖標(biāo)的更新,意味著有一個(gè)通知來等我們處理,我們更有可能在它的出現(xiàn)的時(shí)候處理它,因?yàn)檫@樣看起來更省事??粗粋€(gè)更新讓我們可以想象比之前五個(gè)更新花了更短的時(shí)間。
與此同時(shí),我們更有可能,直到我們認(rèn)為可以騰出更多的時(shí)間來充分地處理各種不同的提醒的時(shí)候才會(huì)去處理。

谷歌的通知系統(tǒng)經(jīng)常使用數(shù)字來提醒你,你有多少提醒在給定的時(shí)間里來處理,從而量化你可能有多少工作要做。這讓用戶對(duì)他們的時(shí)間管理有了更多的控制。

可用性!這應(yīng)該是一項(xiàng)工作

對(duì)設(shè)計(jì)師來說,通知消息的設(shè)計(jì)并不很難。這幾乎是每一個(gè)APP里必備的提醒功能。
設(shè)計(jì)師最大的工作是決定哪個(gè)消息更快地讓用戶知道,而不是所有的消息都是必不可少。消息通知會(huì)給用戶最直接的用戶體驗(yàn),會(huì)讓用戶主動(dòng)打開你的app,而不是再也不被需要。

(這個(gè)更多屬于是產(chǎn)品思考)

譯者感悟:

這是原作者的一些體會(huì),在我看來用戶體驗(yàn)的消息提醒設(shè)計(jì)不僅僅就上述這些,有的是通知欄提醒、有的是行為后的狀態(tài)提醒,其實(shí)這只是一個(gè)方面,因?yàn)榭梢杂脠?chǎng)景思維去思考,用戶使用app、系統(tǒng)、網(wǎng)頁(yè)的動(dòng)機(jī)、行為,整理出使用的場(chǎng)景,進(jìn)行匯總,就可以做所謂“完美”的消息提醒,而不是擾人的,起碼是滿足用戶需求的。

補(bǔ)充以下場(chǎng)景:

知乎上關(guān)注部分用戶可以設(shè)置特別關(guān)注、接收消息提醒,這種自定義服務(wù)就很用心。

在簡(jiǎn)書分享完朋友圈后,有消息提醒彈窗,也是一個(gè)很好的提醒方式。

類似扇貝單詞,在截屏后會(huì)出現(xiàn)反饋提醒等等這些因?yàn)橛脩粜袨槎a(chǎn)生的場(chǎng)景設(shè)計(jì)。

以上為小小的分享,感謝閱讀,與君共勉。

 

原文作者:MARC SCHENKER

原文地址:http://www.webdesignerdepot.com/2016/07/designing-the-perfect-notification-ux/

翻譯/補(bǔ)充:Eliza(森森),UX、交互設(shè)計(jì)新人、1年產(chǎn)品運(yùn)營(yíng)&用研、2年新媒體運(yùn)營(yíng)。

本文由 @Eliza?翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來自 Pexels,基于 CC0 協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 板凳!

    來自江蘇 回復(fù)
  2. 沙發(fā)

    來自上海 回復(fù)