|
3.認(rèn)清用戶(hù)需求
我們團(tuán)隊(duì)經(jīng)歷過(guò)的很多項(xiàng)目，在剛剛啟動(dòng)時(shí)都面臨著一些相似的問(wèn)題：功能需求列表過(guò)于冗長(zhǎng)，焦點(diǎn)不明確，難以在項(xiàng)目截止時(shí)間之前搞定...客戶(hù)或需求方通常會(huì)對(duì)產(chǎn)品功能進(jìn)行天馬行空般的想象，卻往往忽視了用戶(hù)的真正需求。
舉例說(shuō)，無(wú)論你是在一個(gè)小城鎮(zhèn)，還是牛津大街，或是在互聯(lián)網(wǎng)中，血拼的本質(zhì)目的，都是尋找合適的商品并進(jìn)行購(gòu)買(mǎi)。良好的用戶(hù)體驗(yàn)可以為購(gòu)物過(guò)程帶來(lái)更多的樂(lè)趣，但絕不能破壞這件事的核心目標(biāo)。用戶(hù)希望通過(guò)購(gòu)物類(lèi)的應(yīng)用來(lái)快速的找到某種商品，并順利完成購(gòu)買(mǎi)；他們甚至?xí)鲆暷切┯糜谠鰪?qiáng)體驗(yàn)和樂(lè)趣的額外功能。
下圖展示了一款購(gòu)物應(yīng)用的商品詳情頁(yè)面的兩種設(shè)計(jì)方案。左邊的原型中包含了一些“高級(jí)”購(gòu)物功能，例如贈(zèng)禮、相關(guān)商品和用戶(hù)評(píng)價(jià)；而右側(cè)的原型簡(jiǎn)化了很多：去掉了贈(zèng)禮功能；只顯示該商品的整體打分情況，如果用戶(hù)需要，可以點(diǎn)擊鏈接查看全部點(diǎn)評(píng)；省出的空間用以顯示商品介紹的全文，用戶(hù)無(wú)需進(jìn)一步點(diǎn)擊就可以完整瀏覽。
顯然，右側(cè)的方案可以讓團(tuán)隊(duì)將設(shè)計(jì)與開(kāi)發(fā)的注意力放在核心功能上；從產(chǎn)品的角度，這也是最符合用戶(hù)的直接需求、最具性能功效的方案。那些“錦上添花”性質(zhì)的內(nèi)容和功能，即使真的有必要存在，也應(yīng)該是在我們對(duì)產(chǎn)品核心功能做了最充分的優(yōu)化和最合理的設(shè)計(jì)之后，才陸續(xù)登場(chǎng)，并且不能影響核心功能的可用性及性能表現(xiàn)。
4.優(yōu)化用戶(hù)界面流程和元素
用戶(hù)不喜歡等待。在Google的用戶(hù)體驗(yàn)十大內(nèi)在原則中，時(shí)間方面的因素緊隨“用戶(hù)需求”排在第二位。對(duì)應(yīng)用的每一個(gè)界面流程及其構(gòu)成元素的優(yōu)化，都可以不同程度的降低加載及響應(yīng)時(shí)間。
A.增強(qiáng)可感知性
在很多情況下，設(shè)計(jì)師和開(kāi)發(fā)者確實(shí)無(wú)法控制產(chǎn)品性能：網(wǎng)速也許會(huì)很慢，系統(tǒng)后臺(tái)也許正運(yùn)行著多任務(wù)，某個(gè)功能也許需要大量系統(tǒng)資源來(lái)支持運(yùn)算等等。無(wú)論怎樣，在延遲發(fā)生的時(shí)候，我們至少應(yīng)該讓用戶(hù)感知到應(yīng)用仍處于運(yùn)行狀態(tài)。即使在無(wú)法預(yù)料的壞狀況中，合理的設(shè)計(jì)方案也可以起到良好溝通作用。
第一步是要識(shí)別出哪些功能流程有可能造成延遲，例如那些需要獲取后臺(tái)數(shù)據(jù)或是執(zhí)行大量運(yùn)算的運(yùn)行過(guò)程。接下來(lái)，在這些關(guān)鍵流程中添加必要的狀態(tài)反饋標(biāo)識(shí)，例如loading動(dòng)畫(huà)效果，或是一些文案小提示。
下圖演示一個(gè)比較典型的內(nèi)容搜索流程：
用戶(hù)在這個(gè)流程中經(jīng)歷了四個(gè)步驟：
- 點(diǎn)擊搜索按鈕。
- 看到loading動(dòng)畫(huà)提示。
- 看到了搜索結(jié)果中的文字內(nèi)容；這時(shí)圖片還在加載。
- 看到全部圖文內(nèi)容。
顯而易見(jiàn)，比起從第一屏開(kāi)始經(jīng)歷一段等待時(shí)間然后突兀的直接進(jìn)入第四屏，將流程分為幾個(gè)短暫的步驟并給予狀態(tài)反饋的用戶(hù)體驗(yàn)要好的多。即使中間耗費(fèi)了同樣的時(shí)間，分步的設(shè)計(jì)方案也可以使應(yīng)用的性能在感覺(jué)上更加流暢高效。
另外一個(gè)典型的情景是應(yīng)用剛剛啟動(dòng)的時(shí)候。首先顯示一張適合該應(yīng)用風(fēng)格和布局的圖片，會(huì)降低用戶(hù)對(duì)加載時(shí)間的感知；同時(shí)配合loading動(dòng)畫(huà)提示一起使用的話(huà)，效果會(huì)更好。
出處：Be For Web
責(zé)任編輯：bluehearts
上一頁(yè) 怎樣打造高性能的移動(dòng)用戶(hù)體驗(yàn) [3] 下一頁(yè) 怎樣打造高性能的移動(dòng)用戶(hù)體驗(yàn) [5]
|
第 1 頁(yè) 
第 4 頁(yè) 怎樣打造高性能的移動(dòng)用戶(hù)體驗(yàn) [4]
