国外亚洲成av人片在线观看,热99re久久精品这里都是精品,天堂网在线最新版www,国产成人av区一区二区三,51久久成人国产精品麻豆

我真誠地希望，這篇文章能幫助你理解樂觀派UI設(shè)計(jì)背后的核心觀念。

想象3個(gè)用戶界面（UI）一起去了酒吧。第1個(gè)點(diǎn)了一杯酒，然后又再點(diǎn)了幾杯。幾小時(shí)后，它買了單，醉醺醺的走了。第2個(gè)界面點(diǎn)了一杯酒，直接把錢付了，然后又點(diǎn)了一杯酒，又馬上買了單，幾小時(shí)后也醉醺醺的離開了酒吧。第3個(gè)界面剛走進(jìn)酒吧，馬上就已經(jīng)醉醺醺的離開了——它知道酒吧是干什么的，它非常講求效率，一點(diǎn)時(shí)間也不浪費(fèi)。你聽說過這第3種界面嗎？它就叫做“樂觀派UI”。

樂觀派UI設(shè)計(jì)并非樂觀地看待頁面——至少不僅限于此。（查看大圖）

我最近參加了許多關(guān)于前端開發(fā)和用戶體驗(yàn)的會(huì)議，討論了心理表現(xiàn)最佳化，我很驚訝，樂觀派UI設(shè)計(jì)是業(yè)界一個(gè)如此微不足道的話題。坦白說，這個(gè)術(shù)語本身都沒有清晰的定義。本文中，我們來探討它的基本概念，尋找一些案例，并回顧它的心理學(xué)背景。然后，我們討論掌握這項(xiàng)用戶體驗(yàn)技巧的關(guān)鍵。

開始之前，我得說，沒有任何一個(gè)單獨(dú)的界面能被稱作“樂觀派UI”。其實(shí)它是界面實(shí)現(xiàn)背后的心智模型。樂觀派UI設(shè)計(jì)有它自己的歷史和邏輯。

很久以前

很久以前——那時(shí)候“tweet”一詞還只有鳥鳴的意思、蘋果公司瀕臨破產(chǎn)、人們還會(huì)把傳真號碼印在名片上——網(wǎng)頁界面相當(dāng)單調(diào)。其中絕大多數(shù)沒有一絲一毫的樂觀意味。比如一個(gè)按鈕的交互，可以遵循下面類似劇本來進(jìn)行：

1. 用戶點(diǎn)擊一個(gè)按鈕。
2. 按觸發(fā)進(jìn)入禁用狀態(tài)。
3. 一條請求發(fā)送到服務(wù)器。
4. 服務(wù)器返回信息到頁面。
5. 頁面刷新，反映出返回的狀態(tài)。

那個(gè)年代，界面與樂觀派扯不上什么關(guān)系。（查看大圖）

站在2016年回顧這些，我們會(huì)覺得效率低下；但是相當(dāng)驚人的是，同樣的劇本仍然在許多網(wǎng)頁和應(yīng)用中上演，它仍然是許多產(chǎn)品的交互流程。原因在于它可以預(yù)測，而且或多或少總會(huì)出點(diǎn)錯(cuò)誤：用戶知道這項(xiàng)操作已經(jīng)請求了服務(wù)器（禁用狀態(tài)的按鈕表明了這一點(diǎn)），當(dāng)服務(wù)器有響應(yīng)，更新后的頁面清晰表明這種客戶端——服務(wù)器——客戶端的交互結(jié)果。這種交互方式的問題很明顯：

• 用戶必須等待。如今我們都知道，即使是最短的服務(wù)器響應(yīng)延遲，也會(huì)對整個(gè)品牌，而非這個(gè)單獨(dú)頁面產(chǎn)生負(fù)面的用戶感知。
• 每一次用戶的操作得到響應(yīng)，都會(huì)以一種相當(dāng)破壞性方式呈現(xiàn)（整頁刷新，而不是更新現(xiàn)有部分），會(huì)打斷用戶的任務(wù)流程，可能影響他們的思維軌跡。 我們甚至還沒說到多任務(wù)，心理環(huán)境的任何變化都令人不愉快。那么，如果某個(gè)操作本意不是改變環(huán)境（在線支付就是個(gè)需要改變環(huán)境的好例子），那么這種改變會(huì)在用戶與系統(tǒng)的交流中創(chuàng)造不友善的氛圍。

