新浪微博交互設(shè)計(jì)實(shí)習(xí)體驗(yàn)

9月初，我來到新浪微博UDC部門交互設(shè)計(jì)崗位實(shí)習(xí)。在接近四個(gè)月的學(xué)習(xí)時(shí)間里，我對交互設(shè)計(jì)行業(yè)有了深一步的了解，認(rèn)識到了交互設(shè)計(jì)師的一些具體職責(zé)。鑒于之前接受的知識大多來自書本或網(wǎng)絡(luò)上的文章，在校期間參與項(xiàng)目的機(jī)會并不多，因此，我對此次實(shí)習(xí)做了一些總結(jié)：一方面，希望鞭策自己，在以后的工作中有所進(jìn)步；另一方面，也希望能幫助剛步入交互設(shè)計(jì)行業(yè)的同學(xué)更快的適應(yīng)工作，更好地學(xué)習(xí)交互設(shè)計(jì)。

個(gè)人認(rèn)為，對于剛步入交互設(shè)計(jì)行業(yè)的設(shè)計(jì)師而言，在工作和學(xué)習(xí)過程中行之有效的方法可分為以下四個(gè)部分：

第一部分：了解自己的產(chǎn)品

一個(gè)項(xiàng)目的細(xì)節(jié)，包括它是如何開始，如何結(jié)束，中間有哪些階段，以及在整個(gè)過程中，交互設(shè)計(jì)工作應(yīng)該處于什么樣的位置，應(yīng)該發(fā)揮什么樣的作用，都應(yīng)該從了解產(chǎn)品入手。如何了解自己的產(chǎn)品呢？可以從以下幾個(gè)方面來做到：

1．多身份，多角色使用產(chǎn)品
譬如微吧,以新手的身份試玩微吧，得到的引導(dǎo)提示是最基礎(chǔ)的,也是最為全面的；以賬號注冊時(shí)間為3-6個(gè)月的用戶身份使用產(chǎn)品,得到的引導(dǎo)和文案提示就與新手有所區(qū)別，涉及到操作權(quán)限的提示層的區(qū)別更為明顯,吧主與專家身份的操作提示與普通用戶得到的引導(dǎo)與提示在內(nèi)容和形式上都有差異,運(yùn)用多種角色使用同一種產(chǎn)品，有助于我們快速了解產(chǎn)品。

２.梳理產(chǎn)品邏輯,理解產(chǎn)品架構(gòu)，宏觀的認(rèn)識產(chǎn)品內(nèi)部邏輯及產(chǎn)品與產(chǎn)品之間的聯(lián)系
成熟的產(chǎn)品內(nèi)容很多，層級豐富，新用戶容易在使用時(shí)，孤立地理解單一頁面的結(jié)構(gòu)和組件的細(xì)節(jié)，缺乏對產(chǎn)品整體、深入地思考。完整地梳理產(chǎn)品的結(jié)構(gòu)，有利于我們整體地理解和掌握產(chǎn)品，為提出優(yōu)化方案做準(zhǔn)備。

微博幫助中心產(chǎn)品結(jié)構(gòu)梳理

在接觸微博幫助產(chǎn)品時(shí)，我對幫助中心產(chǎn)品的站內(nèi)結(jié)構(gòu)和產(chǎn)品邏輯進(jìn)行了梳理，對服務(wù)向?qū)У捻撁鎸蛹壍闹匾蕴岢隽艘蓡?mdash;—“服務(wù)向?qū)Мa(chǎn)品的結(jié)構(gòu)比較簡單，內(nèi)容較少,可以考慮降低該產(chǎn)品層級性”，也許觀點(diǎn)并不一定準(zhǔn)確，舉這個(gè)例子也只是說明通過梳理產(chǎn)品的結(jié)構(gòu)，新手是可以做到較快速地掌握產(chǎn)品邏輯，宏觀地理解看似復(fù)雜的產(chǎn)品。

３.歸納總結(jié)體驗(yàn)不足之處
互聯(lián)網(wǎng)產(chǎn)品的特點(diǎn)之一便是迭代迅速，每一期的產(chǎn)品上線都或多或少因?yàn)闆Q策、時(shí)間等原因存在著體驗(yàn)上的不足。經(jīng)過之前兩個(gè)步驟，我們對產(chǎn)品本身已比較了解，在參與頁面的問題走查時(shí)，也能避免認(rèn)識上的不足帶來的一些疑問，準(zhǔn)確地找到產(chǎn)品體驗(yàn)不足之處。此外，對線上的產(chǎn)品進(jìn)行問題走查還需遵循相應(yīng)的交互設(shè)計(jì)原則：一致性、簡潔性、流暢性、及時(shí)反饋等。以“體驗(yàn)一致性”交互原則為例：產(chǎn)品良好的一致性能夠降低用戶學(xué)習(xí)成本，培養(yǎng)用戶良好的使用習(xí)慣。一方面，表現(xiàn)為產(chǎn)品內(nèi)部的體驗(yàn)一致，系統(tǒng)內(nèi)的組件形式與其他組件形式部分保持一致，建立產(chǎn)品與用戶之間的信任；另一方面，表現(xiàn)為產(chǎn)品與產(chǎn)品之間體驗(yàn)一致，把一致的體驗(yàn)延伸到多個(gè)獨(dú)立系統(tǒng)中，遵循共同的設(shè)計(jì)標(biāo)準(zhǔn)，避免用戶出現(xiàn)不適或陌生。

