第一篇：UI設計的新浪潮——引領設計行業(yè)的新寵兒

淺談UI在中國的發(fā)展現(xiàn)狀

一、UI的介紹

（一）UI在中國現(xiàn)狀

1、UI（User Interface-用戶界面）在中國普及情況

目前在國內UI還是一個相對陌生的詞，部分從事UI的專業(yè)人員也對這個詞匯不太了解。我們經?？吹胶芏嗥髽I(yè)在招聘廣告寫著：“招聘界面美工、界面美術設計師等等。這表明在國內對UI的理解還僅僅停留在美術設計方面，認為UI的工作只是描邊畫線，缺乏對用戶交互的重要性的理解；另一方面在軟件開發(fā)過程中還存在重技術而不重應用的現(xiàn)象。許多商家認為軟件產品的核心是技術，而UI僅僅是次要的輔助，這點在人員的比例與待遇上可以非常完美的體現(xiàn)出來。

目前國內各院校還沒有設立相對健全的UI設計專業(yè)，所以提高UI設計師能力關鍵在于提供一個良好的學習與交流的資源環(huán)境。國內已經有很多交流設計網站，介紹工業(yè)設計、平面設計、服裝設計、繪畫藝術、多媒體flash等，但是UI設計一直沒有受到應有的關注，僅僅被放在數(shù)碼設計或者平面網頁設計的一個欄目里，這僅有的資源對培養(yǎng)優(yōu)秀的設計師是不夠的，必須有一個信息快捷、資源豐富、設計水平一流、專業(yè)權威的UI設計學習與交流的地方才能適應日益發(fā)展的UI設計師們的需求。

2、UI（User Interface-用戶界面）發(fā)展階段

市場經濟需要競爭，競爭就會需要設計來提高產品競爭力。2000年以前國內的UI設計剛開始萌芽，但當時做UI等于做平面設計，基本也體現(xiàn)在網頁設計上，后來隨著flash的流行，一部分美術設計師開始去思考互動性。到了2002年一些企業(yè)開始重視到UI設計的重要性，紛紛把UI部門從軟件編碼團隊里提出來，開始有了專門針對軟件產品的圖形設計師和交互設計師。2004年以后隨著手機，電腦附加軟件，MP3等大量產品上市，ID設計就和UI設計越來越緊密了，UI設計也開始被提升到一個新的高度和重視程度。2005年國內的UI設計已經相對成熟了，有了專門的職業(yè)分工也出現(xiàn)了很多不錯的UI一線設計師與UI設計交流組織。

3、UI（User Interface-用戶界面）部門設立

隨著“UI”設計熱的到來，近幾年國內很多從事手機，軟件，網站，增值服務等企業(yè)和公司都設立了這個部門。還有很多專門從事UI設計的公司也應運而生。軟件UI設計師的待遇和地位也逐漸上升。

（二）UI（User Interface-用戶界面）特色介紹

UI即User Interface(用戶界面)的簡稱。UI設計則是指對軟件的人與機器之間交流互動、操作邏輯、界面美觀的整體設計 今天，UI設計 即“用戶界面”的設計優(yōu)劣對于產品在市場的表現(xiàn)起著至關重要的作用，它已經成為企業(yè)搶占市場份額的核心競爭力之一。由于國內缺乏相關的教育培訓機構和院校，所以該類人才的市場缺口極大。

（三）UI（User Interface-用戶界面）目前的機遇與發(fā)展

UI的重要性性必要性越來越顯得更加顯著，目前越來越多的企業(yè)加大了對UI部門的力度和進度，譬如說深圳華為、中興、TCL等等。UI專業(yè)從事人員的價值和社會地位得到了大幅度的提升，據不統(tǒng)一調查顯示，一位專業(yè)的UI從事人員工資普遍在12000到15000之間，據了解，深圳華為計劃招聘三十余名UI人員，但是目前只招聘到十幾位。由此可見，UI行業(yè)目前的專業(yè)人士資源存在非常大的缺口，此外還透露著UI行業(yè)的巨大潛力。

（四）UI（User Interface-用戶界面）學習方法

1、由于UI具有強大的技術性、前沿性和系統(tǒng)性，如采用自學的方式，難度性非常大，故建議有志往UI方向發(fā)展的人士參加專業(yè)的培訓機

構，進行系統(tǒng)培訓。

