2022-06-17 分類: 網(wǎng)站建設(shè)
如果你也是一枚剛?cè)腴T的交互設(shè)計師,是不是常有這樣一種感覺:不知從何下手,悶頭讀了一大堆書、學(xué)了一大堆軟件、畫了一大堆圖之后還是感覺心里不踏實,總害怕自己還缺點什么,恨不得要有本《交互設(shè)計學(xué)習(xí)大綱》就好了。出現(xiàn)這個問題有兩個原因,一是交互設(shè)計師沒有可視性強的產(chǎn)物,交互設(shè)計師的產(chǎn)物一般是線框圖、流程圖、信息架構(gòu)圖、說明文檔等等,但這些東西既不如視覺設(shè)計稿華麗精美,也不如程序代碼高貴冷艷,在外行人看來初級交互設(shè)計師和高級交互設(shè)計師畫的好像都差不多,輕易看不出你修煉到了幾層功力;第二個原因是交互設(shè)計是跨學(xué)科的專業(yè),需要學(xué)的太多太雜,今天這位大神說要學(xué)好PS,明天那位大神又說要學(xué)程序,后天又有大神說要學(xué)心理學(xué),blablabla…信息量太大、太亂就會導(dǎo)致這種不知所措的局面。
今天,我制作了一份“交互設(shè)計師的知識架構(gòu)圖”,如下圖所示,該圖對交互設(shè)計師所需的知識儲備進行了梳理,并按照交互設(shè)計的一般流程進行排列,從需求分析開始,到信息架構(gòu)、流程設(shè)計,到原型設(shè)計,再到可用性測試。以這樣的邏輯為大家介紹每一個環(huán)節(jié)涉及到的知識,化整為零,這樣,童鞋們也就可以采取逐個擊破的方法一步一個腳印學(xué)習(xí)交互設(shè)計,接下來我也會為大家推薦相應(yīng)環(huán)節(jié)涉及到的文章或者書籍,等你全部掌握之后,相信就不會再有不踏實的感覺了。
交互設(shè)計師的知識架構(gòu)圖
好,開始為大家解讀這張圖。
需求分析
一般來說,交互設(shè)計的第一個環(huán)節(jié)就是需求分析,需求分析主要指用戶研究、場景劇本、角色創(chuàng)建以及需求提煉。
首先,用戶研究的方法包括用戶訪談、調(diào)查問卷、觀察、焦點訪談等。
其次,創(chuàng)建人物角色和場景劇本將有利于設(shè)計團隊始終圍繞用戶目標(biāo)進行設(shè)計,保證你的設(shè)計以用戶為中心,當(dāng)然,人物角色和場景劇本不是憑空想象的,而是基于充分的用戶研究提煉出來的。
以上兩塊知識在《About Face 3:交互設(shè)計精髓》這本書里都有詳細的介紹,大家一定要把這本書看完看懂。
最后,需求提煉這塊,我個人比較喜歡從“人、系統(tǒng)、環(huán)境”三個角度進行分析提煉,但是需要注意的是,這三個角度可以看成是一個公式,要學(xué)會靈活運用,針對不同的任務(wù)、對象,會用不同的名詞,比如針對一個實物產(chǎn)品,這個公式就變成“人、物、場景”,針對一個任務(wù)則是“人、目標(biāo)、場景”等等。需求提煉這塊大家可以參考《產(chǎn)品學(xué)堂:萬能的產(chǎn)品策劃公式》,網(wǎng)上也有各種各樣的需求分析的方法,只要精通掌握一種就夠了,最重要的是要有自己的一套原則與流程,然后不斷地拿自己總結(jié)的方法去實踐。
信息架構(gòu)和流程設(shè)計
這一塊需要掌握的知識有:流程圖和信息架構(gòu)圖的繪制、心理學(xué)、邏輯學(xué)。
流程圖和信息架構(gòu)圖都是為了表達交互設(shè)計的整體邏輯路徑的工具,一張好的流程圖或信息架構(gòu)圖對于團隊溝通和開拓思維都是很有幫助的。網(wǎng)上有很多相關(guān)的學(xué)習(xí)資料,但網(wǎng)上的文章通常會不夠系統(tǒng)、嚴(yán)謹,所以我再給大家推薦兩本書:《高效溝通設(shè)計之道》、《交互設(shè)計指南》。
層次任務(wù)分析法是流程設(shè)計中的一個重要方法,簡單來說,層次任務(wù)分析就是將一個任務(wù)進行結(jié)構(gòu)化的分解,將用戶完成任務(wù)的過程所需要的每一種情況和每一個動作進行細化整理。這樣分析的好處是你可以進一步理解用戶是如何使用產(chǎn)品、如何與產(chǎn)品和環(huán)境進行交互的,保證設(shè)計的邏輯嚴(yán)謹性,最終使你的交互流程更加高效和人性化。層次任務(wù)分析法可以從這篇文章里學(xué)習(xí)個大概:《層次任務(wù)分析》 不過我并不覺得這篇文章非常嚴(yán)謹詳細,將來有機會我可能會用一篇文章來單獨為大家介紹這個方法。
心理學(xué)和邏輯學(xué)可以說是交互設(shè)計師最重要的內(nèi)功,看起來比較高大上,可能會無從下手,但千萬不要逃避和盲目亂學(xué),要進行系統(tǒng)的、循循漸進的學(xué)習(xí)。比如心理學(xué)你可以依次學(xué)習(xí)色彩心理學(xué)、設(shè)計心理學(xué)、認知心理學(xué)、行為心理學(xué),交互設(shè)計師是以人為中心的,琢磨人的認知、記憶心理對于提高你的設(shè)計質(zhì)量至關(guān)重要,推薦的書籍有唐納德諾曼的《設(shè)計心理學(xué)》,埃森克的《認知心理學(xué)》,此外,同學(xué)們還可以看一下我之前的一篇文章:《交互設(shè)計與心理學(xué)》;邏輯學(xué)似乎就更加虛幻了,甚至?xí)X得這貨就像智商一樣無力回天,其實不是,一個人的邏輯思維是通過后天鍛煉的,邏輯思維的提高可以參考知乎上大神的回答:知乎:如何提高邏輯思維能力?書籍的話,可以參考這里:提高邏輯思維能力,有哪些書或者資料可以推薦的么?
原型設(shè)計
原型設(shè)計是交互設(shè)計師最主要的工作之一,也是交互設(shè)計師的練兵場,因此,需要在這一塊儲備大量的知識,比如交互范式、設(shè)計原則、平臺規(guī)范、排版和草圖繪畫。
交互范式指交互方式(參考下圖)、交互元素(比如操作、窗口、控件、菜單、對話框)等。這些都是基本功,很多同學(xué)自信學(xué)有所成了,但面試的時候一問控件的種類和區(qū)別就胡亂回答一通,這是沒有系統(tǒng)學(xué)習(xí)的后果。
設(shè)計原則,這里指的是交互設(shè)計原則。這個就多了,可以說數(shù)不勝數(shù),而且每個人都有不同的版本,如果你是初學(xué)者,沒有特別好的辦法,推薦你先把《About Face 3:交互設(shè)計精髓》吃透,還是那句話,網(wǎng)上的知識是碎片化的,一味地看大神寫的千把個字的文章容易消耗你的耐心、增加你的記憶負荷,而且到頭來還是不夠全面,所以先把權(quán)威的書籍吃透再說。
平臺規(guī)范。從終端上看,平臺分為PC、手機、平板電腦等,從系統(tǒng)上看又分為Windows,Mac,IOS,Windows Phone,Android等,每一個平臺都有相應(yīng)的設(shè)計規(guī)范,想做交互設(shè)計師就得先把他們掌握了,另外,這些規(guī)范通常都是英文,而中文的最新翻譯一般都比較難找,并且網(wǎng)友的翻譯有參差不齊的風(fēng)險,所以親們一定要學(xué)好英語,這點也很重要!
排版和草圖繪畫。受過專業(yè)的排版訓(xùn)練的交互設(shè)計師會有很大的優(yōu)勢,因為排版不僅需要一定的審美感覺,也需要扎實的視覺理論基礎(chǔ)和邏輯思維甚至心理學(xué)理論,排版其實也是一種交互設(shè)計,是讀者與作品在視覺上的交互。另外草圖繪畫是一個加分項,畫的一手漂亮的草圖會讓團隊溝通更加高效,不過,這里的草圖不是素描草圖,不是對某一個物品進行精雕細琢,而是簡筆畫。下圖是著名交互設(shè)計師比爾·維普蘭克畫的,他對圖形和手繪草圖有一種驚人的表現(xiàn)能力,他可以在談話的同時,隨時用手繪的方法勾勒出草圖來說明其觀點。這是我在看《交互設(shè)計概論》時看到的,當(dāng)時我簡直被迷暈了,這技能太牛了!于是我也去學(xué)簡筆畫,不過學(xué)的斷斷續(xù)續(xù),至今還是菜的一逼。
比爾·維普蘭克畫的草圖
可用性測試。這一塊推薦大家先把《可用性工程》這本書看完,不過這本書可能由于翻譯的原因,看起來會有一點吃力,大家可以先看網(wǎng)易UEDC的這篇文章了解一下:《簡單快速的可用性測試》。
當(dāng)然,理論終究是不夠的,學(xué)習(xí)理論之后,要進行大量的實踐來鞏固,再總結(jié)出自己的一套流程與方法。
視覺設(shè)計與程序設(shè)計
基礎(chǔ)加分項,既是加分項,也是基本功。不是說必須學(xué)好視覺和代碼,但多少會一點對你有很大的好處,比如有利于與團隊的其他人員溝通,有利于選擇更合理更現(xiàn)實的交互方案。我建議大家學(xué)一下PS、AI、Axure、PPT和AE等軟件,有時間的話再學(xué)一學(xué)C語音/Java,HTML+CSS+Javascript.
最后也是最重要的
這篇文章僅僅是在知識架構(gòu)上給大家做一個整理和歸納,雖然也推薦了不少適合新手入門的書籍和文章給大家,但僅僅看這些書籍和文章肯定是不夠的,還需要進行大量的實踐和體驗,交互設(shè)計不像學(xué)習(xí)一個軟件可以短期大幅度提高,更需要的是長期積累,平時應(yīng)該經(jīng)常去看別人的優(yōu)秀設(shè)計,去體驗各種app,網(wǎng)站,平臺,要積累大量的素材,要不斷地總結(jié)經(jīng)驗,并且將經(jīng)驗運用于實戰(zhàn)中。若這篇文章能為你提供一丁點的幫助,我也十分欣慰。
當(dāng)前文章:新人必學(xué):交互設(shè)計師的知識架構(gòu)
標(biāo)題網(wǎng)址:http://jinyejixie.com/news/168328.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供全網(wǎng)營銷推廣、云服務(wù)器、商城網(wǎng)站、搜索引擎優(yōu)化、App開發(fā)、網(wǎng)站維護
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容