作為一名交互設(shè)計獅杀狡，入坑已快有兩年之久伙菜，最近有幾個項(xiàng)目正好在做版本迭代甥角，我也得以回過頭看看曾經(jīng)的設(shè)計的項(xiàng)目，一邊看呼寸，一邊吐血艳汽，自己都忍不住吐槽：“我的天，我當(dāng)初怎么會這么設(shè)計对雪！當(dāng)時我是怎么想的河狐？！”一邊又想著瑟捣，如果現(xiàn)在讓我重新再來設(shè)計這個項(xiàng)目馋艺，我又會怎么做呢？
發(fā)現(xiàn)問題是好事迈套，就平時設(shè)計時所遇到的問題進(jìn)行思考捐祠，加以總結(jié)歸納，可以讓自己的專業(yè)技能不斷提高桑李。
如何解釋PM踱蛀、UE窿给、UI的區(qū)別
在這之前，我想先澄清幾個概念率拒。產(chǎn)品經(jīng)理和交互設(shè)計師到底有什么區(qū)別崩泡？交互設(shè)計師和視覺設(shè)計師又有什么區(qū)別？
官方的解釋一大堆猬膨，在度娘一搜就能找到很多結(jié)果角撞。不過既然已經(jīng)說到這兒了，我就順便在這里轉(zhuǎn)述一下：UE全稱User Experience（用戶體驗(yàn)）勃痴，負(fù)責(zé)產(chǎn)品原型的設(shè)計谒所、交互方式實(shí)現(xiàn)效果的評估的一類人，也稱之為交互設(shè)計師召耘。UI全稱User Interface（用戶界面）百炬，負(fù)責(zé)把控產(chǎn)品的視覺效果的一類人，也就是常說的視覺設(shè)計師污它。PM全稱Program Manager（項(xiàng)目經(jīng)理），負(fù)責(zé)把控整合項(xiàng)目運(yùn)行庶弃，為項(xiàng)目的成功策劃和執(zhí)行負(fù)總責(zé)的人衫贬。有些公司會將產(chǎn)品經(jīng)理與項(xiàng)目經(jīng)理混為一談，這里就不做衍生啦歇攻。
還是不明白固惯？說一個我曾在一本書上看到過的，講解的十分有意思的例子缴守。
大家都知道把毛坯房變成一間自己理想的房子是一件需要耗費(fèi)很多精力葬毫、財力的事情。現(xiàn)在來了一伙人屡穗，帶頭的小領(lǐng)導(dǎo)說：我手上有一個“超級裝修隊”贴捡，能夠完全按照你的要求，在短時間內(nèi)把你的毛坯房設(shè)計成一個“樣板房”村砂，所有的家電烂斋、燈、地板础废、網(wǎng)絡(luò)汛骂、門窗、墻壁等等我們負(fù)責(zé)購買评腺、設(shè)計帘瞭、裝修，并且等“樣板房”建造好了蒿讥，你還可以在這個“樣板房”里住上一個星期體驗(yàn)蝶念，然后提出改進(jìn)的建議锋拖。當(dāng)你完全滿意后，我再向你簽訂合同祸轮，再派人按照這個樣板間來為你建造房子兽埃。而在這之前，所有的服務(wù)都不向你收取費(fèi)用适袜，或者只收取很少的費(fèi)用柄错。
這個小故事中，項(xiàng)目經(jīng)理扮演的就是“小領(lǐng)導(dǎo)”的角色苦酱，交互設(shè)計師扮演的是“超級裝修隊”的角色售貌，而視覺設(shè)計師和開發(fā)，則是在簽訂合同后疫萤，真正負(fù)責(zé)裝修的人颂跨。
小公司通常沒有UE這個崗位，一般PM承包了UE的工作扯饶，直接定需求恒削，設(shè)計產(chǎn)品原型，然后輸出至UI尾序。大一點(diǎn)的公司分工相對比較明確钓丰，將PM、UE每币、UI三個角色區(qū)分開來携丁。PM會與UE一起分析需求，待需求明確后兰怠，UE會根據(jù)需求優(yōu)先級來進(jìn)行原型設(shè)計梦鉴，原型輸出后，再與產(chǎn)品揭保，開發(fā)肥橙，視覺一同評審，確認(rèn)原型無誤后掖举，才交付至視覺進(jìn)行界面設(shè)計以及開發(fā)實(shí)現(xiàn)快骗。
拿到一個項(xiàng)目如何開始設(shè)計？
設(shè)計的方式千千萬萬種塔次，畢竟工具是死的方篮，人是活的。交互励负，interaction藕溅，是action與reaction的結(jié)合，也就是動作與動作反饋的結(jié)合继榆。當(dāng)我們拿到需求時巾表，就要帶著這兩個問題去思考汁掠，產(chǎn)品的使用對象是誰？產(chǎn)品最終設(shè)計結(jié)果想要達(dá)到什么目的集币？或許PM給的需求不明確考阱，恩，一般情況下是不明確的鞠苟，別著急乞榨，習(xí)慣就好。
交互設(shè)計師通常會自言自語当娱，誰是用戶吃既？我就是用戶呀，那我的想法就能代替用戶的想法跨细，那我就按照我自己的習(xí)慣去設(shè)計唄鹦倚。沒毛病冀惭！格式塔心理學(xué)告訴我們震叙，直接經(jīng)驗(yàn)和行為可以為你的設(shè)計加分！等交互設(shè)計師做的項(xiàng)目多了云头，看的多了捐友，想的多了，哪里該放什么溃槐，都是信手拈來的事。
但是要是產(chǎn)品的受眾復(fù)雜科吭、角色繁多昏滴，那該怎么辦？我在設(shè)計時对人，常常會自己創(chuàng)建用戶模型或者使用場景谣殊。打個比方，我要設(shè)計一個分享美食的app牺弄，用戶可以在店內(nèi)享用美食后并上傳美食圖片至app姻几，別人將看到美食分享后徇跡而去，如果他覺得推薦的美食味道確實(shí)贊势告，將會給你一個好評蛇捌，當(dāng)你達(dá)到10個好評后，你將會獲得店家免費(fèi)贈送的一次用餐機(jī)會咱台。那這個app的使用場景有多種：1.我正在店內(nèi)享用美食络拌，覺得這個東西好好吃！我要拍照上傳回溺！2.今天又不知道該吃什么春贸，不如看看有誰在推薦吧混萝，這個炸雞不錯，這就去萍恕！3.我在店內(nèi)享用美食逸嘀，天啊，剛又有人贊了我允粤，那我可以獲得一次免費(fèi)用餐的機(jī)會啦崭倘！4.這個用戶經(jīng)常推薦我們家的美食，并推薦好友用餐维哈，我是不是可以獎勵他一下绳姨！等等。自從有了這套方法阔挠，我在設(shè)計時飘庄，往往遇到焦頭爛額的問題，只要深入情景购撼，體會一下跪削，就能感知到，下一步我會進(jìn)行什么操作迂求？
如果保持設(shè)計的統(tǒng)一性碾盐？
這里說的統(tǒng)一性有兩個點(diǎn)，產(chǎn)品內(nèi)部交互統(tǒng)一揩局，項(xiàng)目間的交互統(tǒng)一毫玖。
很多人覺得最厲害的設(shè)計來源于天馬星空的想象，但是真正去分析很多牛X的作品凌盯，它們不會跳出思維的框架付枫。它們的厲害之處在于如何在有限制的條條框框內(nèi)設(shè)計出賞心悅目的交互。如果一個產(chǎn)品輸入框的交互有三種形式：1.在輸入錯誤時立即進(jìn)行驗(yàn)證驰怎；2.輸入完成點(diǎn)擊提交時驗(yàn)證阐滩；3.在輸入時，提示輸入框的規(guī)則限制县忌；這樣的產(chǎn)品當(dāng)用戶使用起來掂榔，就會有精分的感覺。因此症杏，在完成項(xiàng)目的要求之外装获，最好能夠整理一套常用的交互規(guī)范，比如“提示”鸳慈、“按鈕”饱溢、“輸入框”、“向?qū)А弊哂蟆ⅰ胺摗奔ɡ伞ⅰ氨砀瘛钡鹊扰琐辏谶@個交互規(guī)范的基礎(chǔ)上去進(jìn)行設(shè)計，必然能夠讓整個產(chǎn)品肋杖，或貴公司下的多個項(xiàng)目的交互形式統(tǒng)一起來溉仑。統(tǒng)一的好處在哪里？我們都知道状植，當(dāng)MAC浊竟、iPHone、iTouch津畸、iPod拿到大眾面前振定，我們就知道，哦肉拓！這是蘋果的產(chǎn)品后频！這就是自己的風(fēng)格，自己的品牌暖途。
從原型輸出到需求更改卑惜，反復(fù)的過程應(yīng)該如何做到團(tuán)隊步驟統(tǒng)一？
說到這一點(diǎn)驻售，我簡直非常有感觸露久。通常拿到需求之后，我都已經(jīng)開始興致勃勃設(shè)計了欺栗，甚至已經(jīng)設(shè)計輸出一大半了毫痕，（在項(xiàng)目周期比較短的情況下，我們常常先評審一部分交互稿迟几，評審?fù)ㄟ^后镇草，直接輸出給視覺進(jìn)行設(shè)計）這時候，項(xiàng)目經(jīng)理又來找到我說需要改需求瘤旨，這就很難搞了。人家視覺都設(shè)計了一部分了竖伯，而且當(dāng)初評審的交互稿大家都一致通過的存哲，怎么又要改！好吧七婴，改祟偷！改完發(fā)測，測試同事一看打厘，這不對呀修肠，怎么跟交互稿不一致呀，那到底以誰為標(biāo)準(zhǔn)呀户盯？研發(fā)同事說：我看的視覺呀嵌施！視覺同事說饲化，那時候都評審了沒問題，又讓改吗伤，什么情況俺钥俊？交互來回改足淆，我根本沒時間改啦巢块！項(xiàng)目經(jīng)理說：好吧，這需求當(dāng)時是定了巧号，但是后來用戶看了交互稿族奢，又提出了問題，當(dāng)然得改啦丹鸿！怪誰越走？怪用戶！用戶的心思難琢磨卜高！
就著這么多次經(jīng)歷弥姻，我學(xué)聰明了，在整個項(xiàng)目進(jìn)行前的會議上我會反復(fù)強(qiáng)調(diào)：“產(chǎn)品最終實(shí)現(xiàn)效果必須與交互稿保持一致掺涛，視覺只是負(fù)責(zé)樣式庭敦，開發(fā)在實(shí)現(xiàn)過程中，只需參考視覺的樣式即可薪缆！交互形式以及字段必須參考交互稿秧廉。”要說出這話拣帽，其實(shí)也是對自己有一個更高的要求疼电。交互細(xì)節(jié)必須細(xì)化，需求點(diǎn)必須再三明確减拭。
優(yōu)秀的團(tuán)隊蔽豺，應(yīng)該有一個規(guī)范的流程。如果沒有拧粪，你可以去主導(dǎo)它修陡，把控它。
項(xiàng)目結(jié)束后應(yīng)該如何總結(jié)可霎？
一個項(xiàng)目結(jié)束了魄鸦，并不代表真的結(jié)束了，交互設(shè)計師一定要去使用自己設(shè)計出來的產(chǎn)品癣朗。其實(shí)不止交互設(shè)計師拾因，參與整個項(xiàng)目的人都應(yīng)該去體驗(yàn)這個產(chǎn)品，去體驗(yàn)了，才知道知道好與不好绢记，下一次該如何去改進(jìn)扁达。你也可以讓項(xiàng)目外的成員來體驗(yàn)，為他們布置任務(wù)庭惜，然后端起小板凳罩驻，坐在他們邊上看是否能完成你所布置的任務(wù)。整理他們所提出的問題护赊，恭喜你惠遏，又能有提升的空間了！
平時應(yīng)該如何去學(xué)習(xí)骏啰？
工作疲倦的時候节吮，看看知乎、論壇里判耕，交互大神都在討論些什么問題透绩。多逛逛設(shè)計網(wǎng)站，譬如：花瓣壁熄、站酷帚豪、drrrible等等，交互設(shè)計師雖然只是搭建產(chǎn)品原型草丧，說的直白點(diǎn)狸臣，就是搭建條條框框的原型，但是條條框框也設(shè)計出優(yōu)雅的姿態(tài)昌执。
凡事遇到問題烛亦，一定要不恥下問。很多時候剛上手一個新的項(xiàng)目懂拾，項(xiàng)目組的人也不熟悉煤禽，但是只要遇到了比較晦澀難懂的需求，一定要刨根問題岖赋，跟產(chǎn)品不斷磨檬果。
樂于助人，我時常幫助其他同事解決交互問題唐断，遇到難以解決的汁汗，幾個人坐下來好好討論、琢磨一下栗涂，必然受益匪淺。
嘮了這么多祈争，各位看官辛苦了斤程！
最后我再送兩句覺得在工作中十分受用的話給大家：化繁為簡，返璞歸真。具體情況忿墅，具體分析扁藕。設(shè)計出好的產(chǎn)品是一件令人愉悅的事情，我也十分熱愛我的工作疚脐。希望我的文章能對你有所幫助亿柑！好的交互就是讓人感覺不到交互，這也是我一直追求的目標(biāo)棍弄，畢竟自己只有近兩年工作經(jīng)驗(yàn)望薄，如有說的不當(dāng)?shù)牡胤剑埗喽嘀刚齸（鞠躬O7）
