作為初入職場的交互設(shè)計師碳胳，你是否也覺得既新鮮又迷茫呢？近期很多踏上實習(xí)或正式崗位的小伙伴畜挨，向蒹葭姐姐發(fā)來了各種各樣的咨詢問題贰盗。本篇選取出這個月詢問最高许饿、共性最多的幾條：關(guān)于交互設(shè)計師的工作側(cè)重和輸出內(nèi)容。統(tǒng)一回答在這里舵盈，希望能在工作上助大家一臂之力陋率。

01-產(chǎn)品和交互工作中的輸出物

Q：實際工作中交互設(shè)計師拿到的產(chǎn)品需求一般是什么樣子的球化？或者說到什么程度就可以呢？或許每個公司有不同翘贮，但我想知道正規(guī)流程里交互應(yīng)該拿到的是怎樣的需求內(nèi)容赊窥。

A：從產(chǎn)品和交互兩方面來回答

產(chǎn)品方面：

① 最全面、專業(yè)且規(guī)范的狸页，應(yīng)該是PRD文檔（具體的文檔模板锨能，網(wǎng)上有很多）。只要這份文檔寫的完整芍耘，不僅交互設(shè)計師址遇，團(tuán)隊任何成員都能清晰理解產(chǎn)品概念。但是PRD寫起來較費時間斋竞，拘于形式倔约，很多短平快的公司，就會放棄形式框架坝初，直接提煉出需求內(nèi)容的重點來寫浸剩。就會有簡單的word文檔、ppt圖文示意鳄袍、Excel的需求列表绢要，等簡約形式。

② 產(chǎn)品的下游往往是交互拗小，對于交互設(shè)計師來說重罪，無論是什么格式的文檔，只要寫明功能模塊哀九、一級二級功能關(guān)系剿配、功能定義和目的、功能的業(yè)務(wù)機(jī)制阅束、界面元素與流程的關(guān)系呼胚、異常情況下的處理邏輯。就可以做開始做交互方案了息裸。

③ 功能模塊砸讳，就是大的功能類型分類；功能級別就是在功能架構(gòu)中的層級界牡。

④ 功能定義決定了如何通過設(shè)計達(dá)到產(chǎn)品要達(dá)到的效果。需要給出功能的名稱漾抬、目的宿亡、優(yōu)先級和最終呈現(xiàn)給用戶的效果和體驗等。

⑤ 業(yè)務(wù)機(jī)制是指纳令，有些功能涉及到前端和后臺的處理方式挽荠，涉及第三方的互動克胳。比如一些商城啊，廣告啊圈匆，運營規(guī)則啊漠另，要需求上寫清楚。

交互方面

① 交互輸出的文檔跃赚，應(yīng)該包含1.相對固定的界面線框結(jié)構(gòu)笆搓，元素布局。2.用戶使用流程纬傲。正常異常都包含在內(nèi)满败，明確的提示語，界面跳轉(zhuǎn)叹括。3.注釋說明算墨。講明界面轉(zhuǎn)場方式、按鈕變化狀態(tài)汁雷、元素變化净嘀、展現(xiàn)規(guī)則等等。

② 界面元素和流程侠讯。就是指信息布局的權(quán)重挖藏，和點擊后跳轉(zhuǎn)的關(guān)系。比如地圖軟件继低，定義的主場景是地圖瀏覽熬苍，需求就明確說查看地圖是權(quán)重最大的功能，那交互就不能把地圖刪掉只留個搜索按鈕了袁翁。

③ 異常情況的處理邏輯柴底。這個需要交互設(shè)計師和產(chǎn)品經(jīng)理一起去商量，因為很多異常提起可以預(yù)知粱胜，有些是研發(fā)過程中才發(fā)現(xiàn)柄驻。有可能涉及改變產(chǎn)品需求來解決、有可能設(shè)計流程優(yōu)化就可以解決焙压。這是產(chǎn)品和交互雙方的職責(zé)鸿脓，有時候還會捎上視覺（不過對于研發(fā)來講，都屬于改需求）涯曲。

02-交互設(shè)計師的崗位邊界

Q：交互設(shè)計師的界限貌似有點面模糊野哭，具體工作范疇是什么，需要達(dá)到什么標(biāo)準(zhǔn)呢幻件？

A：從交叉點和區(qū)別點兩方面來回答

首先說交叉點：

交互的基礎(chǔ)是半個產(chǎn)品加半個視覺拨黔，資深一些的，了解技術(shù)實現(xiàn)成本和測試用例绰沥，思考會更系統(tǒng)全面篱蝇。

① 半個產(chǎn)品就是從功能定義與業(yè)務(wù)邏輯明確之后贺待，基礎(chǔ)要做到的，是優(yōu)化產(chǎn)品原型零截、畫主流程麸塞、異常流程、做界面信息布局涧衙、確定提示文案哪工，提升一些的，還要能給出功能展現(xiàn)機(jī)制的方案绍撞，也就是邏輯正勒。比如地圖搜個地點，搜索結(jié)果展示順序傻铣，這個產(chǎn)品會定義章贞，但交互也需要在用戶角度給出方案，因為產(chǎn)品需求有時候是根據(jù)業(yè)務(wù)來的非洲，不一定準(zhǔn)確鸭限。這也是總跟產(chǎn)品辯論吵架的地方。