2、為適應用戶界面設計行業(yè)快速發(fā)展的需要，提升中國用戶界面設計的行業(yè)水平和規(guī)模，為企業(yè)提供更多的優(yōu)秀人才?；谶@個基礎，很

多專業(yè)的UI培訓機構應運而生，比如北京漢遠網指培訓中心、上海

星獅創(chuàng)想，深圳中鵬培訓。

3、在選擇培訓機構，也存在技巧性，主要是關注培訓機構的硬件設施設備和軟件設施（譬如師資、教學方法和應用管理等等）。目前，珠

三角目前具有一些專業(yè)的UI培訓機構，譬如深圳中鵬培訓機構。（中

鵬【中鵬培訓http://004km.cn/，0755-82411196】設立此專

業(yè)，并聯(lián)合國際一流企業(yè)的諸多資深專家親臨授課，旨在培養(yǎng)出與企

業(yè)接軌與市場接軌的專業(yè)型人才，并有效地將優(yōu)秀畢業(yè)生推薦至相關

合作企業(yè)。）

（五）UI（User Interface-用戶界面）的重要性及應用案例

UI的英文是User Interface，也就是用戶與界面的關系，包括交互設計、用戶研究、與界面設計三個部分。在人和機器的互動過程（Human Machine Interaction）中，界面（interface）占有舉足輕重的位置。從心理學意義來分，界面可分為感覺（視覺、觸覺、聽覺等）和情感兩個層次。用戶界面設計是屏幕類型產品的重要組成部分，是一個復雜的有不同學科參與的工程，認知心理學、設計學、語言學等在此都扮演著重要的角色。用戶界面設計的三大原則是：置界面于用戶的控制之下；減少用戶的記憶負擔；保持界面的一致性。

簡單的說，UI不僅是一種表現(xiàn)形式，更是用戶對界面的體驗和信息交互意愿。在使用過程中，發(fā)現(xiàn)三大門戶網站（新浪、搜狐、網易）在UI設計上面差別很大。就首頁來說，網易的設計最為合理，搜狐的最差。下面詳細說明：

網易的頁面最為簡潔，整個頁面以淡藍色和淺灰白色為板塊背景色，兩種顏色較為接近，使人們的眼光可以在板塊之間平滑過渡，而不至于有太大的視覺反差。導航清晰，很容易找到要找的頻道。網易的版面設計，在圖片和文字上比較均勻，文字以黑色和藍色為主，板塊主體都是以小號字書寫；圖片分布比較均勻，讀者在閱覽網易首頁的時候可以實現(xiàn)目光的均勻分布，這一點很重要。廣告也少，至少是明目張膽的廣告很少，即使是廣告，版面設計的讓人看上去也比較舒服?？傮w來看，網易似乎已經把最重要的內容放在最鮮艷的位置了，比如說有道搜索、郵箱服務，但是還是重點不夠突出，沒有一個非常鮮明的特征讓人們把他從其他

門戶區(qū)別開來。

搜狐，是三大門戶當中網頁改版最為頻繁的，同時也是效果最差的。搜狐首頁最珍貴的資源Banner部分，全部拿來做了廣告，用戶體驗很不好。如果略掉Banner不考慮，搜狐給人最不好的感覺就是字體大小變化太沒有規(guī)律，就拿新聞板塊來說，這部分是大字體，而并排的博客和社區(qū)板塊卻是小字體，一大一小，讓人眼光過渡起來感覺不舒服，大眼瞪小眼。不光板塊字體大小不一，而且板塊拍板也不是太近人意。此外，搜狐的廣告可謂是明目張膽，漫天飛舞，廣告板塊和內容板塊穿插交錯，讓人防不勝防。

新浪一直都是門戶網站中盈利最多的，相對于網易的簡潔和搜狐的雜亂，新浪走的可謂是一條中間路線。不過，新浪的廣告比搜狐更厲害，這點厲害是說，新浪把網站首頁的優(yōu)質資源全都給了廣告，從Banner到左側條，都是廣告，新聞組中也有若隱若現(xiàn)的廣告存在，難怪新浪的廣告盈利最多呢。

（六）UI（User Interface-用戶界面）的學習方向

1、GUI見面設計方向

圖形用戶界面（Graphic User Interface，簡稱 GUI）是指采用圖形

