? ? 交互設(shè)計(jì)的產(chǎn)生是為了解決人與機(jī)器如何更方便簡(jiǎn)單地「對(duì)話」的問(wèn)題爬骤。而在今天談交互，其實(shí)可以延伸為用戶體驗(yàn)的概念，如何讓用戶與機(jī)器對(duì)話時(shí)有更極致的愉悅感，更舒心的體驗(yàn)感，是每一個(gè)交互設(shè)計(jì)師的責(zé)任迈着。究竟怎么樣才能做一名優(yōu)秀的交互設(shè)計(jì)師？交互設(shè)計(jì)師的工作流程究竟是怎樣的？交互設(shè)計(jì)師所必備的知識(shí)技能都有哪些?下面我會(huì)為大家一一解答鳖藕。
一 交互設(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ì)能力敷矫、編寫(xiě)交互設(shè)計(jì)文檔、了解設(shè)計(jì)原則以及一些其他能力音念。
?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ò)程中有著至關(guān)重要的地位讥脐。交互設(shè)計(jì)師雖然不是專職的用戶研究人員遭居，也需要掌握一定的用戶研究知識(shí)，學(xué)會(huì)建立用戶模型旬渠，分析用戶研究數(shù)據(jù)俱萍，挖掘用戶行為數(shù)據(jù)。這樣有利于交互設(shè)計(jì)師在設(shè)計(jì)階段對(duì)產(chǎn)品核心需求及價(jià)值的把握告丢。常用的用戶研究方法有問(wèn)卷調(diào)查枪蘑、深入訪談等。
2 需求分析能力
???? 當(dāng)面對(duì)用戶研究得到的數(shù)據(jù)時(shí)岖免，交互設(shè)計(jì)師應(yīng)該具有一定的需求分析能力岳颇。需求分析的目的是明確產(chǎn)品目標(biāo)用戶、使用場(chǎng)景颅湘、產(chǎn)品定位话侧、產(chǎn)品功能優(yōu)先級(jí)、并讓開(kāi)發(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)常用的梳理方法是卡片分類法。通常的操作過(guò)程是設(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ò)程中的關(guān)鍵點(diǎn)丙唧，明確產(chǎn)品的操作鏈愈魏，是對(duì)信息架構(gòu)的邏輯梳理。
???? 在流程設(shè)計(jì)過(guò)程中想际，可以使用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ì)的開(kāi)始階段披粟，采用線框圖的形式制作一個(gè)可演示的Demo咒锻，便于設(shè)計(jì)師與產(chǎn)品經(jīng)理討論修改。高保真原型是指更接近真實(shí)產(chǎn)品效果的Demo僻爽。在實(shí)際工作中，大部分項(xiàng)目都不需要高保真贾惦，只需要低保真原型的設(shè)計(jì)胸梆。
6 編寫(xiě)交互設(shè)計(jì)文檔
???? 交互設(shè)計(jì)文檔本質(zhì)上是一種交互設(shè)計(jì)說(shuō)明敦捧，是用來(lái)梳理交互事件、頁(yè)面之間的邏輯關(guān)系碰镜、頁(yè)面跳轉(zhuǎn)等交互動(dòng)作的文字和圖片相結(jié)合的說(shuō)明稿兢卵。交互設(shè)計(jì)說(shuō)明書(shū)的閱讀對(duì)象是產(chǎn)品經(jīng)理、UI設(shè)計(jì)師绪颖、研發(fā)人員秽荤、測(cè)試人員。交互設(shè)計(jì)文檔包括軟件頁(yè)面柠横、頁(yè)面狀態(tài)窃款、頁(yè)面流程、交互動(dòng)作說(shuō)明文字牍氛。好的交互設(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ì)不是無(wú)章可循，而是有一些設(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ì)師與開(kāi)發(fā)人員溝通楷力，可以使項(xiàng)目的進(jìn)展更加順利喊式。
二 交互設(shè)計(jì)師的工作流程
?? 交互設(shè)計(jì)師這個(gè)角色通常會(huì)貫穿到整個(gè)項(xiàng)目的始終孵户。交互設(shè)計(jì)師的工作流程可以分為以下幾個(gè)步驟:
1參與需求評(píng)估
?? 一個(gè)完整的設(shè)計(jì)團(tuán)隊(duì)擁有需求分析師，一般擁有需求分析師的團(tuán)隊(duì)需求分析由需求分析師根據(jù)用研結(jié)果提交需求說(shuō)明書(shū)岔留，而如果沒(méi)有這樣的角色夏哭，需求分析主要由產(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)估，提出自己的意見(jiàn)运悲，通過(guò)多次迭代最終形成最終的需求方案龄减。
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ì)是否按照需求來(lái)做，哪些需求已經(jīng)提出诊霹、哪些需求的功能沒(méi)有得到滿足羞延，明確產(chǎn)品方案是否通過(guò)。如果不能通過(guò)需要怎樣修改脾还。
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ì)的過(guò)程中要明確產(chǎn)品的頁(yè)面邏輯和跳轉(zhuǎn)關(guān)系巩步，明確交互動(dòng)效，但不用糾結(jié)于細(xì)節(jié)交互的實(shí)現(xiàn)桦踊。在設(shè)計(jì)的過(guò)程中盡量不要使用色彩椅野，以免給UI設(shè)計(jì)師的設(shè)計(jì)帶來(lái)困擾。
6 撰寫(xiě)交互設(shè)計(jì)文檔
??? 在原型設(shè)計(jì)完之后，交互設(shè)計(jì)師需要撰寫(xiě)交互設(shè)計(jì)文檔竟闪。交互設(shè)計(jì)文檔主要是用來(lái)梳理交互事件声离、頁(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ì)師斜友、開(kāi)發(fā)測(cè)試人員的協(xié)調(diào)溝通
???? 交互設(shè)計(jì)師需要和UI設(shè)計(jì)師協(xié)調(diào)溝通炸裆，明確交互原型，并對(duì)UI設(shè)計(jì)師的視覺(jué)輸出方案從交互的角度進(jìn)行評(píng)估鲜屏，有不一致或者遺漏的地方需要讓UI設(shè)計(jì)師進(jìn)行修改烹看。在開(kāi)發(fā)階段，若開(kāi)發(fā)對(duì)交互有疑問(wèn)洛史，交互設(shè)計(jì)師需要和開(kāi)發(fā)人員進(jìn)行溝通惯殊，并確定最終方案。在測(cè)試階段也殖，測(cè)試人員會(huì)考慮到一些更全面的使用場(chǎng)景土思，這時(shí)就需要交互設(shè)計(jì)師補(bǔ)充相應(yīng)的交互設(shè)計(jì)說(shuō)明。
案例：小紅書(shū)設(shè)計(jì)
愛(ài)美的女生對(duì)小紅書(shū)這款A(yù)PP肯定不會(huì)陌生忆嗜，它是一款國(guó)內(nèi)移動(dòng)跨境電商APP己儒。在APP的設(shè)計(jì)過(guò)程中，首先就是要了解用戶的需求捆毫，對(duì)目標(biāo)用戶的需求進(jìn)行進(jìn)行深入挖掘并進(jìn)行需求評(píng)估闪湾。小紅書(shū)的目標(biāo)用戶集中在女性、職業(yè)主要以大城市白領(lǐng)冻璃、公務(wù)員响谓、以及留學(xué)生為主。其主要需求是尋求一種安全便捷的境外購(gòu)物途徑省艳，同時(shí)能解決選擇難的問(wèn)題娘纷。小紅書(shū)的定位為社區(qū)型跨境電商。
小紅書(shū)根據(jù)用戶需求進(jìn)行功能設(shè)計(jì)跋炕，其主要功能點(diǎn)是通過(guò)搜索內(nèi)容筆記赖晶、獲取產(chǎn)品的評(píng)價(jià)、性能等，從而促進(jìn)用戶在小紅書(shū)上消費(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)行視覺(jué)設(shè)計(jì)了牛。最后與開(kāi)發(fā)測(cè)試人員協(xié)調(diào)颜屠，實(shí)現(xiàn)設(shè)計(jì)效果。小紅書(shū)最后效果如下圖：
三 寫(xiě)在最后
了解交互設(shè)計(jì)師的知識(shí)體系和工作流程鹰祸，可以幫助剛剛?cè)腴T的交互設(shè)計(jì)師對(duì)交互設(shè)計(jì)有一個(gè)整體性的了解甫窟，方便對(duì)交互設(shè)計(jì)進(jìn)行系統(tǒng)深入的學(xué)習(xí)。
