作為設(shè)計(jì)師我們?cè)噲D做一個(gè)符合用戶(hù)操作習(xí)慣的頁(yè)面，然而不深入挖掘用戶(hù)的習(xí)慣，很容易讓人陷入到自己的操作流中，找不到用戶(hù)真正的操作流。

先瀏覽還是先操作？

充值中心的用戶(hù)閱讀消息詳情頁(yè)的方式很類(lèi)似于郵件；從列表中選擇一條進(jìn)行詳細(xì)閱讀：

在信息大爆炸的今天，用戶(hù)每天都會(huì)收到大量郵件，籠統(tǒng)的講用戶(hù)閱讀郵件的方式有：

設(shè)計(jì)表達(dá)要符合用戶(hù)的心智模型，返回按鈕設(shè)置在左上角，就如用戶(hù)在閱讀圖片，圖片切換方式是舊圖從左邊飛走，右邊飛入，用戶(hù)很簡(jiǎn)單就明白點(diǎn)左邊是看上一張，不需思考。

同樣，返回表示用戶(hù)要返回到上一步。用戶(hù)的心智模型中剛剛頁(yè)面從左側(cè)駛出，用戶(hù)需要從左側(cè)返回。由此我進(jìn)行了一下設(shè)計(jì)：

然而我們區(qū)別于郵件的關(guān)鍵點(diǎn)是我們的空間有限，操作區(qū)和文字標(biāo)題在一起，這個(gè)展示方式就將操作區(qū)和瀏覽區(qū)混淆在一起，用戶(hù)不能不假思索的進(jìn)行操作，將頁(yè)面進(jìn)行重置之后：

用戶(hù)進(jìn)入詳情頁(yè)后，用戶(hù)瀏覽內(nèi)容，可清晰了解可進(jìn)行的操作。考慮問(wèn)題需要綜合實(shí)際的情況。

?

讓用戶(hù)知道身處何處

通過(guò)tips將信息傳達(dá)給用戶(hù)是現(xiàn)在常見(jiàn)的手法之一。然后面對(duì)每天彈出的大量tips，如何讓用戶(hù)知道tips的來(lái)源？品牌logo必不可少。

下面是起初tips消息彈出的樣式：

用戶(hù)看條這條消息后，有兩個(gè)問(wèn)題需要思考：①這則消息來(lái)自于哪個(gè)業(yè)務(wù)？②個(gè)人中心是指哪個(gè)賬戶(hù)的個(gè)人中心（據(jù)調(diào)查有很大一部分用戶(hù)會(huì)同時(shí)登錄2個(gè)以上QQ）

將導(dǎo)航條重新設(shè)計(jì)后，用戶(hù)會(huì)清晰的明白①這條消息來(lái)自QQ網(wǎng)購(gòu)充值中心②我登錄的賬戶(hù)名是sonia③我可以鏈接到sonia賬戶(hù)的個(gè)人中心④除了這則消息外，我還有20則未讀消息。

總結(jié)

用戶(hù)的注意力是有限的，我們把信息分類(lèi)展示，可以減輕用戶(hù)的理解負(fù)擔(dān)，讓用戶(hù)短時(shí)間內(nèi)可以了解內(nèi)容并不假思索的進(jìn)行下一步操作。

via?http://www.lins.im