UED設(shè)計(jì)流程與原則教學(xué)內(nèi)容

1、Good is good, but better carries it.精益求精，善益求善。UED設(shè)計(jì)流程與原則-UED設(shè)計(jì)流程在各個(gè)公司之間可能存在不同，國(guó)內(nèi)的設(shè)計(jì)師在知乎社區(qū)上討論了各自公司(包括騰訊、百度等)的UED設(shè)計(jì)原則、流程等，其中的經(jīng)驗(yàn)值得讀者借鑒。來自騰訊的交互設(shè)計(jì)師eviliu強(qiáng)調(diào)設(shè)計(jì)流程主要考慮兩方面的問題：一是設(shè)計(jì)原則從何而來，二是如何配合設(shè)計(jì)的上下游團(tuán)隊(duì)。就設(shè)計(jì)原則來說，從四個(gè)方面進(jìn)行了闡述：始終將用戶體驗(yàn)放在第一位在設(shè)計(jì)流程中將用戶體驗(yàn)融入其中，將其貫穿于設(shè)計(jì)的始末，使用戶體驗(yàn)的結(jié)論能夠直接影響到設(shè)計(jì)的方向。同時(shí)設(shè)計(jì)過程中通過展開腦暴、競(jìng)品分析、焦點(diǎn)小組等方式對(duì)設(shè)計(jì)需

2、求進(jìn)行深入的挖掘，需求從何而來，為什么會(huì)有這樣的需求，準(zhǔn)確把握設(shè)計(jì)的方向。細(xì)化分工在設(shè)計(jì)流程中，將設(shè)計(jì)任務(wù)分解為用研、交互、視覺，各個(gè)角色職責(zé)明確并相互配合，在各領(lǐng)域有專業(yè)的表現(xiàn)。引入專家設(shè)計(jì)師和項(xiàng)目PM專家設(shè)計(jì)師通過設(shè)計(jì)評(píng)審，將自己的設(shè)計(jì)理念傳達(dá)給設(shè)計(jì)師，引導(dǎo)設(shè)計(jì)方向，把控整體項(xiàng)目的質(zhì)量。項(xiàng)目PM對(duì)項(xiàng)目進(jìn)度、需求任務(wù)、設(shè)計(jì)人力的把控，保證設(shè)計(jì)工作有條不紊的展開，并最終完成項(xiàng)目目標(biāo)。設(shè)計(jì)規(guī)范的建立設(shè)計(jì)項(xiàng)目完成后，設(shè)計(jì)師對(duì)設(shè)計(jì)內(nèi)容進(jìn)行規(guī)范文件的梳理，保證設(shè)計(jì)理念的沉淀以及風(fēng)格的統(tǒng)一。就“如何配合設(shè)計(jì)的上下游團(tuán)隊(duì)”，eviliu認(rèn)為應(yīng)該從以下幾個(gè)方面來采取措施：參與產(chǎn)品的前期規(guī)劃把握產(chǎn)品的規(guī)劃與目

3、標(biāo)是后期設(shè)計(jì)工作展開的重要依據(jù)。產(chǎn)品與項(xiàng)目PM接洽，需求排期通過對(duì)設(shè)計(jì)需求進(jìn)行排期配合產(chǎn)品開發(fā)的節(jié)奏，保證項(xiàng)目的順暢。體驗(yàn)走查和可用性測(cè)試設(shè)計(jì)完成，跟進(jìn)開發(fā)實(shí)現(xiàn)，實(shí)現(xiàn)輸出中，進(jìn)行體驗(yàn)走查和可用性測(cè)試，保證設(shè)計(jì)實(shí)現(xiàn)的質(zhì)量和是否否和用戶的預(yù)期。除此之外，流程的實(shí)施也是必須要重點(diǎn)關(guān)注的：有效的管理工具好的管理工具能夠幫助團(tuán)隊(duì)規(guī)范化管理。我們?yōu)樽约毫可泶蛟炝艘幌盗泄ぞ邅硖岣咴O(shè)計(jì)管理效率，如Prowork工具，能提供項(xiàng)目流程、工作任務(wù)、文檔等一系列線上管理。還有TAPD、UID等一系列工具。敏捷式項(xiàng)目管理通過關(guān)注設(shè)計(jì)效率，改進(jìn)工作方式，修正設(shè)計(jì)流程促使團(tuán)隊(duì)高效、快捷的響應(yīng)任務(wù)。提煉式操作針對(duì)不同的產(chǎn)品預(yù)

