您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計教程 >> 交互設(shè)計 >> 瀏覽設(shè)計教程

當(dāng)理性碰撞感性——交互驅(qū)動下的設(shè)計

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

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

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

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

1.清晰的導(dǎo)航(快捷導(dǎo)航)設(shè)計

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

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

 

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

 

 

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

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

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

 

 

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

 

 

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

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

第一版:

 

第二版:

 

第三版:

 

最新線上版:

 

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

總結(jié)

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

[教程作者:admin]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/id2111.html
作為網(wǎng)頁設(shè)計師必須知道的20種新興交互設(shè)計
從用戶行為打造活動交互設(shè)計閉環(huán)—2014年世界杯競猜活動設(shè)計總結(jié)
圖趣網(wǎng)微信
建議反饋
×