五.瀏覽狀態(tài)

移動端相比pc端有兩個比較顯著的特點(diǎn)：一是移動端應(yīng)用的高情景驅(qū)動，也就是我們能在隨時隨地使用應(yīng)用；二是移動端設(shè)備大小的多樣性及限制性；這兩點(diǎn)導(dǎo)致移動端應(yīng)用都是暫態(tài)的，而移動端的內(nèi)容展現(xiàn)形式也比pc端更多樣化：列表、網(wǎng)格、輪播、卡片還有泳道，根據(jù)業(yè)務(wù)訴求以及用戶訴求雙重標(biāo)準(zhǔn)來設(shè)計(jì)內(nèi)容的展示。

上篇有提到一點(diǎn)，用戶瀏覽信息的時候，首先注意到的是結(jié)構(gòu)（功能分布），其次再是內(nèi)容（預(yù)期展示），最后是其興趣點(diǎn)（核心訴求），具有代表性的幾類app我們能分析出他們在設(shè)計(jì)產(chǎn)品的時候是如何考慮用戶的瀏覽狀態(tài)的：電商、新聞、外賣、資訊閱讀。這邊以最常見的列表舉例：

那么如何設(shè)計(jì)框架結(jié)構(gòu)和功能分布讓用戶瀏覽的效率和轉(zhuǎn)化率大大提高呢？我們首先來看看以上6張圖，我們發(fā)現(xiàn)既有左圖右文的排版，也有左文右圖的排版，還有上下的排版，這些都是z字形視覺流路徑，而這個路徑的形成其實(shí)就是視覺注意力的轉(zhuǎn)移，通過不同因素的影響，視覺焦點(diǎn)也會隨之變化，例如元素的靜止和動畫，顏色的冷暖，明暗，形狀的大小方圓等等。

在做交互設(shè)計(jì)的時候我們需要考量的是如何能將信息讓用戶高效的獲取，只有提高信息獲取效率，用戶才能更快的鎖定興趣點(diǎn)也就是核心訴求。

新聞類的app通常會將圖片放置在左側(cè)，文字放置在右側(cè)，而實(shí)際情況是用戶一進(jìn)入首頁首先掃一遍標(biāo)題，圖片反而是在掃完標(biāo)題有興趣之后再去關(guān)注的，為什么？因?yàn)閳D片雖然在視覺影響力比文字強(qiáng)，但是表意不明，看圖片無法知道他要講的究竟是一件什么事，而文字確能一目十行，但是不乏有些新聞是靠圖片來吸引讀者的，你們懂的。所以新聞也好，資訊類app也好，目的都是需要提高用戶的信息獲取效率，本質(zhì)上來說誰左誰右都是有跡可循的。

做個小總結(jié)，如何提高用戶獲取效率方法：
1、了解用戶獲取內(nèi)容時的視覺流及操作流（有條件可招募用戶做可用性測試）。
2、內(nèi)容層次分明，并將相關(guān)聯(lián)信息一起展示。
3、清楚用戶核心訴求并將其重點(diǎn)展示。
4、內(nèi)容展示有節(jié)奏感。

六.確認(rèn)狀態(tài)

當(dāng)用戶瀏覽完了內(nèi)容，終于找到了他們要找的東西之后，這時候要正真的獲取到它，這時候我們需要注意3點(diǎn)：
1.告訴用戶最后的結(jié)果，支付成功或者失敗，成功之后還能獲取獎勵？分享他人？給用戶一種成就感，畢竟好不容易走了前面5個步驟才到了這里。而失敗了又是什么原因?qū)е碌�？如何解決？
2.再次讓用戶確認(rèn)所需內(nèi)容
3.提供出口，但不要“輕易”讓用戶溜走同時完成結(jié)果流程一定要順暢。 

七.錯誤狀態(tài)

好，重點(diǎn)來了，為什么說重點(diǎn)，這對于我們的用戶來說往往是致命的。最近我們的用研同學(xué)做了一份以一個月為周期的用戶流失研究，其報(bào)告中提到除了核心內(nèi)容沒辦法滿足用戶之外，很大一部分流失用戶是因?yàn)閼?yīng)用頻繁出錯或者試用早起出現(xiàn)致命錯誤導(dǎo)致的用戶流失，甚至一個小小的認(rèn)證失敗也導(dǎo)致了其流失。

所以我們能預(yù)料到，除了剛性需求吸引用戶外，其他用戶的耐心程度可能并不高，有一部分用戶在抱著試試看的態(tài)度使用產(chǎn)品時的內(nèi)心是極其脆弱了，一出現(xiàn)錯誤或者無法解決錯誤的時候往往就是產(chǎn)生放棄使用的念頭。（現(xiàn)在輕量型應(yīng)用能更敏捷的抓住用戶的訴求點(diǎn)） 