通過上述３點(diǎn)，我們能比較順利地理解產(chǎn)品定位及框架邏輯，找到可優(yōu)化的點(diǎn)，進(jìn)而完成對產(chǎn)品的體驗(yàn)。經(jīng)過適當(dāng)?shù)貧w納和總結(jié)，我們還可以整理出一份完整的體驗(yàn)報(bào)告，為產(chǎn)品的二次迭代做準(zhǔn)備。

第二部分：多參與需求的溝通

與提需求的產(chǎn)品經(jīng)理不同，交互設(shè)計(jì)師關(guān)注的是產(chǎn)品的易用性、流暢度和操作感受。從需求文檔上來看，產(chǎn)品方更像是從宏觀的角度去提出產(chǎn)品設(shè)計(jì)的理念；而交互設(shè)計(jì)師，則是從更多的細(xì)節(jié)出發(fā)，去提升產(chǎn)品的用戶體驗(yàn)。兩種不同的出發(fā)點(diǎn)決定了只有產(chǎn)品經(jīng)理和交互設(shè)計(jì)師較好配合，友善溝通，才能夠準(zhǔn)確地將產(chǎn)品策略轉(zhuǎn)化為產(chǎn)品原型，從而為后面的工作提供準(zhǔn)確的參考。因此，需求溝通是交互設(shè)計(jì)師必備的一項(xiàng)技能，作為新人在溝通需求時(shí)應(yīng)注意以下幾點(diǎn)：

１.積極參與項(xiàng)目（與自己相關(guān)）需求溝通與討論。對實(shí)習(xí)生而言，工作中的溝通應(yīng)從理解需求開始，確保與產(chǎn)品經(jīng)理對需求的理解一致，以避免原型圖、視覺方案反復(fù)修改，增加工作量。

２.對需求必須有自己的判斷。除了能做到對需求有自己專業(yè)的理解外，還能夠幫助產(chǎn)品經(jīng)理理清思路，確定不同的角色、場景，并準(zhǔn)確地梳理信息架構(gòu)和任務(wù)流程。譬如在產(chǎn)品策略或營銷方案上的需求與用戶體驗(yàn)相沖突時(shí)，設(shè)計(jì)師有責(zé)任提出更好的設(shè)計(jì)方案。

３.每一次的溝通必須有效并可行。需求溝通與方案溝通時(shí)，出現(xiàn)的意見分歧務(wù)必及時(shí)解決，這要求雙方都了解需求的真正目的，抓住溝通的問題本質(zhì)——需求與用戶體驗(yàn)，最終給出相應(yīng)的解決方案。

第三部分：給出“完整”的設(shè)計(jì)方案

之所以提出“完整”，未提出“優(yōu)秀”，是因?yàn)閮?yōu)秀交互設(shè)計(jì)方案的產(chǎn)出是一個(gè)漫長的過程，它需要我們不斷地積累設(shè)計(jì)理論，不斷地接觸優(yōu)秀的設(shè)計(jì)案例，不斷地參與實(shí)際項(xiàng)目并一次次完成基本的需求。作為剛?cè)胄械膶?shí)習(xí)生，給出完整的方案設(shè)計(jì)，是提出優(yōu)秀的設(shè)計(jì)方案的基礎(chǔ)，培養(yǎng)良好的習(xí)慣，有事半功倍的效果。

１.設(shè)計(jì)以解決需求為出發(fā)點(diǎn)
作為交互設(shè)計(jì)新手，接到需求并制作方案后，為自己的方案添加了若干功能，尤其是想到競爭對手還未做時(shí)激動不已，卻忽略了需求的本質(zhì)，設(shè)計(jì)出的方案不僅沒解決需求，還給需求本身帶來了不必要的繁瑣操作，猶如你在賣微波爐給別人時(shí)，別人想買的其實(shí)只是個(gè)熱饅頭。而且，經(jīng)常會出現(xiàn)一種現(xiàn)象——你所認(rèn)為的好功能，放在產(chǎn)品里面，也許會帶來很糟的用戶體驗(yàn)。

