是時候,聊一聊交互設(shè)計的知識體系了原朝!

到目前為止驯嘱,已經(jīng)寫了關(guān)于交互設(shè)計的十幾篇文章。但是喳坠,越來越發(fā)現(xiàn)自己寫的沒有章法鞠评,東一棒子,西一榔頭壕鹉,都把自己打暈了剃幌。最近剛好有一些小伙伴,希望能夠看到系列化的文章晾浴。所以负乡,就整理了一下自己的交互設(shè)計知識體系,一方面對自己的知識查缺不漏脊凰;另一方面給大家豎一個靶子抖棘,希望大家批評指正,共同進(jìn)步笙各。

阿里UED設(shè)計流程(來源網(wǎng)絡(luò))

一個人的知識體系可以看做一個人的格局钉答,知識體系越廣,越能看清楚各個知識點之間的關(guān)系杈抢,明確自己的缺陷;知識點越深仑性,則能體現(xiàn)出你的專業(yè)惶楼。交互設(shè)計也是一樣,在對交互知識深入學(xué)習(xí)的同時诊杆,也要加強(qiáng)自己知識體系的構(gòu)建歼捐,彌補弱勢。這樣晨汹,既能有效的輔助其他知識點的學(xué)習(xí)與應(yīng)用豹储,同時也能夠保證交互設(shè)計質(zhì)量在較高的水平,而不會出現(xiàn)較大的起伏淘这。

交互設(shè)計是一門交叉學(xué)科剥扣,從廣義的角度上來說,涉及到多個學(xué)科铝穷,包括心理學(xué)钠怯、設(shè)計學(xué)、人機(jī)工程學(xué)等等曙聂,但是從狹義的角度來說晦炊,交互設(shè)計的核心知識體系,應(yīng)該包括需求分析、架構(gòu)與流程設(shè)計断国、方案設(shè)計贤姆、方案驗證/設(shè)計跟蹤與其他六方面內(nèi)容。

交互設(shè)計知識體系

第一點 需求分析

交互設(shè)計工作是從拿到產(chǎn)品需求開始的稳衬。需求分析的主要目的是來明確產(chǎn)品的目標(biāo)定位以及產(chǎn)品想要實現(xiàn)的功能霞捡。需求分析有若干方法,包括目標(biāo)人群分析宋彼、競品分析弄砍、已有的產(chǎn)品版本分析等等。除了各種的分析方法输涕,還有一點就是需求評審音婶。需求評審可以面對面的交流,得到產(chǎn)品經(jīng)理想要的莱坎,同時能夠?qū)⒔换ピO(shè)計師大概的頁面框架以及形式快速反饋給產(chǎn)品經(jīng)理衣式,以確定思路的正確與否。最終檐什,需求分析要得到的結(jié)論是:產(chǎn)品的主要功能碴卧、特色功能、用戶人群乃正、使用場景住册、用戶期望等等。

總之瓮具,需求分析的目的在于明確交互設(shè)計的方向和目的荧飞。

第二點 架構(gòu)與流程設(shè)計

架構(gòu)又稱信息架構(gòu),是產(chǎn)品頁面的邏輯骨架名党,是產(chǎn)品功能的橫向梳理叹阔。好的信息架構(gòu)能夠進(jìn)行合理的功能分類,符合用戶心智模型传睹,幫助用戶快速有效的找到目的地耳幢。

流程設(shè)計是基于產(chǎn)品的功能來進(jìn)行的,是對產(chǎn)品功能的梳理欧啤,是產(chǎn)品功能的縱向梳理睛藻。用戶在使用場景下進(jìn)行的目的性操作,能夠保障功能使用的流暢以及交互界面的完整性堂油,便于檢測產(chǎn)品功能是否能夠走通以及其合理性修档。

信息架構(gòu)的梳理方法多用卡片分類法,讓目標(biāo)用戶對產(chǎn)品的功能卡片進(jìn)行分類府框,并對類別進(jìn)行概括吱窝,得到相應(yīng)的功能集群讥邻,功能集群即是產(chǎn)品頁面功能模塊的大致分類。流程設(shè)計能夠確定交互設(shè)計過程中關(guān)鍵點與關(guān)鍵頁面院峡,能夠保證在原型中兴使,保障功能過程的完整性。

第三點 方案設(shè)計

