【 設計理論】詳細解析網站交互驅動下的設計心得

詳細解析網站交互驅動下的設計心得

這一次的教學是屬於設計理論領域中的設計理論的相關教學。

文章出處是來自優設的設計理論類文章,寫教學的作者是妖哥,感謝妖哥提供設計理論的實作教學。

教學大綱:

本文作者妖哥有着多年的平台項目的設計經驗,對於交互設計有着深入的理解。


設計理論教學開始

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

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

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

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

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

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

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

詳細解析網站交互驅動下的設計心得

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

詳細解析網站交互驅動下的設計心得

詳細解析網站交互驅動下的設計心得

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

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

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

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

詳細解析網站交互驅動下的設計心得

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

詳細解析網站交互驅動下的設計心得

詳細解析網站交互驅動下的設計心得

3.區域的劃分及排序

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

第一版:

詳細解析網站交互驅動下的設計心得

第二版:

詳細解析網站交互驅動下的設計心得

第三版:

詳細解析網站交互驅動下的設計心得

最新線上版:

詳細解析網站交互驅動下的設計心得

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

總結

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

–本文轉載自 http://www.missyuan.net 教學網 —

文章永久連結為: 詳細解析網站交互驅動下的設計心得