淺談網(wǎng)頁(yè)設(shè)計(jì)中的信息與交互

兩周前，在一家知名互聯(lián)網(wǎng)媒體公司做內(nèi)部沙龍交流。有朋友問(wèn)我，做為產(chǎn)品設(shè)計(jì)、用戶體驗(yàn)師或交互設(shè)計(jì)師，在設(shè)計(jì)網(wǎng)站時(shí)有哪些事情要做？

互聯(lián)網(wǎng)發(fā)展到現(xiàn)在，各種產(chǎn)品形態(tài)種類繁多，眼花繚亂。但再?gòu)?fù)雜的網(wǎng)站都是由頁(yè)面構(gòu)成的，而無(wú)論什么樣的頁(yè)面，都只有兩樣?xùn)|西需要考慮：一種是讓人看的元素；另一種是讓人操作的元素。我這樣的解釋比較通俗，也并沒(méi)有很好的把概念抽象出來(lái)，目的是為了方便記憶。“讓人用”和“讓人操作”這兩件事情，就是我們常說(shuō)的信息設(shè)計(jì)和交互設(shè)計(jì)。

信息設(shè)計(jì)：

互聯(lián)網(wǎng)雖然是個(gè)虛擬的世界，可我一直堅(jiān)信任何互聯(lián)網(wǎng)產(chǎn)品都可以找到現(xiàn)實(shí)版的映射。Win7新增的便簽紙功能非常的方便，而它的現(xiàn)實(shí)版例證就是3M公司發(fā)明的及時(shí)貼產(chǎn)品。而設(shè)計(jì)類似京東商城的產(chǎn)品時(shí)，當(dāng)我們無(wú)法找到正確的路徑時(shí)，總會(huì)拿西單大悅城做類比。

不光產(chǎn)品可以映射，信息設(shè)計(jì)工作其實(shí)有點(diǎn)像現(xiàn)實(shí)中的雜志設(shè)計(jì)，編輯在制作一本雜志時(shí)。首先要在考慮各種因素后（包括：聆聽(tīng)用戶、雜志定位、文章質(zhì)量等），決定若干內(nèi)容的排序和展現(xiàn)，例如：廣告放在哪？名人的報(bào)道在第幾頁(yè)？專欄如何放？當(dāng)這些問(wèn)題解決后，還要考慮專欄放在某一個(gè)頁(yè)面時(shí)，圖文等元素如何排版。

總之，內(nèi)容結(jié)構(gòu)和內(nèi)容布置的所有問(wèn)題都可以歸結(jié)為信息設(shè)計(jì)，也就是設(shè)計(jì)那些網(wǎng)站或頁(yè)面中“讓人看”的元素。信息架構(gòu)是一門(mén)高深的學(xué)問(wèn)，我只講幾點(diǎn)個(gè)人體會(huì)：

1.展現(xiàn)用戶想看到的。頁(yè)面中的信息，大部分要以用戶為導(dǎo)向，用戶想看什么，就提供什么。

2.展現(xiàn)你想讓用戶看到的。用戶明確的需求一定要滿足，但是很多人來(lái)到網(wǎng)站則只有預(yù)期沒(méi)有需求，是來(lái)隨便逛逛的�？梢曰ㄐ┬乃家龑�(dǎo)這部分人，把你最想給用戶看到的內(nèi)容展現(xiàn)出來(lái)。

3.符合人類的視覺(jué)系統(tǒng)習(xí)慣。人類的視覺(jué)是從左到右、從上到下的瀏覽習(xí)慣，眼球長(zhǎng)時(shí)間看單一的文字，或單一的圖片墻都會(huì)發(fā)生視覺(jué)疲勞等等。

交互設(shè)計(jì)：

交互設(shè)計(jì)指的是人機(jī)交互，人指用戶，機(jī)就是網(wǎng)站系統(tǒng)。交互設(shè)計(jì)的工作量集中在能夠被響應(yīng)的區(qū)域。比如：超鏈接、按鈕、輸入框、單選多選、List選擇等等，這些元素提供了人機(jī)交互的可能性，也就是所說(shuō)的“能操作”的元素。交互功能是希望用戶做某些事，或用戶想達(dá)到下一個(gè)目標(biāo)必須做的事情。

交互操作的成本是遠(yuǎn)高于流量頁(yè)面的信息，所有轉(zhuǎn)化率的損失是不可避免的。有一次看到某網(wǎng)站的首頁(yè)，彈出率（用戶只瀏覽了這一個(gè)頁(yè)面就離開(kāi)了）超過(guò)50%，我就對(duì)網(wǎng)站的產(chǎn)品人員和交互人員說(shuō)只有兩種可能：第一，網(wǎng)站根本找不到用戶想要的；第二，交互設(shè)計(jì)太差，無(wú)法到下一步，于是選擇離開(kāi)。

1.別讓用戶思考。用戶會(huì)說(shuō)：你想讓我做什么就直接告訴我吧。網(wǎng)站和軟件是唯一沒(méi)有說(shuō)明書(shū)的產(chǎn)品（如果有說(shuō)明書(shū)，也很少有人會(huì)看）。如果設(shè)計(jì)的交互功能不倫不類，用戶研究了半天還是不知所云，那你就死定了。用戶的離開(kāi)是對(duì)糟糕交互設(shè)計(jì)的最大懲罰。

2.別讓用戶煩躁。5年前，在一個(gè)網(wǎng)站注冊(cè)需要花超過(guò)5分鐘，復(fù)雜的填寫(xiě)項(xiàng)目像是在辦移民添表格一樣，而且一旦填寫(xiě)錯(cuò)誤，你就必須重來(lái)一遍。現(xiàn)在再去看看你能想到的網(wǎng)站吧，30秒鐘就可以完成，只需要填寫(xiě)用戶名和密碼，其他類似生日、性別等“讓人煩”的信息全部被去掉了。

產(chǎn)品經(jīng)理或者交互設(shè)計(jì)師可以抽象出這部分是信息設(shè)計(jì)，那部分是交互設(shè)計(jì)，這樣可以更好的分工和安排工作。但是用戶全然不知這些，對(duì)用戶來(lái)講沒(méi)有信息和交互的概念，每個(gè)網(wǎng)頁(yè)對(duì)用戶來(lái)說(shuō)都是一個(gè)整體，要么滿足需求、讓我舒服，然后留下；要么不滿足需求、讓我煩躁，迅速離開(kāi)。因此我們可以分開(kāi)工作，但是從體驗(yàn)角度很多事情還是要統(tǒng)一考慮的。