方案設(shè)計即是對上一步流程設(shè)計與架構(gòu)設(shè)計的視覺化表現(xiàn)照激。原型設(shè)計发魄,是交互設(shè)計師的核心能力。這一點大家都有自己的心得俩垃,而且很多交互設(shè)計師的經(jīng)驗都集中在這一塊励幼,在這里就不在贅述。但是口柳,其中有一些不被大家關(guān)注的知識點需要注意一下苹粟,比如交互稿的規(guī)范性、交互稿的注釋跃闹、頁面的響應(yīng)式問題等等嵌削。這些知識點是“有”和“優(yōu)”的問題。如果沒有考慮到這些內(nèi)容望艺,交互稿也能表現(xiàn)出產(chǎn)品的大致功能苛秕,但是,其在視覺表現(xiàn)上與設(shè)計思路傳達(dá)的效率上面就會有所欠缺找默。

因此艇劫,我們在完成交互稿的同時,也要盡可能的提高交互搞得質(zhì)量惩激,提升其視覺與傳達(dá)效率上的舒適度與準(zhǔn)確性和高效性上港准。

第四點 方案驗證?

交互設(shè)計方案的驗證包括兩個方面,一方面是交互設(shè)計師自身的設(shè)計檢測咧欣,即產(chǎn)品的可用性測試」熘模可用性測試是一個較為專業(yè)的領(lǐng)域魄咕,交互設(shè)計師需要掌握相應(yīng)的方法,來評測自己的交互方案的合理性蚌父,以及是否解決了產(chǎn)品需求中提出的問題哮兰。

A/B測試(來源網(wǎng)絡(luò))

另一方面是交互稿的初稿、中間稿以及終稿的評審苟弛,是在整個團(tuán)隊中進(jìn)行的喝滞,一般是以會議的形式進(jìn)行。與會人員包括項目經(jīng)理膏秫、產(chǎn)品經(jīng)理右遭、交互設(shè)計師、視覺設(shè)計師、開發(fā)窘哈、測試等吹榴,這樣交互稿要在整個產(chǎn)品開發(fā)過程中的人員之間進(jìn)行評審,既要滿足產(chǎn)品需求滚婉,也要滿足開發(fā)資源的需求图筹。

評審會是妥協(xié)的藝術(shù)。

第五點 設(shè)計跟蹤

設(shè)計跟蹤是很多設(shè)計師都會忽略的知識點让腹,但是远剩,其相當(dāng)重要。不管你的設(shè)計方案多么優(yōu)秀骇窍,如果開發(fā)實現(xiàn)的不好瓜晤,那就要功敗垂成了。設(shè)計跟蹤是保證交互設(shè)計方案的貫徹是否徹底的殺手锏像鸡。設(shè)計跟蹤的形式有很多活鹰,展示形式也有很多,包括Word只估、PPT以及JARA等產(chǎn)品線管理軟件等等志群。但是,其基本構(gòu)成都是一樣的蛔钙,包括設(shè)計效果與開發(fā)效果的對比锌云,描述出其間的差異,提出修改的地方吁脱,參考樣式以及可替代性的方案等桑涎。

設(shè)計跟蹤的難點在于對開發(fā)效果與設(shè)計效果之間差異的把握。在時間成本兼贡、人力成本等的限制下攻冷,如何達(dá)到產(chǎn)品的最優(yōu)化,是考驗設(shè)計師設(shè)計能力與溝通能力的試金石遍希。

第六點 其他

交互設(shè)計是一個交叉性的工種等曼。其知識點很難用幾個點來清晰的概括出是與非。因此凿蒜,將其他對交互設(shè)計師更高的要求歸納在其他門類下面禁谦。主要包括溝通能力、交互設(shè)計時間預(yù)估能力废封、前端開發(fā)知識了解等等州泊。不能詳盡羅列,大家可以自由擴(kuò)展漂洋。

交互設(shè)計過程中免不了團(tuán)隊之間的溝通遥皂,優(yōu)秀的溝通能夠極大地提高設(shè)計效率力喷,融洽交互設(shè)計師與團(tuán)隊中其他成員之間的關(guān)系,便于開展后續(xù)工作渴肉,讓自己在團(tuán)隊中游刃有余冗懦。溝通的重點在于明確對方想要的,表達(dá)清楚自己能夠提供的仇祭,做到這兩點披蕉,溝通就是順暢的、高效的乌奇。至于其他的方面就要看設(shè)計師的情商了没讲。