方式顯示的計算機 操作用戶界面。通俗來講，GUI設計師就是設計圖形用戶界面。例如 ：windows界面、蘋果手機 界面等 專業(yè)課程：圖標系統(tǒng)學、界面設計、視覺交互設計理論、產品流程設計、信息設計、模型設計、顏色系統(tǒng)學 等。

2、UI交互設計方向

交互設計（Interaction Designe 簡稱UI）主要在于設計軟件的操作

流程、樹狀結構、操作 規(guī)范等。一個軟件產品在編碼之前需要做的就是交互設計，并且確立交互模型，交互規(guī)范。專業(yè)課程：交互設計理論、產品流程設計、交互模型、交互規(guī)范、行為學、Visio框架設計等。

3、UI用戶體驗方向

用戶體驗（User Experience 簡稱UE）它是指用戶使用一個產品

時的全部體驗。他們的 印象和感覺，是否成功，是否享受，是否還想再來/使用。他們能夠忍受的問題，疑惑BUG的程度，然后對結果進行分析。專業(yè)課程：產品流程設計、統(tǒng)計學、基礎視覺設計研究、用戶需求挖掘學、用戶研究方法學、用戶測試學、用戶體驗規(guī)范等。

（七）就業(yè)前景

目前UI即用戶界面設計行業(yè)剛剛在全球軟件業(yè)興起，屬于高新技術設計產業(yè)，與國外在同步發(fā)展水平。其次國內外眾多大型IT企業(yè)(例如：百度、騰迅、Yahoo、中國移動、Nokia、聯(lián)想、網易、微軟、盛大、淘寶等眾多企業(yè))均已成立專業(yè)的UI設計部門，但專業(yè)人才稀缺，人才資源爭奪激烈。但目前全國UI設計專業(yè)的系統(tǒng)教學極其稀少。UI設計專業(yè)作為首家UI設計師的培訓基地為國內外知名品牌企業(yè)提供優(yōu)秀的專業(yè)設計人才。

但是目前就業(yè)市場，出現(xiàn)了嚴重的供不應求。目前，一名具有從業(yè)經驗3年以上的專業(yè)UI人員，普遍薪酬固定在12000-15000之間，并且上升空間非常大。

第二篇：UI設計思路

演講稿 工作總結 調研報告 講話稿 事跡材料 心得體會 策劃方案

UI設計思路

UI測試用例設計方向[轉]

設計功能和界面測試用例

1.1 文本框、按鈕等控件測試

1.1.1 文本框的測試

如何對文本框進行測試 a,輸入正常的字母或數(shù)字。b,輸入已存在的文件的名稱；

c,輸入超長字符。例如在“名稱”框中輸入超過允許邊界個數(shù)的字符，假設最多255個字符，嘗試輸入

256個字符，檢查程序能否正確處理；

d,輸入默認值，空白，空格；

e,若只允許輸入字母，嘗試輸入數(shù)字；反之；嘗試輸入字母； f,利用復制，粘貼等操作強制輸入程序不允許的輸入數(shù)據； g,輸入特殊字符集，例如，NUL及n等；

h,輸入超過文本框長度的字符或文本，檢查所輸入的內容是否正常顯示；

精心收集

精心編輯

精致閱讀

如需請下載！

演講稿 工作總結 調研報告 講話稿 事跡材料 心得體會 策劃方案

i,輸入不符合格式的數(shù)據，檢查程序是否正常校驗，如，程序要求輸入年月日格式為yy/mm/dd，實際輸入yyyy/mm/dd，程序應該給出錯誤提示

在測試過程中所用到的測試方法： 1,輸入非法數(shù)據； 2,輸入默認值； 3,輸入特殊字符集； 4,輸入使緩沖區(qū)溢出的數(shù)據； 5,輸入相同的文件名；

--命令按鈕控件的測試

測試方法：

a,點擊按鈕正確響應操作。如，單擊確定，正確執(zhí)行操作；單擊取消，退出窗口；

b,對非法的輸入或操作給出足夠的提示說明，如，輸入月工作天數(shù)為32時，單擊”確定“后系統(tǒng)應提示:天數(shù)不能大于31；

c,對可能造成數(shù)據無法恢復的操作必須給出確認信息，給用戶放棄選擇的機會；

精心收集

精心編輯

精致閱讀

如需請下載！