4、期與目標(biāo)，靈活操作，設(shè)定不同的流程路徑。持續(xù)改進(jìn)定期對(duì)項(xiàng)目流程回歸、探討，調(diào)整是非常重要的。百度的李書福則談了細(xì)節(jié)上兩點(diǎn)很深的體會(huì)：用戶研究每完成一次對(duì)用戶的深訪，回來當(dāng)天需要在組內(nèi)做一次簡(jiǎn)報(bào)。相互述說今天調(diào)研的情況，讓參加的極大的追溯調(diào)研中的一些洞察，讓沒有參加的也能感受到調(diào)研中信息探索的過程。產(chǎn)品設(shè)計(jì)不論是視覺設(shè)計(jì)，還是交互，完成的第一稿都需要討論，完善及迭代優(yōu)化。同時(shí)提升設(shè)計(jì)師對(duì)產(chǎn)品思考深度與廣度。FaceUI的朱佳明結(jié)合自身的項(xiàng)目經(jīng)驗(yàn)，描述了一個(gè)比較清晰的設(shè)計(jì)流程：產(chǎn)品應(yīng)用分析。在設(shè)計(jì)啟動(dòng)之前先了解產(chǎn)品應(yīng)用，明確產(chǎn)品的用途及市場(chǎng)類似應(yīng)用概況，再精心計(jì)劃下一步的工作，因?yàn)樵谠O(shè)計(jì)最初做改變

5、是在整個(gè)過程中付出代價(jià)最小的。概念設(shè)計(jì)。通過對(duì)產(chǎn)品的了解，創(chuàng)意設(shè)計(jì)人員或者項(xiàng)目經(jīng)理形成初始概念，將交由文案策劃完成第一步設(shè)計(jì)文檔，或者由創(chuàng)意總監(jiān)或項(xiàng)目經(jīng)理直接精華概念。可行性研究分析。根據(jù)市場(chǎng)行情與產(chǎn)品應(yīng)用綜合評(píng)估技術(shù)可行性、社會(huì)可行性及風(fēng)險(xiǎn)因素，并制定規(guī)避風(fēng)險(xiǎn)對(duì)策。用戶需求詳細(xì)解讀。設(shè)計(jì)團(tuán)隊(duì)項(xiàng)目經(jīng)理與產(chǎn)品經(jīng)理詳細(xì)核對(duì)需求，以用戶為中心，讓用戶體驗(yàn)實(shí)際指導(dǎo)設(shè)計(jì)方向與流程規(guī)范。實(shí)際操作中還可以組織設(shè)計(jì)小組人員一起深入挖掘用戶需求。設(shè)計(jì)實(shí)施。交互設(shè)計(jì)。交互設(shè)計(jì)師需要先開展設(shè)計(jì)工作，進(jìn)行產(chǎn)品架構(gòu)評(píng)估/主邏輯設(shè)計(jì)、界面原型設(shè)計(jì)、原型可用性測(cè)試等，將用戶研究與需求解讀結(jié)果在產(chǎn)品上展現(xiàn)出來。視覺設(shè)計(jì)。視覺