所以這里就需要講的是產(chǎn)品可用性的三原則了：
1.有效性。這里的效是效果的意思，什么意思？就是用戶想去京東買部手機(jī)，有效性就是指用戶能夠買到自己想買的手機(jī)，而如果這個京東手機(jī)店鋪沒有用戶想要的手機(jī)，那這個店鋪對于用戶來說就沒有存在價值了。
2.效率。用戶如何能夠快速方便的買到想要的手機(jī)，如果支付的流程繁瑣，步驟多，這樣就大大降低了用戶購買手機(jī)的效率，導(dǎo)致用戶體驗(yàn)下降，而下一次用戶則不會選擇這哥效率低下的產(chǎn)品。
3.滿意度。即使?jié)M足了前兩個方面，但是如果其他方面招致用戶的抱怨，也將導(dǎo)致用戶流失，比如數(shù)據(jù)加載慢，數(shù)據(jù)顯示錯誤，以及操作步驟多等等。

一個產(chǎn)品的錯誤狀態(tài)往往都是這三點(diǎn)而引發(fā)出來的，包括用戶輸錯密碼也好，網(wǎng)絡(luò)中斷也好，數(shù)據(jù)無法刷新也好，用戶遇到錯誤無法解決也好。

那么既然出現(xiàn)了錯誤，我們理應(yīng)向用戶反饋原因，及處理方法，這邊為什么要給用戶反饋我們就不說了，不反饋用戶就跑啦，我們來講一講反饋的形式以及內(nèi)容：
1.反饋的形式。錯誤反饋的形式有很多種：情感化插畫，頂部警告欄，彈窗，toast等等其實(shí)還有動畫，如iOS解鎖錯誤抖一抖，還有聲音等等 .
2.反饋的內(nèi)容。錯誤提示，告知用戶為什么操作被中斷，以及出現(xiàn)了什么錯誤。錯誤信息要盡量準(zhǔn)確、通俗易懂。有效的錯誤提示信息要解釋發(fā)生的原因，并提供解決方案，以使用戶能夠從錯誤中恢復(fù)。

八.結(jié)束狀態(tài)

一個好的結(jié)尾意味著什么？意味著：客官，歡迎下次再來跟姐妹們聊天～

我們終于幫助用戶達(dá)成了他的愿望，這就結(jié)束了嗎？還遠(yuǎn)遠(yuǎn)沒有，這世界上永遠(yuǎn)沒有一次性的生意。所以給用戶一個美好的結(jié)束體驗(yàn)，是他下一次再來愉快購物的保障，一個優(yōu)秀的產(chǎn)品通常會有幾個美好的結(jié)尾，來時刻幫助用戶記得這個瞬間，舉個結(jié)尾優(yōu)秀的例子（格瓦拉，但是價格不便宜）：

雖然我們用這個產(chǎn)品主要目的是為了購買電影票，本來購買完電影票流程也就結(jié)束了，但是格瓦拉還遠(yuǎn)遠(yuǎn)沒有讓你覺得結(jié)束，它基本上從你購票完成后能夠進(jìn)行時間提醒、影院交通選擇、影院附近消費(fèi)等各種服務(wù)（因?yàn)楝F(xiàn)在觀影結(jié)束后觀影小助手不能調(diào)出，所以憑記憶說出了幾個我印象深刻的功能）。

很顯然，格瓦拉電影是一個想要陪伴你從電影挑選、在線購票、觀影路上交通、影院附近娛樂、影院取票、影院觀影以及電影點(diǎn)評“一條龍”的應(yīng)用。你會發(fā)現(xiàn)它重在體驗(yàn)，想要成為用戶的一個朋友，而不是一個單純的工具。據(jù)說在觀看某些影片結(jié)束的時候還會溫馨地提醒你片尾有彩蛋！直擊影迷的痛點(diǎn)。時間提醒上，分為幾次提醒，都是關(guān)鍵的幾個時間點(diǎn)。  

九.中斷狀態(tài)

中斷狀態(tài)其實(shí)沒啥好說的了，應(yīng)用要是經(jīng)常中斷也就沒有用戶用了，公司也就倒灶了。

想說的話：
那么以上就是用戶體驗(yàn)設(shè)計(jì)中，我們需要注意的9點(diǎn)內(nèi)容，哎呀終于講完了不容易，但是依然沒有面面俱到的講的很細(xì)，一是怕大家沒有耐心去看，二是時間精力有限，所以在末尾想向大家征集一下意見，希望下一次分享什么內(nèi)容？有讀者有給過些中英文排版技巧的文章的建議，希望有更多的建議能促使我去總結(jié)，去學(xué)習(xí)。下次的文章爭取短而精。

我也想要有個美好的收尾，所以這里送給大家?guī)讖埰綍r做的練習(xí)源文件，格式是sketch，版本是39的，還沒生40哈，文件可能不同版本或者不同終端打開導(dǎo)致元素有些誤差請忽略，然后請千萬千萬不要拿著源文件去面試，一是怕面試到我公司來我會很尷尬，二是不是自己的東西拿出去裝被人識破很尷尬，本意是希望能更多的和大家交流學(xué)習(xí)，還有請不要拿去商用，不然會追究責(zé)任哦謝謝！