演講稿 工作總結 調研報告 講話稿 事跡材料 心得體會 策劃方案

--單選按鈕控件的測試

測試方法：

a,一組單選按鈕不能同時選中，只能選中一個。

b,逐一執(zhí)行每個單選按鈕的功能。分別選擇了“男”“女”后，保存到數(shù)據庫的數(shù)據應該相應的分別為“男”“女”；

c,一組執(zhí)行同一功能的單選按鈕在初始狀態(tài)時必須有一個被默認選中，不能同時為空；

---up－down控件文本框的測試

測試方法：

a,直接輸入數(shù)字或用上下箭頭控制，如，在“數(shù)目”中直接輸入10，或者單擊向上的箭頭，使數(shù)目變?yōu)?0；

b,利用上下箭頭控制數(shù)字的自動循環(huán)，如，當最多數(shù)字為253時，單擊向上箭頭，數(shù)目自動變?yōu)?；反之亦適用；

精心收集

精心編輯

精致閱讀

如需請下載！

演講稿 工作總結 調研報告 講話稿 事跡材料 心得體會 策劃方案

c,直接輸入超邊界值，系統(tǒng)應該提示重新輸入；

d,輸入默認值，空白。如，“插入”數(shù)目為默認值，點擊“確定”；或，刪除默認值，使內容為空，單擊“確定”進行測試； e,輸入字符。此時系統(tǒng)應提示輸入有誤。

------組合列表框的測試

測試方法：

a,條目內容正確，其詳細條目內容可以根據需求說明確定； b,逐一執(zhí)行列表框中每個條目的功能； c,檢查能否向組合列表框輸入數(shù)據；

------復選框的測試

測試方法：

a,多個復選框可以被同時選中； b,多個復選框可以被部分選中；

精心收集

精心編輯

精致閱讀

如需請下載！

演講稿 工作總結 調研報告 講話稿 事跡材料 心得體會 策劃方案

c,多個復選框可以都不被選中； d,逐一執(zhí)行每個復選框的功能；

----------列表框控件的測試

測試方法：

a,條目內容正確；同組合列表框類似，根據需求說明書確定列表的各項內容正確，沒有丟失或錯誤； b,列表框的內容較多時要使用滾動條；

c,列表框允許多選時，要分別檢查shift選中條目，按ctrl選中條目和直接用鼠標選中多項條目的情況；

滾動條控件的測試

要注意一下幾點：

a,滾動條的長度根據顯示信息的長度或寬度及時變換，這樣有利于用戶了解顯示信息的位置和百分比，如，word中瀏覽100頁文檔，瀏覽到50頁時，滾動條位置應處于中間；

b,拖動滾動條，檢查屏幕刷新情況，并查看是否有亂碼；

精心收集

精心編輯

精致閱讀

如需請下載！

演講稿 工作總結 調研報告 講話稿 事跡材料 心得體會 策劃方案

c,單擊滾動條； d,用滾輪控制滾動條； e,滾動條的上下按鈕。

各種控件在窗體中混和使用時的測試

a,控件間的相互作用；

b,tab鍵的順序，一般是從上到下，從左到右； c,熱鍵的使用，逐一測試； d,enter鍵和esc鍵的使用；

在測試中，應遵循由簡入繁的原則，先進行單個控件功能的測試，確保實現(xiàn)無誤后，再進行多個控件的的功能組合的測試。

ps:密碼輸入框測試時要特別注意進行字母大寫輸入的測試。

查找替換操作

案例演示:打開word中的“替換”對話框 測試本功能有通過測試和失敗測試兩種情況 通過測試: 1,輸入內容直接查找,或查找全部

2,在組合框中尋找已經查找過的內容,再次查找并確認文檔的內容正

精心收集

精心編輯

精致閱讀

如需請下載！

演講稿 工作總結 調研報告 講話稿 事跡材料 心得體會 策劃方案

確,如,已經查找過“測試用例”,再次進入不用重新輸入查找內容,直接在文檔中搜尋就可以.失敗測試: 1,輸入過長或過短的查詢字符串.如,假設查詢的字符串長度為1到255,那么輸入0,1,2,256,255和254進行測試;2,輸入特殊字符集,如,在word中.^g代表圖片,^代表分欄符,可以輸入這類特殊字符測試;