不久以前

然后，所謂Web 2.0出現(xiàn)了，提供了新的頁面交互模式。它的核心是XMLHttpRequest和AJAX。一種最簡單的進(jìn)度條形式：“菊花”，補(bǔ)足了這些新交互模式，它的基本目的就是告訴用戶，系統(tǒng)正忙著處理事情。現(xiàn)在，服務(wù)器返回信息后，我們不必刷新頁面了；我們只需要對已經(jīng)渲染的頁面進(jìn)行局部更新。這使得網(wǎng)站更加動(dòng)態(tài)化，為用戶創(chuàng)造了更加順暢和親切的體驗(yàn)。一個(gè)按鈕的典型交互如今是這樣的：

1. 用戶點(diǎn)擊按鈕。
2. 按鈕觸發(fā)變?yōu)榻脿顟B(tài)，按鈕上顯示出某種菊花圖形，表明系統(tǒng)正在運(yùn)轉(zhuǎn)。
3. 請求發(fā)送到服務(wù)器。
4. 服務(wù)器返回信息到頁面。
5. 根據(jù)返回的狀態(tài)更新按鈕和頁面的視覺狀態(tài)。

這種新的交互模型解決了舊交互方式存在的一個(gè)問題：頁面的刷新不會(huì)導(dǎo)致破壞性操作，保持用戶所處環(huán)境不變。相比之前，這種交互親切多了。

XMLHttpRequest和菊花解決了舊交互方式的一個(gè)問題：服務(wù)器響應(yīng)會(huì)導(dǎo)致破壞性的刷新，改變整個(gè)環(huán)境。(查看大圖)

這種交互模式已經(jīng)廣泛應(yīng)用于數(shù)字媒介。但還有一個(gè)問題：用戶仍然需要等待服務(wù)器反饋。當(dāng)然，我們有辦法加快服務(wù)器響應(yīng)速度，但無論我們?nèi)绾闻?yōu)化基礎(chǔ)設(shè)備，用戶仍然要等待。比如，研究表明78%的用戶對于緩慢或不穩(wěn)定的網(wǎng)站產(chǎn)生負(fù)面情緒。更有甚者，Harris Interactive為Tealeaf做的一份調(diào)查顯示，23%的用戶承認(rèn)咒罵過自己的手機(jī)，11%沖自己手機(jī)大喊過，而且4%的用戶在網(wǎng)絡(luò)出問題時(shí)扔過手機(jī)。延遲就屬于這類問題之一。

大約78%的用戶面對緩慢或不穩(wěn)定的網(wǎng)站時(shí)，會(huì)產(chǎn)生負(fù)面情緒。（查看大圖）

即使在用戶等待時(shí)展示某種進(jìn)度條，如今也于事無補(bǔ)，除非進(jìn)度條非常有創(chuàng)意。多數(shù)情況下，人們已經(jīng)習(xí)慣性把菊花進(jìn)度條當(dāng)作系統(tǒng)緩慢的表現(xiàn)。菊花如今已經(jīng)是一種純粹的被動(dòng)等待，用戶毫無選擇，要么等待服務(wù)器響應(yīng)，要么關(guān)閉標(biāo)簽頁或整個(gè)應(yīng)用。那么，我們再進(jìn)一步，改善這種交互；我們來看看樂觀派UI的概念。

樂觀派UI

正如前文所說，樂觀派UI僅僅是處理人機(jī)交互的一種方式。要理解它背后的核心觀念，我們還是要回到“用戶點(diǎn)擊按鈕”這個(gè)場景。不過它的原則用在任何樂觀派交互上都一樣。牛津英文詞典的解釋如下：

樂觀主義，形容詞，對于未來充滿希望和信心。

我們從“對未來充滿信心”這部分說起。

想一想：用戶操作引發(fā)服務(wù)器錯(cuò)誤的頻率高么？比如說，用戶點(diǎn)擊按鈕時(shí)，你的API經(jīng)常出錯(cuò)嗎？或者用戶點(diǎn)擊某個(gè)鏈接時(shí)經(jīng)常會(huì)出錯(cuò)？說實(shí)話我覺得不會(huì)。當(dāng)然，API、服務(wù)器載荷、錯(cuò)誤處理等級不同，表現(xiàn)也不一樣。還有一些其他因素，作為前端開發(fā)或者用戶體驗(yàn)專家，你可能不會(huì)考慮。但只要API穩(wěn)定可靠，前端以適當(dāng)方式反饋正確的UI操作，那么由用戶觸發(fā)導(dǎo)致的問題會(huì)特別少。以目前狀況來看，我敢說不會(huì)超過1%到3%。這就意味著97%到99%的狀況下，用戶點(diǎn)擊網(wǎng)站的某個(gè)按鈕，服務(wù)器的響應(yīng)應(yīng)該是成功的，沒有錯(cuò)誤。應(yīng)該從一個(gè)更好的角度來看待這個(gè)問題。

