當理性碰撞感性——交互驅(qū)動下的設計

先扯句閑篇，離開QQ會員加入TGideas的大家庭也有一年的時間了。當初抱著對游戲的向往，對TG游戲設計大神們的敬仰，暫時放下從事2年多的平臺項目經(jīng)驗，毅然投身于偉大的游戲視覺包裝中來，從零學起。在這一年的工作過程中，學到了很多好的視覺表現(xiàn)方法及前輩們優(yōu)秀的經(jīng)驗;而其中收獲最大的，是我經(jīng)歷了兩種不同的設計表現(xiàn)形式后，對平臺和游戲有了更加深入理解——理性與感性的碰撞。

不禁想起高中時代看過的《三國》 。曹操、呂布、關羽、張飛、趙云等一個個極為生動鮮活的人物個性就如同一張張游戲?qū)ｎ}，用極強的視覺沖擊力、極具帶入性的游戲氛圍來刺激每個人感性的神經(jīng)，讓人過目不忘;而火燒赤壁、草船借箭、空城計等一場場偉大的戰(zhàn)役卻讓人在深思后，對那些軍師有著超強的理性思維和大局觀而贊嘆并牢牢記住。如果說《三國》沒有那一場場讓人拍案叫絕的戰(zhàn)役，那它充其量算作腦殘劇《一起去看流星雨》前傳。反之，可能也只是一部無聊的歷史教科片。設計也無外乎如此。

看到博客中大神們對游戲的視覺表現(xiàn)分享已經(jīng)研究到掘地三尺的地步，再去說皮毛也沒什么意思，那我就借此機會談談我對平臺項目的理解吧。而在平臺設計中，最重要的就是如何把海量的內(nèi)容，梳理的區(qū)域合理、脈絡清晰、邏輯清楚，這也就是交互設計。

有一個優(yōu)秀交互設計的網(wǎng)站，即使視覺設計的很一般，也會被用戶所接受，因為平臺更注重的是信息的攝取。如何能做好一個平臺網(wǎng)站的交互設計，我們通過一下幾個方面共同研究一下：

1.清晰的導航(快捷導航)設計

在這類設計中，電商類網(wǎng)站可謂首屈一指，這或許是因為他們擁有數(shù)以千際的商品品類吧。而在這些電商網(wǎng)站中，淘寶網(wǎng)、亞馬遜、當當網(wǎng)不管是在品類整合及展示上，都做了很好的用戶引導。

淘寶網(wǎng)，雖然沒有把商品品類做到非常詳細，但他每一個品類都是根據(jù)用戶的購買習慣和興趣點做精細化排序，并且通過天天特價、免費試用、清倉、一元起拍等極具誘惑性的連接放入導航中，來刺激用戶購買欲。

當當網(wǎng)和亞馬遜則是把商品品類做了細致劃分，方便用戶精確查找，節(jié)省用戶購買時間及減免多余操作。為購買目標相對明確的用戶提供更多方便快捷的入口。亞馬遜在展示上更加細心的在導航位置為推薦商品提供了快捷入口。

2.搜索欄(檢索系統(tǒng))及標簽入口

搜索欄及標簽入口如同網(wǎng)站里的時空隧道，可以跨躍區(qū)域、時間及繁瑣的層級，方便用戶對信息的查找。在這類設計中，幾乎每個網(wǎng)站都有做到這一點，但搜索系統(tǒng)的完善性及關鍵字標簽的選擇則差強人意。在搜索欄及標簽入口展示上，做的相對完善的之中，我就列舉優(yōu)酷網(wǎng)做例子吧。

優(yōu)酷網(wǎng)在檢索系統(tǒng)上算是做到了相對領先的地步，最大亮點是他的檢索系統(tǒng)在用戶搜索目標未能提供服務的環(huán)境下會自動推薦同類有用戶搜索信息的網(wǎng)站。對于目標性極強的用戶受用最大。而用戶的目的不在于去哪個網(wǎng)站瀏覽信息，而關心的是能否快速找到目標。而優(yōu)酷高明的地方也就在此，長期下來用戶會形成習慣，這樣對于用戶的粘性培養(yǎng)起到了很重要的作用。

優(yōu)酷網(wǎng)的關鍵字標簽入口也是做的非常清晰，但這方面或許是因為他是以視頻為主，類別相對單一吧。就關鍵字標簽入口，華蓋對此的梳理也是比較全面具體。

3.區(qū)域的劃分及排序

這個相信大家都十分了解，通俗的講就是把重要的東西放在最前面。這里我不禁想起每次產(chǎn)品說最多的話“頭部好像高了，我要一屏看到全部內(nèi)容。”(瞎TM扯，難道你的顯示器天生是豎起來的?傷不起。)牢騷歸牢騷，但我們換位思考一下，其實產(chǎn)品比設計師還是更加懂得用戶需求的，雖然有時要求有點過。首屏的位置對于產(chǎn)品的重要性足以見得。特別是平臺這樣海量內(nèi)容的網(wǎng)站，怎樣利用首屏的位置來吸引用戶，對于交互設計的挑戰(zhàn)很大。記得之前淘寶網(wǎng)做過很多次首屏模塊改版，或許也是這個原因吧。

第一版：

第二版：

第三版：

最新線上版：

而他們一次次的改版優(yōu)化，也是基于對用戶數(shù)據(jù)的分析以及用戶購買習慣及消費群體分布等一系列思考過后做出的。這樣可以更加使得用戶便捷的購買和查找到所需商品，培養(yǎng)用戶習慣，也能讓商家的預售商品有一個更加顯眼的曝光位置。

總結

超強的視覺表現(xiàn)力固然重要，但是嚴謹理性的用戶邏輯，也是一個網(wǎng)站的重中之重。而這也是交互設計所要面臨的挑戰(zhàn)，同時也是交互設計不斷提升價值的表現(xiàn)。除了以上幾點之外，交互設計的涉及面遠不于此，用戶數(shù)據(jù)指引、用戶體驗、人機信息互換等方面也是平臺網(wǎng)站中交互設計所要考慮的重要部分，但由于本人對著幾點的理解還有待提升，待我查閱資料、整理文獻、通過日后的工作總結經(jīng)驗后，再讓我們下次一起，促膝長談。而以上所提到的方面，也并非資深權威，而是本人在平時的學習和日常的工作中整理的一些交互思維經(jīng)驗，如有專業(yè)資深的大神閱讀本文章，請務必輕點拍磚，多多闡述更加好的經(jīng)驗和見解，大家一起探討學習。