大連UI設(shè)計輔導(dǎo)學(xué)習(xí)

UI即User Interface(用戶界面)的簡稱。

UI設(shè)計是指對軟件的人機交互、操作邏輯、界面美觀的整體設(shè)計。好的UI設(shè)計不僅是讓軟件變得有個性有品位，還要讓軟件的操作變得舒適簡單、自由，充分體現(xiàn)軟件的定位和特點。 軟件設(shè)計可分為兩個部分：編碼設(shè)計與UI設(shè)計。UI的本意是用戶界面，是英文User和 Interface的縮寫。從字面上看是用戶與界面2個部分組成，但實際上還包括用戶與界面之間的交互關(guān)系。[1]  在飛速發(fā)展的電子產(chǎn)品中，界面設(shè)計工作一點點的被重視起來。做界面設(shè)計的“美工”也隨之被稱之為“UI設(shè)計師”或“UI工程師”。其實軟件界面設(shè)計就像工業(yè)產(chǎn)品中的工業(yè)造型設(shè)計一樣，是產(chǎn)品的重要賣點。一個電子產(chǎn)品擁有美觀的界面會給人帶來舒適的視覺享受，拉近人與商品的距離，是建立在科學(xué)性之上的藝術(shù)設(shè)計。檢驗一個界面的標(biāo)準(zhǔn)既不是某個項目開發(fā)組領(lǐng)導(dǎo)的意見也不是項目成員投票的結(jié)果，而是終端用戶的感受。

UI就業(yè)前景

編輯  UI即用戶界面設(shè)計行業(yè)剛剛在全球軟件業(yè)興起，屬于高薪技術(shù)設(shè)計產(chǎn)業(yè)，與國外在同步發(fā)展水平。其次國內(nèi)外眾多大型IT企業(yè)(例如：百度、騰訊、Yahoo、中國移動、Nokia、聯(lián)想、網(wǎng)易、微軟、盛大、淘寶等眾多企業(yè))均已成立專業(yè)的UI設(shè)計部門，但專業(yè)人才稀缺，人才資源爭奪激烈。就業(yè)市場供不應(yīng)求。[3]  UI設(shè)計工作的年薪基本保持在10到15萬，經(jīng)驗豐富者可以達(dá)到20萬，資深的UI設(shè)計人員年薪可以更高。

UI的內(nèi)容

與之相應(yīng)， UI設(shè)計師的職能大體包括三方面：

一是圖形設(shè)計，即傳統(tǒng)意義上的“美工”。當(dāng)然，實際上他們承擔(dān)的不是單純意義上美術(shù)工人的工作，而是軟件產(chǎn)品的產(chǎn)品“外形”設(shè)計。

二是交互設(shè)計，主要在于設(shè)計軟件的操作流程、樹狀結(jié)構(gòu)、操作規(guī)范等。一個軟件產(chǎn)品在編碼之前需要做的就是交互設(shè)計，并且確立交互模型，交互規(guī)范。

三是用戶測試/研究，這里所謂的“測試”，其目標(biāo)恰在于測試交互設(shè)計的合理性及圖形設(shè)計的美觀性，主要以目標(biāo)用戶問卷的形式衡量UI設(shè)計的合理性。如果沒有這方面的測試研究，UI設(shè)計的好壞只能憑借設(shè)計師的經(jīng)驗或者領(lǐng)導(dǎo)的審美來評判，這樣就會給企業(yè)帶來極大的風(fēng)險。

UI操作

盡量確保用戶在不使用鼠標(biāo)（只使用鍵盤）的情況下也可以流暢地完成一些常用的業(yè)務(wù)操作，各控件間可以Tab鍵進行切換，并將可編輯的文本全選處理。 查詢檢索類頁面，在查詢條件輸入框內(nèi)按回車應(yīng)該自動觸發(fā)查詢操作。 在進行一些不可逆或者刪除操作時應(yīng)該有信息提示用戶，并讓用戶確認(rèn)是否繼續(xù)操作，必要時應(yīng)該把操作造成的后果也告訴用戶。 信息提示窗口的“確認(rèn)”及“取消”按鈕需要分別映射鍵盤按鍵“Enter”和“ESC”。 避免使用鼠標(biāo)雙擊動作，不僅會增加用戶操作難度，還可能會引過用戶誤會，認(rèn)為功能點擊無效。 表單錄入頁面，需要把輸入焦點定位到**個輸入項。用戶Tab鍵可以在輸入框或操作按鈕間切換，并注意Tab的操作應(yīng)該遵循從左向右、從上而下的順序。