6、設(shè)計(jì)師作為前端設(shè)計(jì)人員，卻在工作流程的后端，他們需要進(jìn)行產(chǎn)品形象分析、風(fēng)格定位、視覺方案定稿、視覺效果原型、視覺設(shè)計(jì)完成?？捎眯詼y(cè)試（易用性測(cè)試）。這個(gè)步驟必不可少，主要內(nèi)容包括：計(jì)劃可用性測(cè)試、可用性測(cè)試實(shí)施、處理可用性測(cè)試、分析可用性測(cè)試數(shù)據(jù)、編寫與演示可用性測(cè)試報(bào)告、逐條探討報(bào)告中的建議是否采納。產(chǎn)品發(fā)布。這個(gè)步驟是客戶來完成，但是對(duì)于設(shè)計(jì)團(tuán)隊(duì)，也算是令人興奮的一件大事。另外一位設(shè)計(jì)師diff也勾勒出了一個(gè)完整的設(shè)計(jì)流程，包括九個(gè)方面：產(chǎn)品找茬。前提：讀懂PRD。確保在需求理解上，與PM保持一致。查找遺漏。人無完人，再成熟的PM，也難免有疏漏。找出遺漏，與PM反饋、溝通。提出產(chǎn)品新想法。

7、讀PRD時(shí)，總會(huì)有一些產(chǎn)品的好想法冒出來，及時(shí)與PM和團(tuán)隊(duì)溝通。開始構(gòu)思交互。草圖快速溝通。通過草圖，快速將“產(chǎn)品關(guān)鍵流程”、“關(guān)鍵交互及界面布局”呈現(xiàn)紙面，以此與PM、技術(shù)溝通至達(dá)成共識(shí)。目的：再次掃遺漏；收攏想法；達(dá)成共識(shí)。Wireframe表現(xiàn)產(chǎn)品流程、界面，包含：產(chǎn)品流程圖；全部的頁面原型。Wireframe讓團(tuán)隊(duì)對(duì)產(chǎn)品的理解無異議，對(duì)最終的產(chǎn)品有直觀的了解。這個(gè)階段，產(chǎn)品需求凍結(jié)。開發(fā)人員可以依據(jù)原型對(duì)UI關(guān)聯(lián)較小的部分進(jìn)行技術(shù)開發(fā)。視覺設(shè)計(jì)。有前面兩個(gè)“掃清障礙”的過程，這個(gè)階段，視覺設(shè)計(jì)是非常舒服的事情.在有相對(duì)完整的設(shè)計(jì)規(guī)范、控件規(guī)范的前提下，視覺包括：風(fēng)格探索、關(guān)鍵頁面的視覺

8、設(shè)計(jì)、關(guān)鍵的交互動(dòng)畫表現(xiàn)。視覺素材輸出、設(shè)計(jì)文件標(biāo)注。素材用Dropbox或酷盤存儲(chǔ)、管理。Markman是不錯(cuò)的標(biāo)注工具。整理、提交設(shè)計(jì)方面待數(shù)據(jù)驗(yàn)證的跟蹤點(diǎn)，主要包括：待驗(yàn)證的產(chǎn)品功能點(diǎn)、設(shè)計(jì)過程中爭(zhēng)議比較大的部分（產(chǎn)品、交互、視覺）、設(shè)計(jì)師沒有完全把握、需要數(shù)據(jù)驗(yàn)證想法的部分，比如：“點(diǎn)擊式的菜單”與“下拉手勢(shì)式的菜單”，哪個(gè)更被用戶接受？設(shè)計(jì)文件整理、新的設(shè)計(jì)控件入庫，主要包括：整理設(shè)計(jì)文件，方便團(tuán)隊(duì)其他人查閱、使用；將設(shè)計(jì)過程中產(chǎn)生的新的控件，納入控件庫，更新控件設(shè)計(jì)規(guī)范。開發(fā)后期，細(xì)節(jié)跟進(jìn)。與開發(fā)跟進(jìn)細(xì)節(jié)，是設(shè)計(jì)過程的一部分。在我們團(tuán)隊(duì)，完全依靠規(guī)范作業(yè)、設(shè)計(jì)文件標(biāo)注（不和開發(fā)人員說一句話:P），能夠確保80%的交互、視覺細(xì)節(jié)能夠被還原。剩下的20%，就要設(shè)計(jì)師與開發(fā)人員肩并肩坐在一起打磨了。開發(fā)過程中，一定要預(yù)留這個(gè)時(shí)間。主要包括：邊距、字體、界面動(dòng)畫的