② 半個視覺两踏，就是在做原型時败京，要考慮圖形位置、大小梦染、顏色赡麦，對信息優(yōu)先級和用戶使用率的影響，因為UI考慮美帕识，交互考慮要讓用戶怎么用泛粹。比如說，一個個人中心界面肮疗，UI可能會把頭像放大晶姊，覺得好看，但有可能這不是社交軟件伪货，頭像是個最最弱的元素们衙，交互就要控制不要搶其他功能主體。這塊就是在評審時碱呼，跟UI講明白蒙挑。

然后說區(qū)別點：

① 產(chǎn)品和交互的區(qū)別，就是產(chǎn)品更側(cè)重于戰(zhàn)略愚臀、產(chǎn)品定位脆荷、盈利模式、技術(shù)接口、第三方支撐啊這些業(yè)務(wù)層面的蜓谋；交互更側(cè)重于功能原型、使用展現(xiàn)炭分、技能技術(shù)層面的桃焕。

② 交互和視覺呢，就是交互更側(cè)重流程捧毛、全局的立體的結(jié)構(gòu)層面观堂；視覺側(cè)重美和產(chǎn)品氣質(zhì)、調(diào)性等呀忧。

03-關(guān)于流程圖繪制

Q1：我在畫用戶流程時师痕，總是會有遺漏，如何做到周全呢而账？

A：首先要知道遺漏是難免的胰坟，經(jīng)驗再豐富、水平再高的設(shè)計師也做不到完全完整泞辐，最終的完美合格流程笔横，是跟開發(fā)、測試咐吼、產(chǎn)品吹缔、視覺以及整個團(tuán)隊整體修正出來的。我們要做的是在這個基礎(chǔ)上盡可能減少關(guān)鍵性的遺漏锯茄。

① 練習(xí)分場景思考厢塘，每做一個流程都去考慮正常流和異常流、每個決策點都去把yes和no的分支進(jìn)行任務(wù)分解肌幽。

② 實踐經(jīng)驗晚碾。參與上線的次數(shù)越多，越知道完整流程跑通都會遇到哪些問題牍颈。

③ 畫完流程去跟開發(fā)測試評審迄薄，讓研發(fā)告訴你有哪些技術(shù)點流程可能有確實，讓測試告訴你哪些用戶場景的用例你沒有考慮到煮岁。

Q2：在交互流程圖中讥蔽，每個節(jié)點都是一個動作嗎？

A：確切的說画机，每個節(jié)點是一個”觸點“冶伞。

這個”觸點“，可能是用戶觸發(fā)的步氏，也可能是終端設(shè)備或外在環(huán)境或傳感器觸發(fā)的响禽，是一個能夠產(chǎn)生交互的變量。比如，用戶點擊按鈕芋类，是個節(jié)點隆嗅；程序檢測到有新版本，也是個節(jié)點侯繁，但不是人的動作胖喳。簡單點可以以“輸入-輸出”來判斷，只要能組成這一循環(huán)的最小單位贮竟，就可以算一個任務(wù)流丽焊。

Q3：我知道流程需要畫詳細(xì)，但異常流寫進(jìn)流程圖里會很龐大咕别，有必要都寫嗎技健？

A：對的，就是很龐大惰拱，但是不是因為大就不寫了雌贱，而是為了工作效率和保障最終細(xì)節(jié)的用戶體驗，越大越要寫清楚弓颈。一頁寫不開帽芽，可以分解來寫。

Q4：流程圖的繪制怎樣循序漸進(jìn)繪制翔冀？

A：重點是要學(xué)會做任務(wù)分析导街。

① 先找正常流的主干流程，比如纤子，把大象裝冰箱搬瑰，主流程3步。

② 然后做主流程的任務(wù)分析控硼，第一步把冰箱門打開泽论，任務(wù)分析就可以分解為：抬起手-握住冰箱門把手-用力拉動。

③ 正常流畫的差不多時卡乾，開始異常流园蝠。

Q5：為什么我看泳道圖能看懂栓辜，自己卻畫不出來？

A：看，是個信息輸入的過程彼妻；畫弧械，是個內(nèi)容輸出的過程铆农；二者之間的最大差別丢习，在于后者需要你大腦的主觀處理。想想你家里的衣柜是一團(tuán)糟锁施，你去整理陪踩，會比別人整理更容易杖们，因為你了解自己的習(xí)慣，知道物品的分類邏輯肩狂；如果別人去整理你的衣柜摘完，就要先了解你、你的衣柜傻谁、你家平時的使用規(guī)則描焰，然后用他的頭腦創(chuàng)造出一個新邏輯模型，才能整理好你的柜子栅螟。

泳道圖你畫不出來：

① 是因為缺少主動的系統(tǒng)性思考；

② 是因為對要做的產(chǎn)品邏輯理解的不透徹篱竭；

③ 是因為練得少力图。

以上就是今天的內(nèi)容哦，有任何問題掺逼，也可以隨時留言或關(guān)注公眾號“交互設(shè)計IXD”（ID
：HCI_Design）吃媒，蒹葭姐姐會在第一時間為你解答哦。