２.養(yǎng)成正確書寫交互文檔說明規(guī)范的好習(xí)慣
一份完整的交互文檔應(yīng)包括：文檔的命名、文檔的內(nèi)容、文檔的講解與交付。其中文檔的內(nèi)容主要包括：更新記錄、網(wǎng)站地圖、關(guān)鍵任務(wù)流程、線框圖及說明文案、交互規(guī)范五個(gè)部分。交互文檔的準(zhǔn)確書寫，強(qiáng)化了我們對設(shè)計(jì)的思考能力，既方便了需求方快速理解原型并參與討論，也方便了他人查看項(xiàng)目進(jìn)度和最終的輸出結(jié)果。

交互文檔說明規(guī)范

３.注重細(xì)節(jié)，主要指交互層面的細(xì)節(jié)和線框圖繪制層面的細(xì)節(jié)
舉個(gè)例子，在交互層面，當(dāng)鼠標(biāo)放在文字上的多種hover狀態(tài)，各種狀態(tài)是否匹配了應(yīng)有的場景；某個(gè)地方的提示是用背景遮罩式彈層，還是氣泡型提醒層；按鈕的文案是應(yīng)該用取消，還是用結(jié)束；鼠標(biāo)懸浮出現(xiàn)的效果反饋，是否應(yīng)單擊后出現(xiàn)等等，這些都是需要斟酌的交互細(xì)節(jié)。在線框圖層面，行間距是多大，字號是否統(tǒng)一，一、二級鏈接色是否被清晰地區(qū)分，模塊之間的間距是否合理，邊框顏色的深淺、邊框的粗細(xì)是否一致等等，都是體現(xiàn)設(shè)計(jì)師邏輯思維嚴(yán)謹(jǐn)?shù)牡胤?。不難看出，養(yǎng)成注重細(xì)節(jié)的良好習(xí)慣，是交互技能提升的基礎(chǔ)！

按鈕hover狀態(tài)

4.保持統(tǒng)一的使用體驗(yàn)
我們在對需求進(jìn)行方案設(shè)計(jì)時(shí)，需注重線上產(chǎn)品體驗(yàn)的一致性,如最初了解自己的產(chǎn)品一般,同一品牌子產(chǎn)品在體驗(yàn)差異化上必須得到有效的控制，避免出現(xiàn)異類的情況發(fā)生。當(dāng)然，需求也不僅僅是優(yōu)化現(xiàn)有產(chǎn)品，如新增功能、調(diào)整產(chǎn)品的設(shè)計(jì)策略等，再結(jié)合需求進(jìn)行創(chuàng)新的同時(shí)，我們還需注重設(shè)計(jì)過程中的組件樣式與已有產(chǎn)品體驗(yàn)的一致性，如：提示層、按鈕形式、右側(cè)模塊樣式等應(yīng)盡量保持一致。

當(dāng)然，隨著設(shè)計(jì)方案能力的提升，我們可以通過自己思考，用最合適、最高效的方式制作出合理、完整，甚至是優(yōu)秀的設(shè)計(jì)方案。

第四部分：跟進(jìn)產(chǎn)品需求的一些環(huán)節(jié)

一名合格的交互設(shè)計(jì)師，需要配合產(chǎn)品經(jīng)理跟進(jìn)產(chǎn)品需求的一些環(huán)節(jié)：在需求的輸入階段，設(shè)計(jì)師可與用戶研究人員配合，了解用戶的特征和使用行為；在需求的確認(rèn)階段，設(shè)計(jì)師可以主動提出問題、對需求進(jìn)行合理的重塑；在需求的設(shè)計(jì)階段，設(shè)計(jì)方案會經(jīng)過不同職能設(shè)計(jì)師修改或完善，交互設(shè)計(jì)師需要跟進(jìn)方案傳達(dá)和設(shè)計(jì)，保持與視覺、前端、結(jié)構(gòu)工程師進(jìn)行技術(shù)上的溝通，確保方案可行的同時(shí)，還需確保方案在使用體驗(yàn)上達(dá)到最優(yōu)，使方案被真實(shí)的還原；此外，產(chǎn)品上線后，設(shè)計(jì)師還需要參與線上產(chǎn)品的測試，準(zhǔn)備好下一次的迭代……

結(jié)語

實(shí)習(xí)的時(shí)間并不長，想想自己在實(shí)習(xí)過程中走過的一些彎路，總結(jié)了這些內(nèi)容，希望能借此更好地約束、引導(dǎo)自己做設(shè)計(jì)，也期待今后能做出完整、優(yōu)秀的方案，解決更多實(shí)際性的問題。