用戶體驗(yàn)設(shè)計(jì):你必須知道的的9種狀態(tài)(下)
![](http://image.woshipm.com/wp-files/img/83.jpg)
眼看著年紀(jì)比我們小卻成就比我們高的人來說,我們依舊需要不停的汲取知識來成長。所以這個(gè)假期也是擼了兩篇文章出來,這是第二篇,希望大家一起來探討。
上一篇的4種狀態(tài)很多小伙伴都產(chǎn)生了,不一樣的反響,對我來說也有很大的幫助。
讓我們接下去講后面的5種狀態(tài)
五.瀏覽狀態(tài)
移動端相比pc端有兩個(gè)比較顯著的特點(diǎn):一是移動端應(yīng)用的高情景驅(qū)動,也就是我們能在隨時(shí)隨地使用應(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),用戶瀏覽信息的時(shí)候,首先注意到的是結(jié)構(gòu)(功能分布),其次再是內(nèi)容(預(yù)期展示),最后是其興趣點(diǎn)(核心訴求),具有代表性的幾類app我們能分析出他們在設(shè)計(jì)產(chǎn)品的時(shí)候是如何考慮用戶的瀏覽狀態(tài)的:電商、新聞、外賣、資訊閱讀。這邊以最常見的列表舉例:
那么如何設(shè)計(jì)框架結(jié)構(gòu)和功能分布讓用戶瀏覽的效率和轉(zhuǎn)化率大大提高呢?我們首先來看看以上6張圖,我們發(fā)現(xiàn)既有左圖右文的排版,也有左文右圖的排版,還有上下的排版,這些都是z字形視覺流路徑,而這個(gè)路徑的形成其實(shí)就是視覺注意力的轉(zhuǎn)移,通過不同因素的影響,視覺焦點(diǎn)也會隨之變化,例如元素的靜止和動畫,顏色的冷暖,明暗,形狀的大小方圓等等。
在做交互設(shè)計(jì)的時(shí)候我們需要考量的是如何能將信息讓用戶高效的獲取,只有提高信息獲取效率,用戶才能更快的鎖定興趣點(diǎn)也就是核心訴求。
新聞?lì)惖腶pp通常會將圖片放置在左側(cè),文字放置在右側(cè),而實(shí)際情況是用戶一進(jìn)入首頁首先掃一遍標(biāo)題,圖片反而是在掃完標(biāo)題有興趣之后再去關(guān)注的,為什么?因?yàn)閳D片雖然在視覺影響力比文字強(qiáng),但是表意不明,看圖片無法知道他要講的究竟是一件什么事,而文字確能一目十行,但是不乏有些新聞是靠圖片來吸引讀者的,你們懂的。所以新聞也好,資訊類app也好,目的都是需要提高用戶的信息獲取效率,本質(zhì)上來說誰左誰右都是有跡可循的。
做個(gè)小總結(jié),如何提高用戶獲取效率方法:
- 了解用戶獲取內(nèi)容時(shí)的視覺流及操作流(有條件可招募用戶做可用性測試)。
- 內(nèi)容層次分明,并將相關(guān)聯(lián)信息一起展示。
- 清楚用戶核心訴求并將其重點(diǎn)展示。
- 內(nèi)容展示有節(jié)奏感。
六.確認(rèn)狀態(tài)
當(dāng)用戶瀏覽完了內(nèi)容,終于找到了他們要找的東西之后,這時(shí)候要正真的獲取到它,這時(shí)候我們需要注意3點(diǎn):
1.告訴用戶最后的結(jié)果,支付成功或者失敗,成功之后還能獲取獎勵(lì)?分享他人?給用戶一種成就感,畢竟好不容易走了前面5個(gè)步驟才到了這里。而失敗了又是什么原因?qū)е碌模咳绾谓鉀Q?
2.再次讓用戶確認(rèn)所需內(nèi)容
3.提供出口,但不要“輕易”讓用戶溜走同時(shí)完成結(jié)果流程一定要順暢。
七.錯(cuò)誤狀態(tài)
好,重點(diǎn)來了。為什么說重點(diǎn)?這對于我們的用戶來說往往是致命的。最近我們ued團(tuán)隊(duì)的用研同學(xué)做了一份以一個(gè)月為周期的用戶流失研究,其報(bào)告中提到除了核心內(nèi)容沒辦法滿足用戶之外,很大一部分流失用戶是因?yàn)閼?yīng)用頻繁出錯(cuò)或者試用早起出現(xiàn)致命錯(cuò)誤導(dǎo)致的用戶流失,甚至一個(gè)小小的認(rèn)證失敗也導(dǎo)致了其流失。
所以我們能預(yù)料到,除了剛性需求吸引用戶外,其他用戶的耐心程度可能并不高,有一部分用戶在抱著試試看的態(tài)度使用產(chǎn)品時(shí)的內(nèi)心是極其脆弱了,一出現(xiàn)錯(cuò)誤或者無法解決錯(cuò)誤的時(shí)候往往就是產(chǎn)生放棄使用的念頭。(現(xiàn)在輕量型應(yīng)用能更敏捷的抓住用戶的訴求點(diǎn))
所以這里就需要講的是產(chǎn)品可用性的三原則了:
1.有效性。這里的效是效果的意思,什么意思?就是用戶想去京東買部手機(jī),有效性就是指用戶能夠買到自己想買的手機(jī),而如果這個(gè)京東手機(jī)店鋪沒有用戶想要的手機(jī),那這個(gè)店鋪對于用戶來說就沒有存在價(jià)值了。
2.效率。用戶如何能夠快速方便的買到想要的手機(jī),如果支付的流程繁瑣,步驟多,這樣就大大降低了用戶購買手機(jī)的效率,導(dǎo)致用戶體驗(yàn)下降,而下一次用戶則不會選擇這哥效率低下的產(chǎn)品。
3.滿意度。即使?jié)M足了前兩個(gè)方面,但是如果其他方面招致用戶的抱怨,也將導(dǎo)致用戶流失,比如數(shù)據(jù)加載慢,數(shù)據(jù)顯示錯(cuò)誤,以及操作步驟多等等。
一個(gè)產(chǎn)品的錯(cuò)誤狀態(tài)往往都是這三點(diǎn)而引發(fā)出來的,包括用戶輸錯(cuò)密碼也好,網(wǎng)絡(luò)中斷也好,數(shù)據(jù)無法刷新也好,用戶遇到錯(cuò)誤無法解決也好。
那么既然出現(xiàn)了錯(cuò)誤,我們理應(yīng)向用戶反饋原因,及處理方法,這邊為什么要給用戶反饋我們就不說了,不反饋用戶就跑啦,我們來講一講反饋的形式以及內(nèi)容:
1.反饋的形式。錯(cuò)誤反饋的形式有很多種:情感化插畫,頂部警告欄,彈窗,toast等等其實(shí)還有動畫,如iOS解鎖錯(cuò)誤抖一抖,還有聲音等等?.
2.反饋的內(nèi)容。錯(cuò)誤提示,告知用戶為什么操作被中斷,以及出現(xiàn)了什么錯(cuò)誤。錯(cuò)誤信息要盡量準(zhǔn)確、通俗易懂。有效的錯(cuò)誤提示信息要解釋發(fā)生的原因,并提供解決方案,以使用戶能夠從錯(cuò)誤中恢復(fù)。
八.結(jié)束狀態(tài)
一個(gè)好的結(jié)尾意味著什么?意味著:客官,歡迎下次再來跟姐妹們聊天~
我們終于幫助用戶達(dá)成了他的愿望,這就結(jié)束了嗎?還遠(yuǎn)遠(yuǎn)沒有,這世界上永遠(yuǎn)沒有一次性的生意。所以給用戶一個(gè)美好的結(jié)束體驗(yàn),是他下一次再來愉快購物的保障,一個(gè)優(yōu)秀的產(chǎn)品通常會有幾個(gè)美好的結(jié)尾,來時(shí)刻幫助用戶記得這個(gè)瞬間,舉個(gè)結(jié)尾優(yōu)秀的例子(格瓦拉,但是價(jià)格不便宜):
雖然我們用這個(gè)產(chǎn)品主要目的是為了購買電影票,本來購買完電影票流程也就結(jié)束了,但是格瓦拉還遠(yuǎn)遠(yuǎn)沒有讓你覺得結(jié)束,它基本上從你購票完成后能夠進(jìn)行時(shí)間提醒、影院交通選擇、影院附近消費(fèi)等各種服務(wù)(因?yàn)楝F(xiàn)在觀影結(jié)束后觀影小助手不能調(diào)出,所以憑記憶說出了幾個(gè)我印象深刻的功能)。
很顯然,格瓦拉電影是一個(gè)想要陪伴你從電影挑選、在線購票、觀影路上交通、影院附近娛樂、影院取票、影院觀影以及電影點(diǎn)評“一條龍”的應(yīng)用。你會發(fā)現(xiàn)它重在體驗(yàn),想要成為用戶的一個(gè)朋友,而不是一個(gè)單純的工具。據(jù)說在觀看某些影片結(jié)束的時(shí)候還會溫馨地提醒你片尾有彩蛋!直擊影迷的痛點(diǎn)。時(shí)間提醒上,分為幾次提醒,都是關(guān)鍵的幾個(gè)時(shí)間點(diǎn)。
九.中斷狀態(tài)
中斷狀態(tài)其實(shí)沒啥好說的了,應(yīng)用要是經(jīng)常中斷也就沒有用戶用了,公司也就倒灶了。
想說的話:
那么以上就是用戶體驗(yàn)設(shè)計(jì)中,我們需要注意的9點(diǎn)內(nèi)容。
相關(guān)閱讀:
用戶體驗(yàn)設(shè)計(jì):你必須知道的的9種狀態(tài)(下)
作者:getjieyingjun,公眾號:shejishiyj(UI設(shè)計(jì)獅聯(lián)盟)
本文由 @getjieyingjun 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
受教了
上在哪兒呢???
求上