Instagram紅的發(fā)紫 

Instagram 的聯(lián)合創(chuàng)始人 Mike Krieger 在 Speakerdeck 上有個(gè)值得一看的演示片，叫做“閃電般快速的移動(dòng)設(shè)計(jì)的秘密”。在這個(gè)演示里，他講到了 Instagram 是如何使用戶獲得“應(yīng)用總是很快速”的印象的。在 Mike Krieger 看來(lái)，移動(dòng)應(yīng)用給用戶以“快速”的體驗(yàn)不僅僅是一個(gè)技術(shù)問(wèn)題，更是一個(gè)設(shè)計(jì)問(wèn)題。

任何應(yīng)用，無(wú)論界面如何精美，操作如何直觀，如果在速度上不能給人以快速的感覺(jué)，很容易被用戶拋棄。在移動(dòng)應(yīng)用中，再?zèng)]有比不斷轉(zhuǎn)動(dòng)的刷新按鈕更讓人心煩的了，而移動(dòng)網(wǎng)絡(luò)相對(duì)來(lái)說(shuō)，速度和不穩(wěn)定性常常會(huì)受到各種因素影響，給開(kāi)發(fā)者帶來(lái)了挑戰(zhàn)。Instagram 宣稱自己是“快速的美圖分享”，它是如何做到“快速”的呢？這是 Mike Krieger 需要解決的問(wèn)題：

速度如何成為一個(gè)設(shè)計(jì)特性

設(shè)計(jì)如何成為一個(gè)速度特性

這一切都在細(xì)節(jié)的實(shí)現(xiàn)，而這些細(xì)節(jié)都需要精心設(shè)計(jì)。為此，Mike 提出了三個(gè)讓?xiě)?yīng)用看起來(lái)非?？焖俚娜齻€(gè)秘密：

應(yīng)用上的積極操作

根據(jù)情況提前載入內(nèi)容

背后不可見(jiàn)的數(shù)據(jù)傳輸

關(guān)于操作的積極性，Mike 舉了這樣一個(gè)例子。從用戶點(diǎn)擊 Like 到 Like 成功，期間有和服務(wù)器交流的時(shí)間，但是，在用戶提請(qǐng)的要求仍在進(jìn)行時(shí)，移動(dòng)界面就已經(jīng)顯示了 Like 成功。用戶的評(píng)論仍在提交的時(shí)候，移動(dòng)界面就顯示評(píng)論成功。同樣，在用戶”跟隨”請(qǐng)求提交時(shí)，界面上就已經(jīng)顯示跟隨成功。

在用戶提請(qǐng)的要求仍在進(jìn)行時(shí)，移動(dòng)界面就已經(jīng)顯示了 Like 成功

關(guān)于提前載入內(nèi)容。最基本的是在用戶打開(kāi)應(yīng)用時(shí)，就開(kāi)始載入一定數(shù)量的圖片流，而關(guān)鍵點(diǎn)是不要根據(jù)時(shí)間順序，而是根據(jù)重要性。用戶自然希望看到所有內(nèi)容，但是他們首先想要看到的是哪些最受歡迎的內(nèi)容，這正是社交網(wǎng)絡(luò)的要義所在。

關(guān)于背后不可見(jiàn)的數(shù)據(jù)傳輸，這是指應(yīng)用要根據(jù)用戶的行為作出預(yù)測(cè)，提前開(kāi)始傳輸數(shù)據(jù)。舉個(gè)例子，當(dāng)用戶注冊(cè) Instagram 之后，決定上傳圖片，他將一副圖片設(shè)置濾鏡效果之后，可能還需要選擇位置，設(shè)置各種社交網(wǎng)絡(luò)的賬戶等，然后才提交。Instagram 在用戶設(shè)置濾鏡效果的時(shí)候，就開(kāi)始提前上傳圖片了。

上傳流程

Co.Design 網(wǎng)站將 Mike Krieger 的三條秘密稱為“三個(gè)善意的謊言”，并將其歸結(jié)為更容易理解的三個(gè)要點(diǎn)：

Instagram 假裝永遠(yuǎn)在工作

根據(jù)重要程度而不是次序裝載內(nèi)容

考慮用戶的每一步動(dòng)作

這三條秘密，都是在移動(dòng)網(wǎng)絡(luò)速度不佳的情況下，為用戶制造“應(yīng)用速度很快”的一種錯(cuò)覺(jué)，因此，從本質(zhì)上的確是“謊言”，但是通過(guò)“提前傳輸”和“隨后實(shí)現(xiàn)”，Instagram 使用戶在操作上更有效率，減輕了等待的煩躁感。即使操作的實(shí)際效果是”隨后“實(shí)現(xiàn)的，但這”隨后“也是很短的時(shí)間，并不會(huì)對(duì)用戶帶來(lái)什么損失，因此，這的確是”善意“的謊言。

從 Instagram 的設(shè)計(jì)上，我們可以看到，設(shè)計(jì)師是如何利用用戶的心理，提升用戶體驗(yàn)的。Co.Design 網(wǎng)站對(duì)此總結(jié)的很精辟。