久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

理性與感性的碰撞!談交互驅動下的設計

 理性與感性的碰撞!談交互驅動下的設計 三聯

  編者按:本文作者妖哥有著多年的平臺項目的設計經驗,對于交互設計有著深入的理解。交互是如何驅動設計的?不妨看看妖哥的總結:

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

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

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

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

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

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

理性與感性的碰撞!談交互驅動下的設計

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

理性與感性的碰撞!談交互驅動下的設計
理性與感性的碰撞!談交互驅動下的設計

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

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

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

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

理性與感性的碰撞!談交互驅動下的設計

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

理性與感性的碰撞!談交互驅動下的設計
理性與感性的碰撞!談交互驅動下的設計

  3.區域的劃分及排序

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

  第一版:

理性與感性的碰撞!談交互驅動下的設計

  第二版:

理性與感性的碰撞!談交互驅動下的設計

  第三版:

理性與感性的碰撞!談交互驅動下的設計

  最新線上版:

理性與感性的碰撞!談交互驅動下的設計

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

  總結

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

【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。

相關文檔推薦

這篇文章給大家詳細介紹了HTML頁面跳轉及參數傳遞問題,需要的朋友參考下吧
這篇文章主要介紹了純css實現照片墻3D效果的示例代碼,可以實現鼠標經過圖片實現改變,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本篇文章主要介紹了純 Css 繪制扇形的方法示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
本篇文章主要介紹了一份純CSS loading效果代碼示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
這篇文章主要介紹了css 實現文字過長自動隱藏功能,需要的朋友可以參考下
本篇文章主要介紹了詳解CSS3 rem(設置字體大小) 教程,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 国产精品一区在线 | 国产免费一区 | av官网在线 | 国产激情一区二区三区 | 中文字幕第5页 | 99免费视频 | 国产精品网址 | 在线看av的网址 | 精品国产乱码久久久久久88av | 亚洲 欧美 综合 | 一级a性色生活片久久毛片 午夜精品在线观看 | 农村黄性色生活片 | 亚洲福利在线观看 | 国产精品不卡视频 | 国产成人免费视频网站视频社区 | 国产情侣激情 | 亚洲精品乱码久久久久久按摩 | 亚洲精品中文在线观看 | av中文字幕在线观看 | 亚欧性视频 | 亚洲先锋影音 | 在线观看欧美日韩视频 | 午夜欧美 | 欧美日韩国产精品一区二区 | 天堂综合网 | 日韩久久久久久 | 伊人99 | 欧美久久精品一级黑人c片 91免费在线视频 | 欧美一区二区大片 | 天天躁日日躁xxxxaaaa | 欧美日韩亚洲一区 | 玖玖国产 | 亚洲人人 | 国产精品一区二区三区在线 | 超碰人人插 | 精品久久久久久久久久久久 | 亚州午夜精品 | 99精品在线 | 北条麻妃国产九九九精品小说 | 国产偷录视频叫床高潮对白 | 国产精品久久在线观看 |