您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁(yè)設(shè)計(jì)教程 >> 用戶研究 >> 瀏覽設(shè)計(jì)教程

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

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

個(gè)人認(rèn)為,對(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ū)別更為明顯,吧主與專(zhuān)家身份的操作提示與普通用戶得到的引導(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ì)需求有自己專(zhuān)業(yè)的理解外,還能夠幫助產(chǎn)品經(jīng)理理清思路,確定不同的角色、場(chǎng)景,并準(zhǔn)確地梳理信息架構(gòu)和任務(wù)流程。譬如在產(chǎn)品策略或營(yíng)銷(xiāo)方案上的需求與用戶體驗(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)了不必要的繁瑣操作,猶如你在賣(mài)微波爐給別人時(shí),別人想買(mǎi)的其實(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ù)牡胤健2浑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)異類(lèi)的情況發(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)備好下一次的迭代……

結(jié)語(yǔ)

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

[教程作者:admin]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/yj1312.html
淺談話題“如何自我提升”(精)
設(shè)計(jì)師眼中的設(shè)計(jì)是什么?
圖趣網(wǎng)微信
建議反饋
×