作為交互新人入職幾個(gè)月，在與項(xiàng)目一起成長的時(shí)間里，踩了很多坑，積累了一些經(jīng)驗(yàn)趁此機(jī)會記錄下來作為工作的總結(jié)。
經(jīng)驗(yàn)1：【甄別偽需求】
踩過的坑：
公司的產(chǎn)品是一款做校園網(wǎng)上超市的電商類APP。主要服務(wù)對象是學(xué)生。在做首頁優(yōu)化改版的時(shí)候，當(dāng)時(shí)有一個(gè)需求是增加“休閑零食”等學(xué)生用戶常用模塊的曝光度。產(chǎn)品經(jīng)理提出要增加一個(gè)用戶在首頁可自由調(diào)整欄目順序的功能。當(dāng)時(shí)心里有小人打鼓說這個(gè)需求怪怪的會不會哪里有問題，因?yàn)檎{(diào)整欄目順序?qū)儆诟唠A操作，且需要一定的開發(fā)成本，學(xué)生用戶消費(fèi)的商品類別大致集中單一，是否有必要做諸如此類的個(gè)性化定制？但我還是硬著頭皮設(shè)計(jì)了一套調(diào)整欄目順序的流程。
拿著這份設(shè)計(jì)稿找?guī)讉€(gè)設(shè)計(jì)老司機(jī)幫我過稿，在老司機(jī)們的犀利追問下，讓我意識到真正要解決的問題是：增加學(xué)生常用模塊的曝光度而不是自由調(diào)整欄目順序。
抱著新的目標(biāo)重新審視這個(gè)需求后發(fā)現(xiàn)，可以在首頁banner下方增加商品分類的圖標(biāo)入口，從而最大程度地縮短用戶流程并簡化操作。
以上的案例，需求的本質(zhì)是“增加學(xué)生常用模塊的曝光度”，而產(chǎn)品經(jīng)理給我的需求“調(diào)整首頁欄目順序的功能”其實(shí)已經(jīng)是一種解決方案，且這個(gè)解決方案并不一定是最佳的。
所以設(shè)計(jì)師應(yīng)該需要有甄別需求真?zhèn)魏妥穯栃枨蟊驹吹囊庾R，通過與產(chǎn)品經(jīng)理溝通、與用戶溝通來判斷。一般來說，遇到以下幾種形態(tài)的需求時(shí)要特別留意：
1、需求中只寫著“需要某功能”的時(shí)候
添加功能歸根到底是一種解決方案而不是需求。一般產(chǎn)品經(jīng)理會將真實(shí)需求和通過真實(shí)需求轉(zhuǎn)換出的解決方案一并交給設(shè)計(jì)師。但如果需求中只有功能點(diǎn)，而沒有為什么需要這些功能和這些功能需要幫助用戶解決什么問題時(shí)，就需要找產(chǎn)品經(jīng)理再三追問和確認(rèn)。
2、需求來源于“某人覺得”的時(shí)候
這類需求很有可能是極少數(shù)人的需求。所以當(dāng)需求的來源是個(gè)人時(shí)，尤其需要驗(yàn)證這是不是真實(shí)用戶群體的需求。
3、需求寫著“參考競品”的時(shí)候
經(jīng)常會陷入一個(gè)“競品做了我們也要做”的怪圈。但其實(shí)可能競品與我們要解決的核心問題是不一樣的，或者競品的使用場景是不一樣的。所以當(dāng)需求寫著“參考競品”的時(shí)候一定要針對自己項(xiàng)目的情況追問一下我們?yōu)槭裁匆觥?/p>
經(jīng)驗(yàn)2：【特別考慮異常事件流】
踩過的坑：
最近在做一個(gè)“一元奪寶”項(xiàng)目，項(xiàng)目在進(jìn)行設(shè)計(jì)評審的時(shí)候被總監(jiān)質(zhì)問：“有沒有充分考慮用戶使用時(shí)的各種場景？有沒有盡可能全面地考慮頁面各種狀態(tài)特別是一些異常狀態(tài)？什么叫‘參考一般支付流程’，考慮了支付失敗會出現(xiàn)怎樣的頁面了嗎？”
用戶在使用app時(shí)，除了正常的使用場景，還會碰到一些特殊場景：如失敗頁面；錯誤頁面等。能合理全面地考慮到各種異常事件流，是考驗(yàn)交互設(shè)計(jì)師邏輯思維能力以及基本功的標(biāo)準(zhǔn)之一。異常事件流包括以下幾種類型：
1、用戶輸入錯誤
用戶輸入錯誤后應(yīng)該通過實(shí)時(shí)的驗(yàn)證立刻給予用戶反饋，這里的反饋文案應(yīng)該遵循“鄰近原則”，始終在操作情況中放置反饋消息，如最好把實(shí)時(shí)驗(yàn)證結(jié)果放在輸入位置的右側(cè)或下方，而非用一個(gè)模態(tài)對話框。且反饋信息通過適當(dāng)?shù)念伾鰪?qiáng)用戶可讀性（錯誤消息紅色、警告信息黃色、成功信息綠色）。
2、應(yīng)用系統(tǒng)錯誤
應(yīng)用系統(tǒng)錯誤包括網(wǎng)絡(luò)異常、404報(bào)錯、權(quán)限未開啟等異常狀態(tài)。
1) 網(wǎng)絡(luò)異常
網(wǎng)絡(luò)異常是最為常見的應(yīng)用系統(tǒng)錯誤狀態(tài)，可能是網(wǎng)絡(luò)切換（即從WiFi狀態(tài)切換到3G/4G網(wǎng)絡(luò)）或網(wǎng)絡(luò)中斷所導(dǎo)致的。在設(shè)計(jì)這種狀態(tài)時(shí)，要做到三點(diǎn)：撫慰用戶情緒、告知用戶問題發(fā)生的原因、告知用戶解決方法。
具體的處理形式通常有三種：
a) 整頁提示
通過情感化的插畫圖片、網(wǎng)絡(luò)異常文案、重新連接網(wǎng)絡(luò)的button來組織這一狀態(tài)下的頁面。
b) 預(yù)設(shè)圖和占位符
即事先在app中預(yù)設(shè)好圖標(biāo)和占位符來代替加載的數(shù)字、圖片、文字等數(shù)據(jù)、也就是預(yù)處理的過程。
c) toast和dialog
toast為非模態(tài)彈框，會自行消失，僅告知時(shí)用；dialog是模態(tài)彈框，有告知+操作入口時(shí)用。
2) 404報(bào)錯
即網(wǎng)頁或者文件未找到。常通過情感化插畫的形式處理該頁面并且通過返回主頁的button引導(dǎo)用戶操作。
3) 權(quán)限未開啟
通常通過toast和dialog提醒用戶操作。
3、其他失敗狀態(tài)
如無法登陸、余額不足付款失敗、信用卡被拒等。
作為一名新人，應(yīng)該要特別留意這些異常流程，將這些進(jìn)行積累分類，下次進(jìn)行流程設(shè)計(jì)時(shí)盡可能考慮全面平時(shí)積累的異常流程，進(jìn)行充分的條件判斷和分支操作，從而完善用戶體驗(yàn)。
經(jīng)驗(yàn)3：【注意交互稿的規(guī)范性】
踩過的坑：
剛開始的時(shí)候做過一個(gè)“簽到”模塊的優(yōu)化，即把原來存在感很弱的只有圖標(biāo)的簽到做出一些趣味性內(nèi)容出來從而增強(qiáng)用戶點(diǎn)擊率并且為“發(fā)現(xiàn)”模塊帶來流量。原型圖畫完標(biāo)注完必要的流程箭頭和一些簡單的設(shè)計(jì)點(diǎn)后便把交互稿拋給了開發(fā)。由于沒有規(guī)范化標(biāo)注的意識，很多細(xì)節(jié)都沒有在交互稿中說清楚，所以開發(fā)人員需要經(jīng)常過來我的工位和我口頭確認(rèn)細(xì)節(jié)，導(dǎo)致了很多時(shí)間的浪費(fèi)。
各行各業(yè)都需要規(guī)范化，互聯(lián)網(wǎng)行業(yè)亦是如此。因?yàn)閺漠a(chǎn)品到交互到視覺再到開發(fā)，這是一段環(huán)環(huán)相扣的過程，交互設(shè)計(jì)師作為設(shè)計(jì)者在傳遞交付物給實(shí)施者——開發(fā)人員的時(shí)候只有充分并且清晰地傳達(dá)清楚設(shè)計(jì)點(diǎn)才能使信息傳遞更有效率，才能避免因溝通不到位導(dǎo)致的與自己的設(shè)計(jì)預(yù)期不一致等問題。其實(shí)這和我本科學(xué)習(xí)的建筑設(shè)計(jì)是一個(gè)道理，建筑的各種技術(shù)圖紙非常重視尺寸標(biāo)注，標(biāo)注軸線的位置也需要保持一致性（墻中/內(nèi)墻/外墻），建筑各種零件的圖層分層的規(guī)范性。建筑如果發(fā)生一點(diǎn)點(diǎn)的差池首先就是審核設(shè)計(jì)單位的技術(shù)圖紙有無問題，有沒有滿足規(guī)范，如有建筑設(shè)計(jì)人員將成為事故的第一責(zé)任方。同理，交互設(shè)計(jì)稿就像簽了名的建筑設(shè)計(jì)圖紙，在交付給下一層級時(shí)必須確保做到規(guī)范化，以做到讓開發(fā)易懂。根據(jù)我的工作經(jīng)驗(yàn)，將原型圖需要標(biāo)注的內(nèi)容總結(jié)為以下三部分，這三部分由界面全局到元素細(xì)節(jié)、由界面之間到界面內(nèi)的層級順序進(jìn)行以此論述：
1、頁面流程（界面之間）
這一部分不用多說，往往和我一樣的交互新人的都會把重點(diǎn)放在流程跳轉(zhuǎn)關(guān)系上面。需要說的是這里除了要用頁面流程圖表達(dá)界面之間的跳轉(zhuǎn)關(guān)系，還要標(biāo)注好頁面的轉(zhuǎn)場方式，有無轉(zhuǎn)場動效等。比如說從商品列表進(jìn)入到商品詳情頁是從右側(cè)直接彈出一個(gè)新的頁面還是以一種借圖的方式從中心呈擴(kuò)散式的加載。
2、界面內(nèi)容布局（界面內(nèi)）
這一部分新手較容易忽視的地方，包括三方面：
界面中控件（元素）有哪些，控件的位置如何擺放？
不同狀態(tài)下的該頁面（如正在加載狀態(tài)；加載完成有內(nèi)容的狀態(tài)；加載完成無內(nèi)容的空狀態(tài)；失敗狀態(tài)（比如網(wǎng)絡(luò)異常/權(quán)限未開啟）；橫屏狀態(tài)；結(jié)束狀態(tài)；不同角色的用戶看到的內(nèi)容是否一樣）
界面內(nèi)內(nèi)容的加載方式，何時(shí)加載，是否可以考慮縮短用戶操作流程和減少用戶的等待感。
3、交互操作（界面內(nèi)）
這一部分同樣是新手容易忽視的地方，主要為界面上的每個(gè)元素（如輸入框、按鈕等）的設(shè)計(jì)，需要對該元素進(jìn)行細(xì)節(jié)性考慮，如輸入框有無字段長度及類型的限制、默認(rèn)提示文案是什么、光標(biāo)是否置入此輸入框。還需要考慮不同狀態(tài)下該元素的變化，比如說同一個(gè)按鈕，是否有可用和禁用之分。
經(jīng)驗(yàn)4：【文案表述的重要性】
踩過的坑：
在設(shè)計(jì)一元奪寶模塊的時(shí)候，為了安慰未中獎用戶，會回饋給沒有中獎的用戶一個(gè)隨機(jī)金額的紅包。方案設(shè)計(jì)好后交給老司機(jī)過目時(shí)老司機(jī)們提出了一個(gè)非常細(xì)小但卻讓我思考良久的問題：“為什么叫‘安慰紅包’？考慮了用戶的心理需求了嗎？改為‘驚喜紅包’會不會好點(diǎn)？”
確實(shí)，我們新人一定會重視諸如流程之類大環(huán)節(jié)，卻總是忽略諸如文案表述之類的小細(xì)節(jié)。然而，交互設(shè)計(jì)的工作本就是需要經(jīng)常與細(xì)節(jié)打交道的工作，為此，我通過工作積累加之網(wǎng)絡(luò)干貨總結(jié)梳理了文案設(shè)計(jì)的一些要點(diǎn)和策略：
1、準(zhǔn)確直接
為了方便用戶進(jìn)行確認(rèn)操作，彈框按鈕的文案需要直接明確地寫出相應(yīng)操作（此外按鈕還會使用彩色-主流程操作；線框-分支流程操作；紅色警示色-慎重操作來進(jìn)行區(qū)別）。這樣，用戶甚至可以不需要仔細(xì)閱讀和思考，只要輕掃文案就可以快速做出選擇。
2、主動語態(tài)
既然UI界面始終以用戶為中心，UI文案就始終以用戶為主體來寫作。相對于使用賓語作為主語的被動態(tài)，用戶作為主語的主動態(tài)，與用戶直接相關(guān)聯(lián)，能調(diào)動其情緒，更能讓用戶直接、毫無負(fù)擔(dān)的接受信息。比如：“您已修改此設(shè)置”優(yōu)于“此設(shè)置已被您修改”。
3、積極
用積極的用詞，能鼓勵用戶去做給他帶來好處的操作，在情感上用戶也更愿意順從積極的指令。正如上文提到的：“驚喜紅包”優(yōu)于“安慰紅包”。但有例外：起報(bào)錯、提醒或警示作用時(shí)，消極用詞能更直接的點(diǎn)明重點(diǎn)，比如：“驗(yàn)證碼錯誤”優(yōu)于“驗(yàn)證碼不正確”。
4、先說目的
當(dāng)我們希望用戶進(jìn)行一個(gè)操作，而這個(gè)操作會花費(fèi)他們一些時(shí)間、很可能他們不愿意去做的時(shí)候，先說明操作的目的和重要性，能促使用戶更愿意去執(zhí)行。這就是“先說結(jié)論”法則。
5、情感化
情感化的文案可以給用戶成就感、親切感和安全感。特別對于新手用戶來說這點(diǎn)很重要，適當(dāng)?shù)娜蝿?wù)給予一些贊揚(yáng)，增加用戶的耐心，減少用戶操作失敗的挫折感。
經(jīng)驗(yàn)5：【從“平衡”的角度找最優(yōu)解】
踩過的坑：
最近進(jìn)行了一個(gè)商品的數(shù)量控制器的優(yōu)化任務(wù)。目前線上的設(shè)計(jì)方案是“增加”按鈕一直處于可點(diǎn)擊狀態(tài)，當(dāng)庫存不足限制購買時(shí)，增加按鈕點(diǎn)擊后彈窗提醒用戶：庫存不足，最多只能買X件哦！
我們希望讓這個(gè)操作過程更加自然，不要讓用戶點(diǎn)擊了之后才告訴用戶不可再繼續(xù)點(diǎn)擊背離用戶的期望值。
我的第一反應(yīng)就是限制購買或庫存不足時(shí)將按鈕置灰，置灰的好處就是用戶一眼就能知道無法繼續(xù)點(diǎn)擊。經(jīng)過小組討論，都一致覺得把不可用的按鈕置灰很合適。
但這個(gè)案例最后的結(jié)果有些出乎意料，首先，因?yàn)榫€上所有類似業(yè)務(wù)都采用了彈框提醒的做法，所以如果這類按鈕要改，其他全部都要改，將帶來的是時(shí)間成本；其次，這個(gè)按鈕的組件在早期開發(fā)過程中并沒有，并沒有設(shè)計(jì)并開發(fā)置灰樣式，如果要做，需要重新開發(fā)和設(shè)計(jì)；最后，現(xiàn)在線上的樣式已經(jīng)存在很長時(shí)間了，用戶大部分都已習(xí)慣，并且沒有普遍的反饋表示認(rèn)知困難。所以，在其他優(yōu)先級較高的任務(wù)對比之下，數(shù)量控制器還是選擇暫時(shí)保持線上的樣式。
有時(shí)候設(shè)計(jì)是對的，所有人都認(rèn)可，但是依然會有各種因素前來制約。尤其在較大的產(chǎn)品的產(chǎn)品團(tuán)隊(duì)，業(yè)務(wù)節(jié)奏快、需求多、上線緊，這類優(yōu)化體驗(yàn)的工作常常優(yōu)先級不夠高。與此同時(shí)，很多朋友會說一個(gè)按鈕而已，加個(gè)disabled樣式又有何難？然而很多團(tuán)隊(duì)的流程規(guī)則導(dǎo)致業(yè)務(wù)工作是一條線，組件優(yōu)化又是另一條線，想要一步把兩件事做好了真沒有想象中容易。
交互設(shè)計(jì)的難點(diǎn)往往就在于體驗(yàn)、產(chǎn)品、開發(fā)各個(gè)內(nèi)容的協(xié)調(diào)，相互妥協(xié)，最后達(dá)到一個(gè)平衡的狀態(tài)。
經(jīng)驗(yàn)6：【為所有事情排優(yōu)先級】
踩過的坑：
接觸產(chǎn)品首頁優(yōu)化整合的需求時(shí)，產(chǎn)品經(jīng)理給了我2周時(shí)間。當(dāng)時(shí)覺得2周時(shí)間綽綽有余，但后來執(zhí)行時(shí)才發(fā)現(xiàn)，這兩周中還有另一個(gè)項(xiàng)目需要一起進(jìn)行；前一個(gè)項(xiàng)目的開發(fā)跟進(jìn)；很多臨時(shí)的會議……真正留給首頁優(yōu)化的時(shí)間并不多，雖然最后勉強(qiáng)按時(shí)完成了任務(wù)，但是時(shí)間卻過得非常緊張，完成效果也不如預(yù)期。
沒有計(jì)劃的時(shí)間永遠(yuǎn)不夠用，規(guī)劃時(shí)間并將其落實(shí)到書面可以時(shí)刻提醒自己提高效率。后幾期的工作中我開始規(guī)劃時(shí)間并覺得頗有成效。規(guī)劃時(shí)間可以從以下幾點(diǎn)入手：
1、明確自己的手里到底有哪些事情
工作之后，手里除了主任務(wù)還會有很多瑣碎的事情，比如開發(fā)跟進(jìn)、需求變更、臨時(shí)會議等等。所以不論事情大小，首先得一件不落地明確自己手里具體有幾件事情。
2、確定每件事情的Deadline
標(biāo)記好每件事情的Deadline?？梢缘脑?，最好在客觀的前提下，給自己定一個(gè)更早的時(shí)間節(jié)點(diǎn)。這樣一方面可以督促你提高效率，另一方面可以減小風(fēng)險(xiǎn)，畢竟你永遠(yuǎn)不知道下一秒會冒出什么事來……
3、為所有事情排優(yōu)先級
排優(yōu)先級時(shí)在優(yōu)先級相同而情況下，可以優(yōu)先快速打包完結(jié)低成本、短排期的需求，這樣的話，整個(gè)項(xiàng)目組（視覺、開發(fā)等）就可以在更早的時(shí)候投入，更好的分散壓力。
需要注意的是除了安排好的計(jì)劃，還會時(shí)不時(shí)出現(xiàn)一些影響規(guī)劃的臨時(shí)任務(wù)。這是則需要考量一下我是否有時(shí)間和精力來接下這個(gè)任務(wù)，如果不確定的話寧愿事先說明也不要答應(yīng)后完成不了。
經(jīng)驗(yàn)7：【溝通的重要性】
踩過的坑：
剛到公司的幾天，負(fù)責(zé)人安排我做超市購物主流程的優(yōu)化。我前前后后磨了5天，想著一次性到位讓boss看到我的能力，可是負(fù)責(zé)人看了我提交的交互稿之后，告訴我他想讓我做的是諸如按鈕置灰以禁用這樣的一些細(xì)節(jié)性考慮，而我提出的很多問題和策略都是功能層面的，這些問題有些公司不是沒有考慮過，只是由于開發(fā)技術(shù)的限制以及各種任務(wù)優(yōu)先級的考慮這些功能還沒有被安排進(jìn)項(xiàng)目計(jì)劃表。由于我沒有和負(fù)責(zé)人溝通到位以及對于交互細(xì)節(jié)和功能的定義沒有區(qū)分清楚，白白導(dǎo)致了時(shí)間和工作量的浪費(fèi)。
作為初入職場的新同學(xué)，除了行業(yè)技能的積累和提升，還有很多工作溝通的技巧需要學(xué)習(xí)，現(xiàn)將半年多來關(guān)于溝通的心得記錄下來：
1、及時(shí)反饋防踩坑
作為初入交互設(shè)計(jì)的小鮮肉很多都有和我一樣的問題，我們總是急于表現(xiàn)，想盡快展現(xiàn)自己的價(jià)值。所以總是等到任務(wù)完成得自己認(rèn)為很完善的時(shí)候再去和領(lǐng)導(dǎo)溝通，但如果那時(shí)才發(fā)現(xiàn)方向性的大問題則一來是導(dǎo)致大量工作量的浪費(fèi)，二來是直接導(dǎo)致不能在約定期限內(nèi)完成工作。故解決的方法就是不管項(xiàng)目多小，都要養(yǎng)成及時(shí)反饋的習(xí)慣。不要想著一次性到位，設(shè)計(jì)本來就是“改改改”的過程，而且作為新人本來就會考慮不周或者容易犯錯，新人的犯錯是可以被容忍的，所以不要害怕領(lǐng)導(dǎo)的批評，批評越多成長的也越快。
2、設(shè)計(jì)跟蹤
是工程師讓我們的天馬行空成了真實(shí)，試著認(rèn)知工程師可能面對的技術(shù)限制，并且說明某個(gè)設(shè)計(jì)的來龍去脈，讓他們樂于將設(shè)計(jì)付諸實(shí)踐并且方便他們思考如何編繤程序代碼，假如未來有任何變動，調(diào)整起來會比較輕松。
3、建立人物模型
將用研得到的用戶的關(guān)鍵特征建立一個(gè)真實(shí)的人物模型，讓大家可見、可討論，逐漸將分歧變?yōu)楣沧R，那么團(tuán)隊(duì)的溝通效率將會成倍提高。