替換測試大體相同.關于編輯操作窗口的功能測試的用例: 1,關閉查找替換窗口.不執(zhí)行任何操作,直接退出;2,附件和選項測試.假如,設定“精確搜尋”,“向后”搜索等附件選項等等來測試;3,控件間的相互作用.如,搜尋內容為空時,按鈕“搜尋全部”,“搜尋”,“全部替換”,“替換”都為灰色.4,熱鍵, Tab鍵.回車鍵的使用.插入操作

精心收集

精心編輯

精致閱讀

如需請下載！

演講稿 工作總結 調研報告 講話稿 事跡材料 心得體會 策劃方案

1,插入文件 測試的情況 a,插入文件;b,插入圖像;c,在文檔中插入文檔本身;d,移除插入的源文件;e,更換插入的源文件的內容;

2,鏈接文件 測試方法: a,插入鏈接文件;b,在文檔中鏈接文檔本身;c,移除插入的源文件;d,更換插入的源文件的內容.3,插入對象 要測試的內容

a,插入程序允許的對象,如,在word中插入excel工作表;b,修改所插入對象的內容.插入的對象仍能正確顯示;c,卸載生成插入對象的程序,如,在word中插入excel工作表后卸載

精心收集

精心編輯

精致閱讀

如需請下載！

演講稿 工作總結 調研報告 講話稿 事跡材料 心得體會 策劃方案

excel,工作表仍正常使用.編輯操作

編輯操作包括剪切,復制,粘貼操作.測試剪切操作的方法

a,對文本,文本框,圖文框進行剪切;b,剪切圖像 c,文本圖像混合剪切 復制操作方法與剪切類似.測試時,主要是對粘貼操作的測試,方法是: a,粘貼剪切的文本,文本框及圖文框;b,粘貼所剪切的圖像;c,剪切后,在不同的程序中粘貼

d,多次粘貼同一內容,如,剪切后,在程序中連續(xù)粘貼3次;e,利用粘貼操作強制輸入程序所不允許輸入的數(shù)據.精心收集

精心編輯

精致閱讀

如需請下載！

演講稿 工作總結 調研報告 講話稿 事跡材料 心得體會 策劃方案

界面測試用例的設計方法 1,窗體

測試窗體的方法: a,窗體大小,大小要合適,控件布局合理;b,移動窗體.快速或慢速移動窗體,背景及窗體本身刷新必須正確;c,縮放窗體,窗體上的控件應隨窗體的大小變化而變化;d,顯示分辨率.必須在不同的分辨率的情況下測試程序的顯示是否正常;進行測試時還要注意狀態(tài)欄是否顯示正確;工具欄的圖標執(zhí)行操作是否有效,是否與菜單懶中圖標顯示一致;錯誤信息內容是否正確,無錯別字,且明確等等;

2,控件 測試方法: a,窗體或控件的字體和大小要一致;b,注意全角,半角混合 c,無中英文混合.菜單

進行測試時要注意

精心收集

精心編輯

精致閱讀

如需請下載！

演講稿 工作總結 調研報告 講話稿 事跡材料 心得體會 策劃方案

a,選擇菜單是否可以正常工作,并與實際執(zhí)行內容一致;b,是否有錯別字: c,快捷鍵是否重復;d,熱鍵是否重復;

精心收集

精心編輯 精致閱讀 如需請下載！

第三篇：UI設計教學

實用的UI設計教程

什么是UI？

UI英文全稱是：USER INTERFACE，中文即是用戶界面 UI包括三大塊，UX用戶體驗，GUI視覺表現(xiàn)，HCI人機交互 零基礎學員怎么學習UI 首先，工欲善其事必先利其器！

先要學會PS（98%的設計師工作中會用到）AI（60%的設計師工作中會用到）DW（30%的設計師工作中會用到）FLASH（15%的設計師工作中會用到）3D視頻（10%的設計師工作中會用到）這些軟件的教程，可以在搜索引擎里搜到。

或者在網店買一本帶視頻教學光盤的PS和AI的書籍，學習過程耗時1-2個月。

切記，在你軟件基礎不扎實的情況下，看任何畫圖標和畫界面的教程都是枉然的，你也看不懂，只能徒增挫折感！基礎不扎實，跟著別人教程畫。就是依樣畫瓢，知其然不知其所以然！

學PS和AI的注意事項：