交互設(shè)計時間預(yù)估能力,是在需求與與設(shè)計方案胸有成竹的情況下礁苗,對交互稿進(jìn)度的把控爬凑。好的時間預(yù)估能力,既能滿足團(tuán)隊的開發(fā)時間需求试伙,也能讓自己在低強(qiáng)度的工作壓力下完成嘁信。

至于,前端開發(fā)知識的掌握疏叨,就看個人興趣以及知識背景了潘靖,這里就不在贅述。但是蚤蔓,其在設(shè)計過程中的輔助作用也是相當(dāng)明顯的卦溢,在于前端開發(fā)溝通過程中就能清晰的體會到。

交互設(shè)計的知識的外延很模糊秀又,也很難用簡單的幾個知識點將交互設(shè)計的知識體系概括清楚单寂,所以更多的是一家之言,僅僅是自己的成長軌跡吐辙。

交互設(shè)計的學(xué)習(xí)與能力提升宣决,應(yīng)該從核心功能開始,在增強(qiáng)核心功能的能力的同時昏苏,再向交互設(shè)計知識體系的外延延伸疲扎,提升整體的設(shè)計能力與素養(yǎng)。

目前捷雕,已經(jīng)完成了相關(guān)知識點的文章闡述,由于剛開始寫作隨意壹甥,沒有側(cè)重知識體系的概述與方法介紹救巷,再加上有些知識點沒有涉及到,因此在后續(xù)的文章中句柠,會盡可能的補齊那些遺漏的知識點浦译。

愿與你同行棒假!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市精盅,隨后出現(xiàn)的幾起案子帽哑,更是在濱河造成了極大的恐慌,老刑警劉巖叹俏,帶你破解...
    沈念sama閱讀 222,183評論 6 516
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件妻枕,死亡現(xiàn)場離奇詭異,居然都是意外死亡粘驰,警方通過查閱死者的電腦和手機(jī)屡谐,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,850評論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來蝌数,“玉大人愕掏,你說我怎么就攤上這事《ド。” “怎么了饵撑?”我有些...
    開封第一講書人閱讀 168,766評論 0 361
  • 文/不壞的土叔 我叫張陵,是天一觀的道長唆貌。 經(jīng)常有香客問我滑潘,道長,這世上最難降的妖魔是什么挠锥? 我笑而不...
    開封第一講書人閱讀 59,854評論 1 299
  • 正文 為了忘掉前任众羡,我火速辦了婚禮,結(jié)果婚禮上蓖租,老公的妹妹穿的比我還像新娘粱侣。我一直安慰自己,他們只是感情好蓖宦,可當(dāng)我...
    茶點故事閱讀 68,871評論 6 398
  • 文/花漫 我一把揭開白布齐婴。 她就那樣靜靜地躺著,像睡著了一般稠茂。 火紅的嫁衣襯著肌膚如雪柠偶。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,457評論 1 311
  • 那天睬关,我揣著相機(jī)與錄音诱担,去河邊找鬼。 笑死电爹,一個胖子當(dāng)著我的面吹牛蔫仙,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播丐箩,決...
    沈念sama閱讀 40,999評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼摇邦,長吁一口氣:“原來是場噩夢啊……” “哼恤煞!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起施籍,我...
    開封第一講書人閱讀 39,914評論 0 277
  • 序言:老撾萬榮一對情侶失蹤居扒,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后丑慎,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體喜喂,經(jīng)...
    沈念sama閱讀 46,465評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,543評論 3 342
  • 正文 我和宋清朗相戀三年立哑,在試婚紗的時候發(fā)現(xiàn)自己被綠了夜惭。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,675評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡铛绰,死狀恐怖诈茧,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情捂掰,我是刑警寧澤敢会,帶...
    沈念sama閱讀 36,354評論 5 351
  • 正文 年R本政府宣布,位于F島的核電站这嚣,受9級特大地震影響鸥昏,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜姐帚,卻給世界環(huán)境...
    茶點故事閱讀 42,029評論 3 335
  • 文/蒙蒙 一吏垮、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧罐旗,春花似錦膳汪、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,514評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至鼓蜒,卻和暖如春优幸,著一層夾襖步出監(jiān)牢的瞬間筏养,已是汗流浹背统翩。 一陣腳步聲響...
    開封第一講書人閱讀 33,616評論 1 274
  • 我被黑心中介騙來泰國打工锣杂, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人畅厢。 一個月前我還...
    沈念sama閱讀 49,091評論 3 378
  • 正文 我出身青樓锤躁,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子系羞,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,685評論 2 360

推薦閱讀更多精彩內(nèi)容