UI設(shè)計流程

一、確認(rèn)目標(biāo)用戶 在UI設(shè)計過程中，需求設(shè)計角色會確定軟件的目標(biāo)用戶，獲取用戶和直接用戶的需求。 用戶交互要考慮到目標(biāo)用戶的不同引起的交互設(shè)計重點的不同。 例如：對于科學(xué)用戶和對于電腦入門用戶的設(shè)計重點就不同。

二、采集目標(biāo)用戶的習(xí)慣交互方式 不同類型的目標(biāo)用戶有不同的交互習(xí)慣。這種習(xí)慣的交互方式往往來源于其原有的針對現(xiàn)實的交互流程、已有軟件工具的交互流程。 當(dāng)然還要在此基礎(chǔ)上調(diào)研分析找到用戶希望達(dá)到的交互效果，并且以流程確認(rèn)下來。

三、提示和引導(dǎo)用戶 軟件是用戶的工具。因此應(yīng)該由用戶來操作和控制軟件。軟件響應(yīng)用戶的動作和設(shè)定的規(guī)則。 對于用戶交互的結(jié)果和反饋，提示用戶結(jié)果和反饋信息，引導(dǎo)用戶進行用戶需要的下一步操作。

四、一致性原則 設(shè)計目標(biāo)一致 軟件中往往存在多個組成部分（組件、元素）。不同組成部分之間的交互設(shè)計目標(biāo)需要一致。

例如：如果以電腦操作初級用戶作為目標(biāo)用戶，以簡化界面邏輯為設(shè)計目標(biāo)，那么該目標(biāo)需要貫徹軟件（軟件包）整體，而不是局部。 元素外觀一致 交互元素的外觀往往影響用戶的交互效果。同一個（類）軟件采用一致風(fēng)格的外觀，對于保持用戶焦點，改進交互效果有很大幫助。遺憾的是如何確認(rèn)元素外觀一致沒有特別統(tǒng)一的衡量方法。因此需要對目標(biāo)用戶進行調(diào)查取得反饋。 交互行為一致 在交互模型中，不同類型的元素用戶觸發(fā)其對應(yīng)的行為事件后，其交互行為需要一致。

例如：所有需要用戶確認(rèn)操作的對話框都至少包含確認(rèn)和放棄兩個按鈕。 對于交互行為一致性原則比較極端的理念是相同類型的交互元素所引起的行為事件相同。但是我們可以看到這個理念雖然在大部分情況下正確，但是的確有相反的例子證明不按照這個理念設(shè)計，會更加簡化用戶操作流程。[2]

五、可用性原則 可理解 軟件要為用戶使用，用戶必須可以理解軟件各元素對應(yīng)的功能。 如果不能為用戶理解，那么需要提供一種非破壞性的途徑，使得用戶可以對該元素的操作，理解其對應(yīng)的功能。 比如：刪除操作元素。用戶可以點擊刪除操作按鈕，提示用戶如何刪除操作或者是否確認(rèn)刪除操作，用戶可以更加詳細(xì)的理解該元素對應(yīng)的功能，同時可以取消該操作。 可達(dá)到 用戶是交互的中心，交互元素對應(yīng)用戶需要的功能。因此交互元素必須可以被用戶控制。 用戶可以用諸如鍵盤、鼠標(biāo)之類的交互設(shè)備移動和觸發(fā)已有的交互元素達(dá)到其它在此之前不可見或者不可交互的交互元素。 要注意的是交互的次數(shù)會影響可達(dá)到的效果。當(dāng)一個功能被深深隱藏（一般來說超過4層）那么用戶達(dá)到該元素的幾率就大大降低了。 可達(dá)到的效果也同界面設(shè)計有關(guān)。過于復(fù)雜的界面會影響可達(dá)到的效果。（參考簡單導(dǎo)向原則） 可控制 軟件的交互流程，用戶可以控制。 功能的執(zhí)行流程，用戶可以控制。 如果確實無法提供控制，則用能為目標(biāo)用戶理解的方式提示用戶。

咨詢電話：QQ:262253216     13614110653 劉老師