對UI來說，PS中的路徑、圖層效果、圖層蒙版是UI最常用的功能，務必重點掌握。AI的話，也是路徑操作、路徑修改要重點掌握。

學完改課程后，你可試著畫剪影ICON，通過加，減，交等布爾運算把圖形拼出來。

再者：圖標認知，圖標主要是識別性

圖標是對這個世界的一個隱喻，因為其國際通用性以及形、色、意比文字更有有視覺沖擊力。所以，一個好的功能圖標，首先要有很強的識別性，其次才是美不美，和整體UI界面是否風格相符。連功能識別性都不清的圖標，只能算作一個裝飾性的東西。

APP的線框圖，這個呢就是一個APP應用軟件的每個頁面的布局結構，一般是由產品交互設計師來做線框圖的。但是國外因為很多公司崗位定義不明確，所以現(xiàn)在很多PM產品經理在兼做產品交互，也有讓GUI視覺設計師來做的。

其實，這個東西主要就是定義，功能在哪里，具體怎么跳轉和應用的交互流程和框架。

品創(chuàng)設計UI設計流程：產品需求-產品定義-產品功能定義-技術評估-信息架構-線框布局-軟件架構-數(shù)據定義-視覺設計-切圖開發(fā)-上線測試-問題跟蹤-問題反饋-迭代開發(fā)

第四篇：《UI設計》課程標準

《UI設計》學習領域課程標準

執(zhí)筆：甄珍

審核：

時間： 2013-5-

5一、學習領域定位

“UI”熱是近幾年來興起的潮流，近幾年國內很多從事手機，軟件，網站，增值服務等企業(yè)和公司都設立了這個部門。還有很多專門從事UI設計的公司也應運而生。

正是鑒于目前UI行業(yè)的發(fā)展狀況，本專業(yè)第一次開設計《UI設計》課程。

《UI設計》是所有與網絡通信軟件相關專業(yè)課程，該課程既可以鞏固前期所學的設計基礎理論知識和設計軟件應用知識，還重在給學生開拓新的專業(yè)知識面，認知一個新的設計領域，從而拓展職業(yè)能力和就業(yè)選擇面。

二、職業(yè)分析

目前UI即用戶界面設計行業(yè)剛剛在全球軟件業(yè)興起，屬于高新技術設計產業(yè)，與國外在同步發(fā)展水平。其次國內外眾多大型IT企業(yè)(例如：百度、騰訊、Yahoo、中國移動、Nokia、聯(lián)想、網易、微軟、盛大、淘寶等眾多企業(yè))均已成立專業(yè)的UI設計部門，但專業(yè)人才稀缺，人才資源爭奪激烈。但目前全國UI設計專業(yè)的系統(tǒng)教學極其稀少。UI設計師的待遇和地位也逐漸上升。

三、學習目標

知識目標：使學生能熟悉UI設計的流程和設計方法，并能使用制作有創(chuàng)意的，充滿視覺沖擊力的UI設計作品。

技能目標：使學生學會系統(tǒng)規(guī)劃和全局思維，能夠完成一整套UI系統(tǒng)的設計。

素養(yǎng)目標：使學生具備能從事UI系統(tǒng)的開發(fā)與設計能力，培養(yǎng)學生團隊合作、及獨立思考能力。

四、學習內容

四、學習領域課程設計思路

（一）設計理念

五、考核方式

學生成績的評定，以學生平時表現(xiàn)和任務完成情況及最終考核來核定。評分細則如下表：

其中，平時成績包括平時上課的表現(xiàn)和各任務的完成情況，占總成績的30％；最終考核成績所用考核方式為機試，占總成績的70％。

第五篇：UI設計流程

UI設計流程

階段一：分析

1用戶需求分析 2用戶交互場景分析 3競爭產品分析

這兩者可以說是相輔相成的。對于一個較為正規(guī)的項目而言，必然有對用戶需求的分析內容。Tanjurd瑭錦資深UI設計師表示其中用戶UI需求是重要的組成部分。如果說UI設計原則是所有UI設計的出發(fā)點的話，那么用戶UI需求就是本次設計的出發(fā)是好的UI設計建立在對用戶深刻了解之上。因此用戶交互場景分析就很重要。對于大部分項目組來說也許沒有時間和精力去實際勘查用戶的現(xiàn)有交互、制作完善的交互模型考察，但是UI設計人員在分析的時候一定要站在用戶角度思考：如果我是用戶，這里我會需要什么。競爭產品能夠上市并且被UI設計者知道，必然有其長處。這就是所謂三人行必有我?guī)煹囊馑肌Ｃ總€設計者的思維都有局限性，看到別人的設計會有觸類旁通的好處。當然有的時候可以參考的并不一定是競爭產品。

