編者按：今天這篇干貨聊的是人們最討厭的兩個狀態(tài) —— 軟件報錯和加載緩慢。如何提高這兩個糟心狀態(tài)的用戶體驗呢？作者從不少交互上的細(xì)節(jié)做了考量推敲，附上大神的意見和實戰(zhàn)案例，特別有現(xiàn)實參考價值。

之前知乎上有這么一個問題：怎樣理解信息架構(gòu)?，@Mr湯進(jìn)er當(dāng)時以“商場信息導(dǎo)視圖”為例，回答了這個問題，比較適合“入門小白”去理解信息架構(gòu)、流程圖和頁面布局，其中針對“信息架構(gòu)”的回答如下：

Flow流程圖也是一個常用工具，可以總結(jié)出不同場景下用戶使用產(chǎn)品的流程和步驟是怎樣的，可能產(chǎn)生怎樣的分支需要在設(shè)計中考慮到，在哪些地方可能產(chǎn)生較大的流失，步驟是否可以合并優(yōu)化，能否抽象出通用的流程來構(gòu)建框架設(shè)計等。

?如果你曾使用Airbnb預(yù)訂過地方，那么你會在這個過程中，逐步發(fā)現(xiàn)這個企業(yè)擁有著頂尖的產(chǎn)品設(shè)計團(tuán)隊。這個正在改變整個行業(yè)的企業(yè)，正在為用戶提供著順滑無縫的體驗，而這也是今天我撰寫這篇文章的初衷。

作為一個喜歡研究用戶體驗、交互設(shè)計、UI的產(chǎn)品設(shè)計師，我尤其喜歡剖析成功的產(chǎn)品，尋找其中隱藏的交互和用戶體驗設(shè)計。無論這些設(shè)計是用來提升整體的用戶體驗，還是激勵產(chǎn)品增長，你會發(fā)現(xiàn)這些設(shè)計都非常有意思，并且值得分享。

事不宜遲，一起來看看我從Airbnb中發(fā)現(xiàn)了什么吧：

1. 情緒感染（用戶體驗）

首先，你的產(chǎn)品文案不僅僅是一句友好的問候，它還解釋了這個網(wǎng)站的性質(zhì)。其次，無論是建議注冊，或者直接跳轉(zhuǎn)到能夠吸引用戶的內(nèi)容，文案還起到了引導(dǎo)用戶第一步操作的作用。如同我們經(jīng)常說的，交互設(shè)計需要被當(dāng)做一次交談來對待，所以這是你創(chuàng)造人性化體驗的第一次機(jī)會。

下圖是旅行租房網(wǎng)站 AirBnB 的案例，文案極簡，但同時深入人心。標(biāo)題 Just for the Weekend 和 Explore the World 讓用戶在去往特定目的地之前看到 AirBnB能夠帶來的體驗。這個交互很微妙，通過文字的暗示，它構(gòu)建了產(chǎn)品體驗的框架 – 讓用戶距離一 次愉快的旅程更近一步。

從實習(xí)的第一天起，我就數(shù)著日子在過，時間走的太快攔也攔不住，要做要學(xué)的事情又太多。轉(zhuǎn)眼七月已經(jīng)過去，總覺得還是有點后知后覺，花了一個月的時間去適應(yīng)新環(huán)境和新工作，慢慢才知道尋求突破點的重要性，所以今天來聊聊我所理解的交互設(shè)計師的核心競爭力。

格式塔原理解釋了人們?nèi)绾我砸曈X方式感覺物體，以及圖像的結(jié)構(gòu)，視角，大小等要素是如何影響我們的視覺的。

在下面這篇文章中，我們首先會簡單介紹一下格式塔原理中的基本概念，然后再詳細(xì)探討一下如何將它們應(yīng)用于今日的UI設(shè)計中。

在設(shè)計網(wǎng)站的時候，圖片資源會在很大程度上幫助你設(shè)置站點，以及顏色，排版或者更多內(nèi)容的基調(diào)。如果圖片視覺元素沒有和設(shè)計正確的結(jié)合，他很可能會破壞你原本想呈現(xiàn)的感覺。

移動應(yīng)用的設(shè)計中，最容易被忽視的地方就是空白或者異常情況的設(shè)計。從傳統(tǒng)PC時代web的異常頁面如404，502等頁面的設(shè)計體驗遷移過來，移動應(yīng)用的空頁面，網(wǎng)絡(luò)故障頁面等展示也有相似的設(shè)計模式。從以前的純文本的排版設(shè)計，到后來404成為設(shè)計師們
展示圖形創(chuàng)意的舞臺，移動應(yīng)用的空白情況頁面的設(shè)計也從純文本提示到后來精彩紛呈。然而在移動應(yīng)用的設(shè)計中，空白頁面的的作用不僅僅在于給用戶以溫柔或者
精彩的提醒，安撫用戶焦急或是疑惑的情緒，更重要的是，空白情況頁面可以引導(dǎo)用戶去填補(bǔ)“空白”。人都是害怕空虛寂寞冷的，當(dāng)你面對一個空虛寂寞冷的頁面
的時候，善意的指點迷津的一些語言和畫面告訴你咱們還是可以有方法來填補(bǔ)你的寂寞空虛冷，這時候，用戶的操作行為就會被觸發(fā)，潛移默化中指引用戶完成填補(bǔ)
空白的工作，那么，無論從用戶個體的活躍度上還是整體的留存率，活躍度上，你設(shè)計的空白頁面做到了拉升的作用，對電商產(chǎn)品和社交產(chǎn)品等來說，這些頁面可謂
是自己展示產(chǎn)品調(diào)性，曝光功能，加深引導(dǎo)的黃金地段。

1. 用戶不同，數(shù)據(jù)不同

任何時候設(shè)計一套復(fù)雜的系統(tǒng)，都不可避免要為很多用戶和角色進(jìn)行設(shè)計?？偛?、經(jīng)理和分析師是幾個常見角色，每個都有自己的工作流程和對數(shù)據(jù)的需求。

定義好角色，產(chǎn)生不同視角，這本身就是一種藝術(shù)。我就不在此詳細(xì)解釋了。如果你對此有興趣，請看Cooper的這篇有用的文章。

關(guān)于角色，重要的一點是預(yù)先確定好，圍繞它們來組織信息結(jié)構(gòu)與線框圖。

下面是我們?nèi)ツ曜龅囊豢罱】祱蟾鎽?yīng)用的最終成品。這套系統(tǒng)有著不同的用戶群，他們各自都需要不同的數(shù)據(jù)管理。創(chuàng)建了關(guān)鍵角色后，我們每次評審會將它們放在旁邊。