樂觀派UI基于一個(gè)假設(shè)，用戶點(diǎn)擊按鈕，服務(wù)器在97%到99%以上的狀況下返回成功。（查看大圖）

仔細(xì)想一想：如果97%到99%以上肯定是成功的響應(yīng)，我們對于反饋就有充足信心——嗯，至少比薛定諤的貓有信心多了。我們就可以寫出一個(gè)全新的按鈕交互劇本：

1. 用戶點(diǎn)擊按鈕。
2. 按鈕的視覺狀態(tài)立刻變?yōu)槌晒Α?/li>

就是這樣！至少從用戶的角度來看，僅此而已——不用等待，不用盯著禁用狀態(tài)的按鈕，也沒有煩人的菊花轉(zhuǎn)。交互流暢無縫，系統(tǒng)不會(huì)粗暴地現(xiàn)身，提醒用戶注意它的存在。

樂觀派UI交互里根本沒有禁用狀態(tài)按鈕和菊花。（查看大圖）

從開發(fā)者的角度來看，完整的流程是這樣的：

1. 用戶點(diǎn)擊按鈕。
2. 按鈕的視覺狀態(tài)立刻變?yōu)槌晒Α?/li>
3. 請求發(fā)送到服務(wù)器。
4. 服務(wù)器響應(yīng)發(fā)回頁面。
5. 在97%到99%的狀況下，我們知道響應(yīng)會(huì)成功，所以不用再給用戶添麻煩。
6. 系統(tǒng)只會(huì)在請求錯(cuò)誤的情況下現(xiàn)身。暫時(shí)不用擔(dān)心這塊——我們會(huì)在后文中講到。

我們來看一些樂觀派交互的案例。你可能很熟悉“點(diǎn)贊”按鈕，F(xiàn)acebook和Twitter上就有。我們來看看Twitter的。

很明顯，從點(diǎn)擊按鈕開始。但是請注意用戶松開并移開鼠標(biāo)時(shí)按鈕的狀態(tài)。它立刻變成了成功狀態(tài)！

點(diǎn)了贊之后，Twitter立刻把它更新為成功狀態(tài)。

此時(shí)，我們用瀏覽器開發(fā)人員工具，看看里面的“網(wǎng)絡(luò)”標(biāo)簽欄發(fā)生了什么。

按鈕的視覺狀態(tài)改變，獨(dú)立于服務(wù)器請求存在，此時(shí)服務(wù)器請求正在進(jìn)行中。（查看大圖）

“網(wǎng)絡(luò)”標(biāo)簽表明，服務(wù)器請求已經(jīng)發(fā)送，但正在處理中?！百潯庇?jì)數(shù)器還沒有增加，但由于顏色變了，界面上已經(jīng)清晰表明了點(diǎn)贊成功，甚至服務(wù)器都還沒有給出反饋。

服務(wù)器返回成功的響應(yīng)后，計(jì)數(shù)器增加，但這個(gè)變化比色彩改變微弱得多。這就給用戶提供了一種流暢連貫的體驗(yàn)，感覺不到任何等待。

盡管贊按鈕在視覺上已經(jīng)變?yōu)槌晒顟B(tài)，計(jì)數(shù)器只在服務(wù)器響應(yīng)確認(rèn)成功后才變化。

在Facebook可以看到另一個(gè)樂觀派交互的例子，也是點(diǎn)贊按鈕。場景非常相似，不過Facebook是連著計(jì)數(shù)器一起直接變?yōu)榱顺晒顟B(tài)，完全沒有等待服務(wù)器響應(yīng)。

Facebook用了和Twitter一樣樂觀派交互，但它連著計(jì)數(shù)器一起更新了視覺狀態(tài)。

