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

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

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

    1.多身份，多角色使用產(chǎn)品

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

    2.梳理產(chǎn)品邏輯,理解產(chǎn)品架構(gòu)，宏觀的認(rèn)識(shí)產(chǎn)品內(nèi)部邏輯及產(chǎn)品與產(chǎn)品之間的聯(lián)系

　　成熟的產(chǎn)品內(nèi)容很多，層級(jí)豐富，新用戶容易在使用時(shí)，孤立地理解單一頁(yè)面的結(jié)構(gòu)和組件的細(xì)節(jié)，缺乏對(duì)產(chǎn)品整體、深入地思考。完整地梳理產(chǎn)品的結(jié)構(gòu)，有利于我們整體地理解和掌握產(chǎn)品，為提出優(yōu)化方案做準(zhǔn)備。

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

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

　　3.歸納總結(jié)體驗(yàn)不足之處

　　互聯(lián)網(wǎng)產(chǎn)品的特點(diǎn)之一便是迭代迅速，每一期的產(chǎn)品上線都或多或少因?yàn)闆Q策、時(shí)間等原因存在著體驗(yàn)上的不足。經(jīng)過(guò)之前兩個(gè)步驟，我們對(duì)產(chǎn)品本身已比較了解，在參與頁(yè)面的問(wèn)題走查時(shí)，也能避免認(rèn)識(shí)上的不足帶來(lái)的一些疑問(wèn)，準(zhǔn)確地找到產(chǎn)品體驗(yàn)不足之處。此外，對(duì)線上的產(chǎn)品進(jìn)行問(wèn)題走查還需遵循相應(yīng)的交互設(shè)計(jì)原則：一致性、簡(jiǎn)潔性、流暢性、及時(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)不適或陌生。

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

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

　　與提需求的產(chǎn)品經(jīng)理不同，交互設(shè)計(jì)師關(guān)注的是產(chǎn)品的易用性、流暢度和操作感受。從需求文檔上來(lái)看，產(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)：

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

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

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

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

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

    1.設(shè)計(jì)以解決需求為出發(fā)點(diǎn)

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

　　2.養(yǎng)成正確書(shū)寫(xiě)交互文檔說(shuō)明規(guī)范的好習(xí)慣

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

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

　　3.注重細(xì)節(jié)，主要指交互層面的細(xì)節(jié)和線框圖繪制層面的細(xì)節(jié)

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

    按鈕hover狀態(tài)

　　4.保持統(tǒng)一的使用體驗(yàn)

　　我們?cè)趯?duì)需求進(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ì)過(guò)程中的組件樣式與已有產(chǎn)品體驗(yàn)的一致性，如：提示層、按鈕形式、右側(cè)模塊樣式等應(yīng)盡量保持一致。

　　當(dāng)然，隨著設(shè)計(jì)方案能力的提升，我們可以通過(guò)自己思考，用最合適、最高效的方式制作出合理、完整，甚至是優(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ì)師可以主動(dòng)提出問(wèn)題、對(duì)需求進(jìn)行合理的重塑;在需求的設(shè)計(jì)階段，設(shè)計(jì)方案會(huì)經(jīng)過(guò)不同職能設(shè)計(jì)師修改或完善，交互設(shè)計(jì)師需要跟進(jìn)方案?jìng)鬟_(dá)和設(shè)計(jì)，保持與視覺(jué)、前端、結(jié)構(gòu)工程師進(jìn)行技術(shù)上的溝通，確保方案可行的同時(shí)，還需確保方案在使用體驗(yàn)上達(dá)到最優(yōu)，使方案被真實(shí)的還原;此外，產(chǎn)品上線后，設(shè)計(jì)師還需要參與線上產(chǎn)品的測(cè)試，準(zhǔn)備好下一次的迭代……

 

 

以上 【以新浪微博為案例：網(wǎng)站交互設(shè)計(jì)初體驗(yàn)】的內(nèi)容由欣創(chuàng)網(wǎng)絡(luò)（ http://www.madcity.cn）收集整理，本文網(wǎng)址 ： http://www.madcity.cn/news/77.html ，轉(zhuǎn)載請(qǐng)注明出處，如有侵權(quán)，聯(lián)系刪除！

更多有關(guān)漢中網(wǎng)站建設(shè)，漢中網(wǎng)站設(shè)計(jì)、漢中網(wǎng)站制作、漢中做網(wǎng)站公司、微信公眾平臺(tái)開(kāi)發(fā)、電商平臺(tái)建設(shè) 等互聯(lián)網(wǎng)應(yīng)用服務(wù)都可以聯(lián)系我們。網(wǎng)站建設(shè)熱線： 0916-2233667/手機(jī)：18700660007（朱先生）