階段二 設計需求：（葉面設計前需提給UI頁面組）

1.系統(tǒng)設計需求文檔。2.系統(tǒng)結構文檔（例如欄目劃分，目錄結構，導航方式等）。3.較復雜頁面表現(xiàn)形式草圖（手繪或相關軟件繪制）。4.較復雜業(yè)務流程文檔。5.如有可能提供參考和示例站點。6.與程序員溝通部分頁面實現(xiàn)方法。

段三：頁面制作：

1.經過確認的美術設計的方案圖7.系統(tǒng)設計需求文檔等，較復雜務流程文檔。2.所需頁面腳本需求，與程序員溝通部分頁面實現(xiàn)方法。3提交給程序

用戶交互case圖（說明用戶和系統(tǒng)之間的聯(lián)系）用戶交互流程圖（說明交互和事件之間的聯(lián)系）交互功能設計圖（說明功能和交互的對應關系）最終得到UI的設計產品。

階段四：驗證

界面測試：（頁面組提交給測試組包括：1.經確認的設計方案圖。2.靜態(tài)模板頁面。以上二項均為便于查看嵌入程序后的葉面情況。3.常出現(xiàn)的界面錯誤：圖片錯誤，頁面不美觀，布局不合理，與原先設計不符，文字 錯誤HTML代碼錯誤，頁面程序錯誤。4.界面bug測試報告：

正如Tanjurd瑭錦國際UI交互設計原則文中提到的，對于UI產品的驗證主要從下面幾個方面入手：

1、功能性對照UI設計的再好，和需求不一致也不可以。

2、實用性內部測試UI設計的最重要點就是實用性。

3、用戶焦點小組UI設計是否優(yōu)秀的重要衡量依據。最后，瑭錦Tanjurd說一點其他的問題?，F(xiàn)在往往認為交互式設計和最終的UI效果設計可以截然分開。這就好比說需求可以和設計截然分開，是不可能的。

總結：

1.產品定位與市場分析這一類工作大多都是由新產品研發(fā)部門以及市場需求完成的，但UI設計師應了解產品的市場定位、產品定義、客戶群體、運營方式等。

2.用戶研究與分析這個過程是非常重要的，設計師應該找到合適的方法來完成此環(huán)節(jié)。你可以搜集相關資料分析目標用戶的使用特征、情感、習慣、心里、需求等，提出用戶研究報告和可用性設計建議。這部分工作也可和團隊配合完成。時間與項目需求允許的情況下，更可以制定實景用戶分析。

3.架構設計這里涉及到比較多的界面交互與流程的設計，根據可用性分析結果制定交互方式、操作與跳轉流程、結構、布局、信息和其他元素。

4.原型設計我覺得這里應該是一個小的階段標志，要對前面所有工作加以設計方面的實施，根據進度與成本，可以把原型控制在“手繪－圖形－FLASH-視頻”幾個質量范圍。原型的本質更傾向與一個DEMO，它不需要有全部的功能，但要體現(xiàn)出設計對象的基本特性。

5.界面設計如果很傾向于圖形界面設計，這兒是你最喜歡的部分。但一定要結合循環(huán)討論過的分析結果做設計，否則你的作品很難被人信服。色調、風格、界面、窗口、圖標、皮膚的表現(xiàn)是本環(huán)節(jié)的關鍵。

6.界面輸出作為設計師，在這一部分的工作就是配合好開發(fā)人員完成相關的界面結合。7.完善工作這個環(huán)節(jié)是很多部門共同參與的，包括可用性的循環(huán)研究、用戶體驗回饋、測試回饋。同時，UI人員也應該把一些可行性建議進行完善。Tanjurd瑭錦表示很多設計師做了東西不喜歡改，這是一個大忌。

如上的流程，可能會有很多部門共同參與完成，UI設計師如何與團隊配合并發(fā)揮自己應有的作用非常重要。一名合格的UI設計師，應該能貫穿整個UI流程進行工作，而并非是單純的圖形界面設計。