但有一點(diǎn)要注意。如果我們觀察服務(wù)器響應(yīng)時(shí)間，會(huì)發(fā)現(xiàn)它大約在1秒多。考慮到RAIL模型建議采用100毫秒作為簡單交互的最佳響應(yīng)時(shí)間，相比之下1秒顯得太長了。但是，用戶感知不到任何等待，因?yàn)檫@種交互天然的樂觀屬性。非常棒！這是心理表現(xiàn)最佳化的又一個(gè)例子。

但我們要面對現(xiàn)實(shí)：仍然有1%-3%的可能服務(wù)器會(huì)返回錯(cuò)誤。或者有可能用戶斷線了。又或者一種更有可能的情況，服務(wù)器在技術(shù)上返回了成功狀態(tài)響應(yīng)，但是這個(gè)響應(yīng)仍然需要客戶端進(jìn)一步處理。因此，用戶看到的不是失敗提示，但我們也不能認(rèn)為響應(yīng)是成功狀態(tài)。要了解如何處理這種狀況，我們首先要了解樂觀派UI在心理學(xué)上為何能起作用。

樂觀派UI背后的心理學(xué)

目前為止，我還沒有聽誰抱怨過主流社交媒體上的樂觀派交互，就是我們之前提到的那種。那么，我們可以說這些例子已經(jīng)證明，樂觀派UI是有用的。但為什么它們有用？這僅僅是因?yàn)槿藗冇憛挼却?。僅此而已啊，親！你可以直接跳到下個(gè)章節(jié)了。

不過如果你繼續(xù)往下讀，說明你對深層原因感興趣。那么，我們稍微深入一點(diǎn)，了解這種方式的心理學(xué)基礎(chǔ)。

大腦研究幫助我們理解樂觀派UI起作用的心理學(xué)成因。（查看大圖）

樂觀派UI有兩個(gè)值得心理學(xué)分析的要素：

• 用戶行為的快速響應(yīng)；
• 服務(wù)器對于潛在錯(cuò)誤的處理，無論是網(wǎng)絡(luò)還是其他方面。

用戶行為的快速響應(yīng)

我們談?wù)摌酚^派UI設(shè)計(jì)時(shí)，我們談的其實(shí)是人機(jī)交互中的最佳響應(yīng)時(shí)間。早在1968年，這類交互就有了相關(guān)建議。當(dāng)時(shí)，Robert B. Miller發(fā)表了他的開創(chuàng)性研究“人機(jī)對話的響應(yīng)時(shí)間”（PDF），他在其中定義了不同類型的響應(yīng)，用戶可能從計(jì)算機(jī)得到的反饋多達(dá)17種。Miller將其中一種稱為“控件操作響應(yīng)”——按下按鈕到得到視覺反饋的時(shí)間。甚至早在1968年，就規(guī)定了它不應(yīng)該超過0.1-0.2秒。是的，這并不是RAIL模式首創(chuàng)——這個(gè)建議大約已經(jīng)存在了50年。但是，Miller注明了，對于熟練的用戶而言，這么短的延遲都可能太慢了。這就意味著，理想情況下，用戶應(yīng)當(dāng)在100毫秒內(nèi)獲得操作的反饋。這就接近人體最快的潛意識(shí)動(dòng)作——眨眼。因此，100毫秒的間隔給人感覺通常就是瞬間。“多數(shù)人每分鐘眨眼大約15次，一次眨眼平均持續(xù)100到150毫秒”，倫敦城市學(xué)院神經(jīng)學(xué)創(chuàng)立者Davina Bristow說，他還補(bǔ)充說：“這意味著我們每年有9天花在眨眼睛上?！?/p>

正由于瞬間的視覺響應(yīng)（甚至在實(shí)際請求完成之前），樂觀派UI在心理表現(xiàn)最佳化中，是一種已經(jīng)完善的技巧。但事實(shí)上，那些人們喜愛的能在眨眼間響應(yīng)的界面，對我們而言應(yīng)該不算驚喜，真不算。而且這也不難做到。即使在很早以前，我們在用戶點(diǎn)擊按鈕后，會(huì)將它變?yōu)榻脿顟B(tài)，這通常就足以表明用戶的輸入了。只不過，界面中的禁用狀態(tài)意味著被動(dòng)等待：用戶什么也做不了，無法掌控整個(gè)過程。這對用戶而言很令人掃興。這就是為什么我們在樂觀派UI中直接跳過了禁用狀態(tài)——我們不讓用戶等待，直接給他積極的反饋。

處理潛在錯(cuò)誤

