?交互設(shè)計(jì)
一 交互設(shè)計(jì)師的知識(shí)體系
??? 交互設(shè)計(jì)是一門交叉學(xué)科谓着，廣義的交互設(shè)計(jì)涉及人機(jī)工程學(xué)、心理學(xué)怨酝、社會(huì)學(xué)傀缩、設(shè)計(jì)學(xué)等等知識(shí)，從狹義的角度看农猬，交互設(shè)計(jì)主要指人機(jī)界面交互，涉及到用戶研究能力售淡、需求分析能力斤葱、信息架構(gòu)設(shè)計(jì)能力、流程邏輯設(shè)計(jì)能力揖闸、原型設(shè)計(jì)能力揍堕、編寫交互設(shè)計(jì)文檔、了解設(shè)計(jì)原則以及一些其他能力汤纸。
圖1
?1 用戶研究能力
?? ??在一個(gè)完整的UED團(tuán)隊(duì)中衩茸，其實(shí)是有專門的用戶研究人員，用戶研究人員負(fù)責(zé)做用戶研究贮泞，并把研究結(jié)果制作成用戶研究報(bào)告供整個(gè)團(tuán)隊(duì)使用楞慈。在這里把用戶研究放到交互設(shè)計(jì)師的知識(shí)體系中，是因?yàn)橛脩粞芯吭谡麄€(gè)設(shè)計(jì)的過程中有著至關(guān)重要的地位啃擦。交互設(shè)計(jì)師雖然不是專職的用戶研究人員囊蓝，也需要掌握一定的用戶研究知識(shí)，學(xué)會(huì)建立用戶模型令蛉，分析用戶研究數(shù)據(jù)聚霜，挖掘用戶行為數(shù)據(jù)。這樣有利于交互設(shè)計(jì)師在設(shè)計(jì)階段對(duì)產(chǎn)品核心需求及價(jià)值的把握。常用的用戶研究方法有問卷調(diào)查蝎宇、深入訪談等弟劲。
圖2
2 需求分析能力
???? 當(dāng)面對(duì)用戶研究得到的數(shù)據(jù)時(shí)，交互設(shè)計(jì)師應(yīng)該具有一定的需求分析能力姥芥。需求分析的目的是明確產(chǎn)品目標(biāo)用戶兔乞、使用場(chǎng)景、產(chǎn)品定位撇眯、產(chǎn)品功能優(yōu)先級(jí)报嵌、并讓開發(fā)、測(cè)試等相關(guān)人員能明確了解需求熊榛，便于日后印證設(shè)計(jì)锚国。交互設(shè)計(jì)師需要在了解用戶的主導(dǎo)需求之后能夠挖掘出用戶的潛在訴求，并對(duì)競(jìng)品和已有的產(chǎn)品版本進(jìn)行分析玄坦。
3 信息架構(gòu)設(shè)計(jì)能力
??? 信息架構(gòu)是產(chǎn)品的骨架血筑，是對(duì)產(chǎn)品功能進(jìn)行的層級(jí)式的梳理。良好的信息架構(gòu)可以對(duì)產(chǎn)品的功能進(jìn)行明確的分類煎楣，并明確各個(gè)層級(jí)之間的功能關(guān)系豺总，符合目標(biāo)用戶的心理模型。常用的信息架構(gòu)模式包括層級(jí)結(jié)構(gòu)择懂、線型結(jié)構(gòu)喻喳、自然結(jié)構(gòu)、矩陣結(jié)構(gòu)困曙。交互設(shè)計(jì)師需要了解各個(gè)結(jié)構(gòu)模式的特點(diǎn)并根據(jù)自己產(chǎn)品的特點(diǎn)選擇合適的信息架構(gòu)形式表伦。
???? 信息架構(gòu)常用的梳理方法是卡片分類法。通常的操作過程是設(shè)計(jì)師準(zhǔn)備一定量的功能卡片慷丽，讓用戶將這些類型進(jìn)行分類蹦哼，形成功能集群，并對(duì)每個(gè)功能集群進(jìn)行功能性概括要糊。
4 流程邏輯設(shè)計(jì)能力
??? 流程邏輯設(shè)計(jì)是基于上步中的信息架構(gòu)纲熏，也就是依據(jù)產(chǎn)品功能進(jìn)行的。流程邏輯設(shè)計(jì)要表現(xiàn)用戶使用產(chǎn)品過程中的關(guān)鍵點(diǎn)锄俄，明確產(chǎn)品的操作鏈局劲，是對(duì)信息架構(gòu)的邏輯梳理。
???? 在流程設(shè)計(jì)過程中珊膜，可以使用Visio容握、Mindmanger等專業(yè)的流程圖繪制軟件進(jìn)行繪制，在繪制流程圖時(shí)要注意考慮流程節(jié)點(diǎn)的正常情況和異常情況车柠。
5 原型設(shè)計(jì)能力
產(chǎn)品的流程邏輯設(shè)計(jì)結(jié)束之后剔氏，就進(jìn)入原型設(shè)計(jì)的環(huán)節(jié)塑猖。原型主要表現(xiàn)業(yè)務(wù)流程、產(chǎn)品的框架和布局以及交互規(guī)則谈跛。原型分為低保真原型和高保真原型羊苟。低保真原型的設(shè)計(jì)主要是在設(shè)計(jì)的開始階段，采用線框圖的形式制作一個(gè)可演示的Demo感憾，便于設(shè)計(jì)師與產(chǎn)品經(jīng)理討論修改蜡励。高保真原型是指更接近真實(shí)產(chǎn)品效果的Demo。在實(shí)際工作中阻桅，大部分項(xiàng)目都不需要高保真凉倚，只需要低保真原型的設(shè)計(jì)。
6 編寫交互設(shè)計(jì)文檔
???? 交互設(shè)計(jì)文檔本質(zhì)上是一種交互設(shè)計(jì)說明嫂沉，是用來梳理交互事件稽寒、頁(yè)面之間的邏輯關(guān)系、頁(yè)面跳轉(zhuǎn)等交互動(dòng)作的文字和圖片相結(jié)合的說明稿趟章。交互設(shè)計(jì)說明書的閱讀對(duì)象是產(chǎn)品經(jīng)理杏糙、UI設(shè)計(jì)師、研發(fā)人員蚓土、測(cè)試人員宏侍。交互設(shè)計(jì)文檔包括軟件頁(yè)面、頁(yè)面狀態(tài)蜀漆、頁(yè)面流程谅河、交互動(dòng)作說明文字。好的交互設(shè)計(jì)文檔可以讓團(tuán)隊(duì)中其他的人員能迅速了解產(chǎn)品的整體架構(gòu)和邏輯關(guān)系确丢，以便對(duì)產(chǎn)品進(jìn)行評(píng)審和改進(jìn)旧蛾，避免產(chǎn)品設(shè)計(jì)的偏差。
7 了解設(shè)計(jì)原則
??? 掌握一些交互設(shè)計(jì)原則是交互設(shè)計(jì)師必備的技能蠕嫁。交互設(shè)計(jì)不是無章可循，而是有一些設(shè)計(jì)的原則需要交互設(shè)計(jì)師遵守毯盈，如一致性原則剃毒、Jakob Nislsen的10條可用性原則、易用原則搂赋、中間用戶原則赘阀、基于用戶心理模型、2——8原則等等脑奠』基于交互設(shè)計(jì)原則的交互設(shè)計(jì)可以保證交互設(shè)計(jì)的流暢性。
8 其他能力
? ??除了上述講到的能力之外宋欺，交互設(shè)計(jì)師需要了解不同設(shè)計(jì)平臺(tái)的規(guī)范轰豆、有一定的文案設(shè)計(jì)能力胰伍，同時(shí)最好可以了解一些代碼內(nèi)容，建議學(xué)習(xí)一些HTML酸休、CSS骂租、JS、PHP斑司、Android渗饮、C#、JSP宿刮、Java等知識(shí)互站，這樣便于交互設(shè)計(jì)師與開發(fā)人員溝通，可以使項(xiàng)目的進(jìn)展更加順利僵缺。
二 交互設(shè)計(jì)師的工作流程
?? 交互設(shè)計(jì)師這個(gè)角色通常會(huì)貫穿到整個(gè)項(xiàng)目的始終胡桃。交互設(shè)計(jì)師的工作流程可以分為以下幾個(gè)步驟:
圖5
1參與需求評(píng)估
?? 一個(gè)完整的設(shè)計(jì)團(tuán)隊(duì)擁有需求分析師，一般擁有需求分析師的團(tuán)隊(duì)需求分析由需求分析師根據(jù)用研結(jié)果提交需求說明書谤饭，而如果沒有這樣的角色标捺，需求分析主要由產(chǎn)品經(jīng)理或者交互設(shè)計(jì)師完成。參與需求評(píng)估的人員一般為老板揉抵、項(xiàng)目經(jīng)理亡容、產(chǎn)品經(jīng)理、研發(fā)人員冤今、交互設(shè)計(jì)師闺兢，每個(gè)人對(duì)需求進(jìn)行評(píng)估，提出自己的意見戏罢，通過多次迭代最終形成最終的需求方案屋谭。
2 進(jìn)行功能設(shè)計(jì)
在需求確定之后，需要進(jìn)行產(chǎn)品主要功能設(shè)計(jì)龟糕。這部分工作的主要負(fù)責(zé)人是項(xiàng)目的產(chǎn)品經(jīng)理桐磁，產(chǎn)品經(jīng)理需要根據(jù)需求、并綜合商業(yè)等其他因素對(duì)產(chǎn)品功能進(jìn)行設(shè)計(jì)讲岁。在大型項(xiàng)目中項(xiàng)目經(jīng)理不負(fù)責(zé)執(zhí)行時(shí)我擂，就需要交互設(shè)計(jì)師進(jìn)行產(chǎn)品功能設(shè)計(jì)。
3產(chǎn)品功能評(píng)估
?? 在功能設(shè)計(jì)之后缓艳，需要對(duì)產(chǎn)品功能進(jìn)行評(píng)估校摩，主要是衡量產(chǎn)品功能設(shè)計(jì)是否按照需求來做，哪些需求已經(jīng)提出阶淘、哪些需求的功能沒有得到滿足衙吩，明確產(chǎn)品方案是否通過。如果不能通過需要怎樣修改溪窒。
4 進(jìn)行信息架構(gòu)與流程圖設(shè)計(jì)
??? 此時(shí)交互設(shè)計(jì)師正式進(jìn)入交互設(shè)計(jì)階段坤塞。交互設(shè)計(jì)師需要根據(jù)產(chǎn)品功能進(jìn)行信息架構(gòu)的設(shè)計(jì)冯勉，細(xì)化功能細(xì)節(jié)，之后進(jìn)行交互流程的設(shè)計(jì)尺锚。
5 原型設(shè)計(jì)
??? 在明確了產(chǎn)品的信息架構(gòu)和流程圖之后珠闰，交互設(shè)計(jì)師進(jìn)入了原型設(shè)計(jì)階段，在原型設(shè)計(jì)的過程中要明確產(chǎn)品的頁(yè)面邏輯和跳轉(zhuǎn)關(guān)系瘫辩，明確交互動(dòng)效伏嗜，但不用糾結(jié)于細(xì)節(jié)交互的實(shí)現(xiàn)。在設(shè)計(jì)的過程中盡量不要使用色彩伐厌，以免給UI設(shè)計(jì)師的設(shè)計(jì)帶來困擾承绸。
6 撰寫交互設(shè)計(jì)文檔
??? 在原型設(shè)計(jì)完之后，交互設(shè)計(jì)師需要撰寫交互設(shè)計(jì)文檔挣轨。交互設(shè)計(jì)文檔主要是用來梳理交互事件军熏、頁(yè)面流程邏輯和跳轉(zhuǎn)等交互動(dòng)作，主要以文字加圖片的形式展示卷扮。交互設(shè)計(jì)文檔是提供給UI設(shè)計(jì)師荡澎、研發(fā)團(tuán)隊(duì)及測(cè)試團(tuán)隊(duì)，便于整個(gè)團(tuán)隊(duì)對(duì)產(chǎn)品有深入的了解晤锹。
7交互設(shè)計(jì)方案評(píng)審
??? 交互設(shè)計(jì)方案的評(píng)審與產(chǎn)品功能評(píng)審相似摩幔，明確交互部分哪些是按照需求做的，哪些地方還有不足鞭铆，有不足的地方需要加以改進(jìn)或衡。??
8 與UI設(shè)計(jì)師、開發(fā)測(cè)試人員的協(xié)調(diào)溝通
???? 交互設(shè)計(jì)師需要和UI設(shè)計(jì)師協(xié)調(diào)溝通车遂，明確交互原型封断，并對(duì)UI設(shè)計(jì)師的視覺輸出方案從交互的角度進(jìn)行評(píng)估，有不一致或者遺漏的地方需要讓UI設(shè)計(jì)師進(jìn)行修改舶担。在開發(fā)階段坡疼，若開發(fā)對(duì)交互有疑問，交互設(shè)計(jì)師需要和開發(fā)人員進(jìn)行溝通衣陶，并確定最終方案回梧。在測(cè)試階段，測(cè)試人員會(huì)考慮到一些更全面的使用場(chǎng)景祖搓，這時(shí)就需要交互設(shè)計(jì)師補(bǔ)充相應(yīng)的交互設(shè)計(jì)說明。
案例：小紅書設(shè)計(jì)
愛美的女生對(duì)小紅書這款A(yù)PP肯定不會(huì)陌生湖苞，它是一款國(guó)內(nèi)移動(dòng)跨境電商APP拯欧。在APP的設(shè)計(jì)過程中，首先就是要了解用戶的需求财骨，對(duì)目標(biāo)用戶的需求進(jìn)行進(jìn)行深入挖掘并進(jìn)行需求評(píng)估镐作。小紅書的目標(biāo)用戶集中在女性藏姐、職業(yè)主要以大城市白領(lǐng)、公務(wù)員该贾、以及留學(xué)生為主羔杨。其主要需求是尋求一種安全便捷的境外購(gòu)物途徑，同時(shí)能解決選擇難的問題杨蛋。小紅書的定位為社區(qū)型跨境電商兜材。
小紅書根據(jù)用戶需求進(jìn)行功能設(shè)計(jì)，其主要功能點(diǎn)是通過搜索內(nèi)容筆記逞力、獲取產(chǎn)品的評(píng)價(jià)曙寡、性能等，從而促進(jìn)用戶在小紅書上消費(fèi)寇荧。
根據(jù)產(chǎn)品功能評(píng)估的結(jié)構(gòu)完善產(chǎn)品功能举庶，并進(jìn)行信息架構(gòu)和流程圖的設(shè)計(jì)。之后進(jìn)行原型設(shè)計(jì)揩抡，并進(jìn)行交互設(shè)計(jì)方案的評(píng)審户侥。與UI設(shè)計(jì)師溝通，UI設(shè)計(jì)師根據(jù)交互原型進(jìn)行視覺設(shè)計(jì)峦嗤。最后與開發(fā)測(cè)試人員協(xié)調(diào)蕊唐，實(shí)現(xiàn)設(shè)計(jì)效果。小紅書最后效果如下圖：
三 寫在最后
了解交互設(shè)計(jì)師的知識(shí)體系和工作流程寻仗，可以幫助剛剛?cè)腴T的交互設(shè)計(jì)師對(duì)交互設(shè)計(jì)有一個(gè)整體性的了解刃泌，方便對(duì)交互設(shè)計(jì)進(jìn)行系統(tǒng)深入的學(xué)習(xí)。
