UI制作流程與管理經(jīng)驗附項目人員分工

1、PS. 職能分工：1. 產(chǎn)品制作人，寫產(chǎn)品計劃書。2. 用戶體驗研究員，作調(diào)查分析。3. 信息建構(gòu)師，設(shè)計產(chǎn)品架構(gòu)。4. 互動設(shè)計師，作出互動流程。5. 視覺設(shè)計師和用戶界面設(shè)計師，作出頁面視覺設(shè)計。6. 前臺工程師，前臺開發(fā)。7. 后臺工程師，后臺開發(fā)。8. 用戶體驗研究員，做用戶測試確保質(zhì)量。雖然我們現(xiàn)在沒有相應(yīng)的專職崗位，但不代表相應(yīng)的步驟不需要做。UI設(shè)計要做的是：平面設(shè)計(包括icon, logo, button, etc.)至多是UI定義中很小的一部分。絕大部分部分時間可能用在設(shè)計任務(wù)的邏輯流程(logical task flow),以期最大幅度的符合人腦的思考方式和認(rèn)知過程(co

2、gnitive process)。經(jīng)驗：1.產(chǎn)品定位、功能點、相應(yīng)文案資料。2.調(diào)查分析、信息架構(gòu)、交互流程（建議的結(jié)構(gòu)圖），相當(dāng)于幫你進行了信息架構(gòu)和交互流程。完善這些數(shù)據(jù)，制定詳細(xì)的頁面原型。這一步確認(rèn)無誤之后，再考慮視覺設(shè)計。該用什么風(fēng)格、什么主色調(diào)。再提交確認(rèn)。然后才是細(xì)節(jié)如何修飾等等。實務(wù)的做法：一、界面效果的整體性、一致性1、 界面的色彩及風(fēng)格與系統(tǒng)界面統(tǒng)一 軟件界面的總體色彩應(yīng)該接近和類似系統(tǒng)界面的總體色調(diào)，根據(jù)用戶審美習(xí)慣定制的，它應(yīng)該有他們的審美群體，符合審美特征，例如：系統(tǒng)色調(diào)以藍色為主，我們的軟件界面的默認(rèn)色彩最好與之吻合.2、操作流程的系統(tǒng)化, 我們的界面設(shè)計在操作流程

3、的安排上，也得遵循系統(tǒng)的規(guī)范性，簡化用戶操作流程.二、界面效果的個性化是基于軟件本身的特征和用途而考慮！1. 界面構(gòu)架的功能操作區(qū)、內(nèi)容顯示區(qū)、導(dǎo)航控制區(qū)都應(yīng)該統(tǒng)一規(guī)范，不同功能模塊的相同操作區(qū)域的元素風(fēng)格應(yīng)該一致.2. 專用的界面圖標(biāo)3. 界面色彩的個性化設(shè)置三、界面視覺元素的規(guī)范。1、圖形圖像元素的質(zhì)量 盡量使用較少的色深表現(xiàn)色彩豐富的圖形圖像，既確保數(shù)據(jù)量小又確保圖形圖像的效果完好，使圖形圖像在軟件系統(tǒng)中所占數(shù)據(jù)量盡量減小，提高程序的工作效率。 2、線條色塊與圖形圖像的結(jié)合 界面上的線條和色塊后期都會用程序來實現(xiàn)，這就需要考慮程序部分和圖像部分的結(jié)合，需要自然的結(jié)合才能協(xié)調(diào)界面效果的整體

4、感，所以需要程序員與界面設(shè)計人員的密切溝通，達成一致。 經(jīng)驗：對設(shè)計師，你需要一層一層地推進，逐步核對確認(rèn)，保證你沒有偏離正確的方向。你的工作應(yīng)該是按步驟整體推進式的，而不是一條線、一個單一頁面走很遠(yuǎn)，再回過來顧及其他。對于設(shè)計師本人，也要掌握工作技巧。你的作品可以先在小組內(nèi)交流討論，吸取一些小組人員的建議，完善后，召集相關(guān)人員ppt演示，同時收集大家意見，再修改。最后ok。ppt演示的方式，可以讓設(shè)計師自己進一步完善自己的思想。因為你需要為演示作準(zhǔn)備，為大家可能提出的問題準(zhǔn)備答案。這個思考過程，產(chǎn)品本身也會不斷完善。在工作流程方面，我很樂于逐步規(guī)范起來，通過溝通和過程中的不斷改進，從而建立起

5、更有效的工作流程。產(chǎn)品UI和平面設(shè)計最大的不同是，平面設(shè)計是純粹的發(fā)散性思維，而產(chǎn)品UI的最終目的，是為了能夠讓產(chǎn)品被更多用戶所接受，易于使用。這也就意味著，UI對產(chǎn)品結(jié)構(gòu)的思考和研究過程比頁面呈現(xiàn)更加需要花費心思。強調(diào)：1、團隊的合作要求彼此的信任。既然將任務(wù)交付給對方，就不進行過多的干涉。2、如果認(rèn)為自己的是對的，就要用理由去證明，要注意引導(dǎo)。如果你是設(shè)計師，首先要想清楚每個元素放置的理由。那么即使別人提出意見，你也可以把自己的想法表達出來。而不是一味的去按別人的要求更改。3、用實例讓大家相信你，而不是完全成為大家所認(rèn)為的樣子。比如在做UI時，急于表現(xiàn)一下頁面的視覺效果，從而在整個流程上使

6、內(nèi)容放在次要的位置。這樣即使獲得了大家的認(rèn)可，但并不能成為優(yōu)秀的UI設(shè)計師。因為UI設(shè)計的過程，視覺是放在后面的。4、UI設(shè)計是科學(xué)，不是純藝術(shù)。不是想想就知道文字?jǐn)[在哪的，需要去分析研究。UI設(shè)計是一門科學(xué)，不是天馬行空。PS. UCD流程方面：1、做設(shè)計之前，與產(chǎn)品負(fù)責(zé)人一定要弄清楚各種數(shù)據(jù)和信息。如果信息不全的話，那么當(dāng)后期需要改動時，是非常麻煩的。把內(nèi)容弄清楚，都雙方都要負(fù)責(zé)的事情。2、先思考內(nèi)容，最后想視覺。windows的經(jīng)典樣式，很易用。XP出來后，效果很炫。所以說，功能內(nèi)容的呈現(xiàn)布局是第一位的，而視覺效果是點睛的。沒有炫麗視覺效果的產(chǎn)品可以很好的生存，而不好的功能內(nèi)容將被用戶所拋棄。3、抽時間用純UCD的視角去分析一下好的網(wǎng)站。除去純藝術(shù)表現(xiàn)的視覺，去分析站點的結(jié)構(gòu)以及各元素的編排等。易用的產(chǎn)品是剝?nèi)トA麗的外表仍能吸引人的。4、堅決在過程中執(zhí)行上面提到的。UCD簡單的說，在進行網(wǎng)站設(shè)計時從用戶的需求和用戶的感受出發(fā)，圍繞用戶為中心設(shè)計網(wǎng)站，而不是讓用戶去適應(yīng)網(wǎng)站，無論網(wǎng)站的使用流程、網(wǎng)站的信息架構(gòu)、人機交互方式等，都需要考慮用戶的使用習(xí)慣、預(yù)期的交互方式、視覺感受等方面。衡量一個好的以用戶為中心的網(wǎng)站設(shè)計，可以有以下幾個緯度：網(wǎng)站在特定使用環(huán)境下為特定用戶用于特定用途時所具有