現(xiàn)在我們進(jìn)入樂觀派UI設(shè)計(jì)中的第二個(gè)有趣的心理學(xué)問題——處理潛在錯(cuò)誤。一般來說，有大量信息和文章講述如何以最恰當(dāng)?shù)姆绞教幚鞺I錯(cuò)誤。但是，本文中討論的錯(cuò)誤處理，在樂觀派UI中，最重要的不是如何處理錯(cuò)誤，而是什么時(shí)候處理。

人們天生會(huì)把行為聚類處理，以主觀定義的目標(biāo)或者小目標(biāo)達(dá)成為結(jié)束。有時(shí)候我們把這些聚類稱作“思維軌跡”、“思維涌動(dòng)” (PDF)，或者就簡單稱作“心流”。心流狀態(tài)的特征包括樂趣達(dá)到巔峰、精力集中、創(chuàng)造力爆發(fā)。在心流狀態(tài)中，用戶完全被這項(xiàng)活動(dòng)吸引。Tammy Everts的一條推特準(zhǔn)確描繪了這點(diǎn)：

【圖注：我喜歡心流狀態(tài)的一切，除了一點(diǎn)，我會(huì)連續(xù)幾個(gè)小時(shí)忘記眨眼。我的眼睛現(xiàn)在是這樣的?！?/p>

有時(shí)候，辨認(rèn)出一個(gè)人是否處于心流狀態(tài)非常簡單。（查看大圖）

在網(wǎng)絡(luò)中，這些活動(dòng)聚類的持續(xù)時(shí)間短得多。我們回顧一下Robert B. Miller的作品。他指出，響應(yīng)類型包括：

• 粗略瀏覽列表信息的響應(yīng)；
• 仔細(xì)瀏覽圖表信息的響應(yīng)；
• “系統(tǒng)，你明白我要什么嗎？”的響應(yīng)。

他把這幾類都?xì)w為2秒延遲的類型，用戶會(huì)獲得相應(yīng)類型的響應(yīng)。如果不繼續(xù)深究，我們應(yīng)該注意，這些延遲也取決于一個(gè)人的記憶運(yùn)轉(zhuǎn)（這是指一個(gè)人記住一定量信息所需的時(shí)間，更重要的是，不僅記住，還要能運(yùn)用）。我們作為開發(fā)者和用戶體驗(yàn)專家，這意味著在操作了某個(gè)元素的2秒內(nèi)，用戶會(huì)短暫進(jìn)入心流狀態(tài)，專注于他們期待的響應(yīng)。如果服務(wù)器在這個(gè)時(shí)間內(nèi)返回錯(cuò)誤狀態(tài)，用戶仍然處于與界面的“對話”中，這是個(gè)比喻。類似于兩個(gè)人對話，比如你說了一句話，對方委婉地反駁你。想像一下，如果對方花了很長時(shí)間點(diǎn)頭表示同意（等同于我們UI中的成功狀態(tài)），但然后最終對你說“不”。這多尷尬啊？所以，樂觀派UI必須在心流狀態(tài)的2秒內(nèi)傳達(dá)出錯(cuò)誤信息。

樂觀派UI必須清楚表達(dá)錯(cuò)誤狀態(tài)給用戶。最重要的是，它要在用戶進(jìn)入心流狀態(tài)的2秒內(nèi)發(fā)生。（查看大圖）

現(xiàn)在我們掌握了這項(xiàng)心理原則，用來處理樂觀派UI中的錯(cuò)誤，下面我們就開始面對那1%-3%的失敗請求吧。

樂觀派UI的悲觀一面

目前為止，我聽到最多的言辭，是說樂觀派UI是一種黑魔法——作弊，如果你這么想也對。也就是說，運(yùn)用這種方式，我們就是在對用戶撒謊，編造他們操作的結(jié)果。從法律上說，每個(gè)法庭可能都會(huì)認(rèn)同這一點(diǎn)。但我仍然把這種技巧當(dāng)作一種預(yù)期或是希望。（記得“樂觀”的定義嗎？我們在這里允許某些“希望”存在。）“撒謊”與“預(yù)期”的區(qū)別在于你如何對待那1%-3%的失敗請求。我們來看看Twitter的樂觀派“點(diǎn)贊”按鈕在離線狀態(tài)下的表現(xiàn)。

首先，點(diǎn)擊按鈕后它立刻變?yōu)槌晒顟B(tài)，這符合樂觀派UI模式——當(dāng)用戶松開并移開鼠標(biāo)，它的表現(xiàn)和用戶處于在線狀態(tài)時(shí)一樣。

離線狀態(tài)下，Twitter的點(diǎn)贊按鈕仍然在點(diǎn)擊后產(chǎn)生視覺變化。（查看大圖）

但由于用戶離線，請求失敗了。

（查看大圖）

那么，在用戶進(jìn)入心流狀態(tài)后，錯(cuò)誤信息要盡快給出。2秒通常是心流的持續(xù)時(shí)間。Twitter以一種非常微妙的方式表達(dá)這一點(diǎn)，把按鈕的狀態(tài)還原回去了。

請求失敗后，Twitter以一種低調(diào)的方式還原了按鈕的視覺狀態(tài)，沒有在視覺上小題大做。（查看大圖）

認(rèn)真的讀者會(huì)說，失敗處理還能更進(jìn)一步，準(zhǔn)確告知用戶請求沒有發(fā)送出去，由于發(fā)生了某個(gè)錯(cuò)誤。這就讓系統(tǒng)盡可能保持隱形。但還有一系列問題：

• 屏幕上忽然出現(xiàn)的任何形式的通知，會(huì)改變用戶的環(huán)境，刺激他們?nèi)シ治鍪”澈蟮脑?，但這個(gè)原因在錯(cuò)誤信息中可能已經(jīng)說明了。
• 就像所有錯(cuò)誤信息或通知一樣，它應(yīng)該也要引導(dǎo)用戶進(jìn)入新的環(huán)境，提供相應(yīng)的操作信息。
• 操作信息又會(huì)進(jìn)入一個(gè)新的環(huán)境。

好吧，可能大家都覺得這開始有點(diǎn)復(fù)雜了。因?yàn)檫@樣的錯(cuò)誤處理對于網(wǎng)站的大型表單有意義，但對于像點(diǎn)擊按鈕這么簡單的事情，它就殺雞用牛刀了——對于所需的技術(shù)開發(fā)，還有用戶的記憶運(yùn)轉(zhuǎn)，都太過了。

所以，沒錯(cuò)，我們對樂觀派UI中的失敗要有開放心態(tài)。我們要盡快告知用戶，保證樂觀主義不會(huì)發(fā)展成謊言。但它應(yīng)當(dāng)與環(huán)境相稱。對于點(diǎn)贊失敗，還原按鈕狀態(tài)這樣的微小提示足夠了——也就是說，除非用戶點(diǎn)擊的是其他極其重要的狀態(tài)，需要保證它時(shí)刻運(yùn)轉(zhuǎn)正常。

極端悲觀

這就產(chǎn)生了另一個(gè)問題：如果用戶獲得成功的反饋，但是在服務(wù)器響應(yīng)之前就關(guān)閉了瀏覽器標(biāo)簽頁，怎么辦？最討厭的情況是，用戶在請求發(fā)送到服務(wù)器之前就關(guān)閉了標(biāo)簽頁。但除非用戶極其敏捷，或者有本事減慢時(shí)間，這種情況很難發(fā)生。

如果樂觀派UI運(yùn)用得當(dāng)，所有對于各元素的操作都在2秒內(nèi)得到服務(wù)器反饋，那么用戶就得在2秒內(nèi)關(guān)閉瀏覽器標(biāo)簽頁。這對于快捷鍵而言并不難；但是我們知道，97%-99%情況下，請求是成功的，無論標(biāo)簽頁是否激活（只是響應(yīng)沒有發(fā)送回客戶端而已）。

所以，只有對于那1%-3%的服務(wù)器錯(cuò)誤，這才算一個(gè)問題。然后，有多少人在2秒內(nèi)匆匆關(guān)閉頁面？除非他們在比賽關(guān)閉標(biāo)簽頁，我覺得這個(gè)數(shù)量沒有什么意義。但如果你認(rèn)為這個(gè)關(guān)系到特定的項(xiàng)目，可能會(huì)導(dǎo)致糟糕的后果，那就應(yīng)該用一些工具來分析用戶行為；如果這種場景存在的可能性足夠高，就把樂觀派交互限定在非重要元素上。

我有意沒有提及那些故意延遲的請求；這些不在樂觀派UI設(shè)計(jì)的范疇內(nèi)。而且，我們在悲觀方面討論得已經(jīng)夠多了，現(xiàn)在我們來總結(jié)一下運(yùn)用樂觀派UI的核心要點(diǎn)。

經(jīng)驗(yàn)法則

我真誠地希望，這篇文章能幫助你理解樂觀派UI設(shè)計(jì)背后的核心觀念?？赡苣愫芟Ｍ谙乱粋€(gè)項(xiàng)目中運(yùn)用這種方法。那么，開始前請牢記這些：

• 我們所有這些討論的前提：你所依靠的API足夠穩(wěn)定，能夠返回可預(yù)期的結(jié)果。這點(diǎn)無需多言。
• 界面要在向服務(wù)器發(fā)送請求之前，找出可能的錯(cuò)誤和問題。最好能夠完全去除可能會(huì)導(dǎo)致API返回錯(cuò)誤的因素。UI元素越簡單，越容易運(yùn)用樂觀派UI。
• 在簡單的是非選項(xiàng)上運(yùn)用樂觀派模式，只有成功與失敗兩種響應(yīng)的元素。例如一個(gè)按鈕的服務(wù)器返回狀態(tài)包含“是”、“否”、“有可能”（每一種都代表了不同程度的成功），這種按鈕就不適合用樂觀派模式。
• 了解API的響應(yīng)時(shí)間。這點(diǎn)至關(guān)重要。如果你知道某個(gè)特定請求的響應(yīng)時(shí)間一定在2秒以上，首先應(yīng)該優(yōu)化API到最佳性能。之前提到，服務(wù)器響應(yīng)時(shí)間在2秒以內(nèi)，樂觀派UI才有最佳表現(xiàn)。超過2秒會(huì)導(dǎo)致難以預(yù)期的結(jié)果，用戶會(huì)更加挫敗。千萬注意。
• 樂觀派UI不僅僅是點(diǎn)擊按鈕。這種方式可以運(yùn)用于頁面中的各種不同交互，包括頁面的加載。例如框架頁面就運(yùn)用了相同的觀念：你預(yù)期服務(wù)器能成功返回信息，所以直接向用戶先展示占位符。

（查看大圖）

看得出來，樂觀派UI設(shè)計(jì)并不是網(wǎng)頁中的新奇事物，也不是什么先進(jìn)技巧。這只是另一種方式，另一種心智模型，幫助你掌控產(chǎn)品的預(yù)期表現(xiàn)。樂觀派UI設(shè)計(jì)基于人機(jī)交互的心理學(xué)基礎(chǔ)，聰明地運(yùn)用它，能夠幫你的網(wǎng)站樹立更好更流暢的體驗(yàn)，同時(shí)，需要做的其實(shí)很少。但是，為確保這種模式真正有效，避免產(chǎn)品向用戶撒謊，我們必須理解樂觀派UI設(shè)計(jì)的原理。

資源

• “人機(jī)對話的響應(yīng)時(shí)間” (PDF), Robert B. Miller, Fall Joint Computer Conference, 1968
• “RAIL簡介：以用戶為中心的表現(xiàn)模型,” Paul Irish, Paul Lewis, Smashing Magazine, 2015
• “移動(dòng)端網(wǎng)頁的壓力：網(wǎng)速對于情緒與品牌認(rèn)知的影響,” Tammy Everts, Radware Blog, 2013
• 心流在人類發(fā)展與教育中的應(yīng)用, Mihaly Csikszentmihalyi, 2014
• “移動(dòng)端設(shè)計(jì)細(xì)節(jié)：避免轉(zhuǎn)菊花,” Luke Wroblewski, 2013
• “性能的重要性，第2部分：感知的掌控,” Denys Mishunov, Smashing Magazine, 2015

原文鏈接：https://www.smashingmagazine.com/2016/11/true-lies-of-optimistic-user-interfaces/

作者信息：Denys Mishunov

#專欄作家#

可樂橙，微信公眾號：可樂橙（colachangreen）。人人都是產(chǎn)品經(jīng)理專欄作家，UI/UX設(shè)計(jì)師，關(guān)注互聯(lián)網(wǎng)，關(guān)注科技?，F(xiàn)居杭州，與小伙伴們正在創(chuàng)業(yè)途中?；蛟S不是一名優(yōu)秀的設(shè)計(jì)師，至少是個(gè)快樂的設(shè)計(jì)師。

本文翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，不得轉(zhuǎn)載。