UI設(shè)計分析.doc

_UI設(shè)計UI 到底是啥？ 當你打開電腦時，是否想象過你熟悉的這些界面是怎么來的？當你用媒體播放器播放音樂時，你是否會選擇一個你喜歡的界面？你是否曾因為漂亮的手機操作界面而決定買下手機，又或者你是否總喜歡下載最新的各種表情和圖標？要知道，這一切都是因為有了UI設(shè)計師。 用一句話概述：UI 是連接機器與人溝通的橋梁。UI 的中文名是用戶界面（User interface），是指對軟件的人機交互、操作邏輯、界面美觀的整體設(shè)計。舉例來說，開車的時候方向盤和顯示器就是這個界面，看電視的時候遙控器和屏幕就是這個界面，用電腦的時候鍵盤和顯示器就是這個界面。因此，UI設(shè)計師的工作范圍非常龐雜，涉及軟件界面設(shè)計、即時通訊軟件界面設(shè)計、媒體播放器界面造型設(shè)計、游戲界面設(shè)計、桌面主題定制、軟件圖標設(shè)計、工具欄圖標設(shè)計、logo設(shè)計、表情頭像圖標設(shè)計、手機界面設(shè)計、PMP播放器界面設(shè)計、TV端界面設(shè)計、PDA界面設(shè)計、車載設(shè)備界面設(shè)計等等。我們現(xiàn)在使用的大多數(shù)設(shè)備界面也是現(xiàn)在大多數(shù)設(shè)計師所做的工作都是圖形用戶界面，即 GUI( Graphical user interface）。我們通過這些可視化的圖形界面來理解計算機，進行工作。UI的由來 UI在中國真正興起發(fā)展到現(xiàn)在不過短短的幾年時間，對于UI的行業(yè)標準在不同的公司不同的行業(yè)也不相同?？赡芎芏嗳说膶I的認識還停留在傳統(tǒng)意義上的“美工”，但實際上UI并不是單純意義上的美術(shù)工人，而是了解軟件產(chǎn)品、致力于提高軟件用戶體驗的產(chǎn)品外形設(shè)計師。 我們最早使用的計算機，最初的界面可不像現(xiàn)在這么友好，那時的界面還是命令行界面，CLI（Command line interface）。計算機只是被政府或大型機構(gòu)使用，在普通人眼中是完全不能理解的存在。（命令行界面，Bourne shell interaction on Version 7 Unix） 而喬布斯一直渴望計算機能進入尋常百姓家。在 1979 年，他命運般地參觀了施樂公司，然后做了一回搬運工使得圖形界面被應用在 Macintosh 上，還引入了鼠標。蘋果電腦大肆宣傳其創(chuàng)新的交互界面，Macintosh 的誕生開啟了一個新的時代。而那時的界面設(shè)計也奠定了現(xiàn)在的計算機界面。你可以發(fā)現(xiàn)很多設(shè)計，過了幾十年依舊被保留了下來。（1984 年面世的 Mac OS System 1.0）System 1.0是蘋果隨同Macintosh 128K的最初電腦操作系統(tǒng)，發(fā)布于1984年1月，是第一個麥金塔操作系統(tǒng)。當時的System 1.0含有桌面、窗口 、圖標、光標、菜單和卷動欄等項目。這是最早的關(guān)于UI的理念。隨著計算機系統(tǒng)的不斷發(fā)展，我們使用的界面也變得越來越人性化。讓我們看一下最新的MAC系統(tǒng)及Windows系統(tǒng)界面。OSX ElCapitanWin10系統(tǒng)UI的職能及價值一是圖形設(shè)計，軟件產(chǎn)品的產(chǎn)品“外形”設(shè)計。 漂亮的用戶界面，能夠讓用戶賞心悅目百看不厭，給人帶來舒適的視覺享受，拉近人與商品的距離，是建立在科學性之上的藝術(shù)設(shè)計。無論是誰都喜歡漂亮的東西，無論是什么只要是漂亮的，總會讓你多看兩眼，哪怕你現(xiàn)在用不上或者說不能用，至少讓你記住了它。界面也要像美女一樣，臉蛋漂亮，凹凸有致，這樣才能人見人愛。 但UI存在的價值不是單純的美化頁面。好的UI設(shè)計不僅是讓軟件變得有個性有品位，還要讓軟件的操作變得舒適簡單、自由，充分體現(xiàn)軟件的定位和特點，是對軟件的人機交互、操作邏輯、界面美觀的整體設(shè)計。檢驗一個界面的標準既不是某個項目開發(fā)組領(lǐng)導的意見也不是項目成員投票的結(jié)果，而是終端用戶的感受。二是交互設(shè)計，主要在于設(shè)計軟件的操作流程、樹狀結(jié)構(gòu)、操作規(guī)范等。一個軟件產(chǎn)品在編碼之前需要做的就是交互設(shè)計，并且確立交互模型，交互規(guī)范。合理的信息結(jié)構(gòu)，可以將產(chǎn)品的主要流程，主要業(yè)務等很明顯的曝露在用戶面前，可以讓用戶在一瞬間就知道我們的產(chǎn)品是做什么的。除此之外，信息與信息之間還需要有層次，一個好的UI，是有韻律的，是有節(jié)奏的。三是用戶測試/研究，這里所謂的“測試”，其目標恰在于測試交互設(shè)計的合理性及圖形設(shè)計的美觀性，主要通過以目標用戶問卷的形式衡量UI設(shè)計的合理性。 良好的用戶體驗，讓用戶了解到我們的產(chǎn)品以后能夠很輕松很簡單的就能使用。她“善解人意”，她“溫柔體貼”，能夠知道你現(xiàn)在可能需要/要做什么，你以后可能需要/要做什么。研究界面圖形設(shè)計師Graphic UI designer國內(nèi)大部分UI工作者都是從事這個行業(yè)。這些設(shè)計師大多是美術(shù)院校畢業(yè)的，其中大部分是有美術(shù)設(shè)計教育背景，例如工業(yè)外形設(shè)計，裝潢設(shè)計，信息多媒體設(shè)計等。人與界面交互設(shè)計師interaction designer在圖形界面產(chǎn)生之前，長期以來UI設(shè)計師就是指交互設(shè)計師。交互設(shè)計師的工作內(nèi)容就是設(shè)計軟件的操作流程，樹狀結(jié)構(gòu)，軟件的結(jié)構(gòu)與操作規(guī)范（spec）等。一個軟件產(chǎn)品在編碼之前需要作的就是交互設(shè)計，并且確立交互模型，交互規(guī)范。交互設(shè)計師一般是軟件工程師背景居多，也有視覺設(shè)計師轉(zhuǎn)行進入的。研究人用戶測試/研究工程師User experience engineer任何的產(chǎn)品為了保證質(zhì)量都需要測試，軟件的編碼需要測試，自然UI設(shè)計也需要被測試。這個測試和編碼沒有任何關(guān)系，主要是測試交互設(shè)計的合理性以及圖形設(shè)計的美觀性。測試方法一般都是采用焦點小組，用目標用戶問卷的形式來衡量UI設(shè)計的合理性。這個職位很重要，如果沒有這個職位，UI設(shè)計的好壞只能憑借設(shè)計師的經(jīng)驗或者領(lǐng)導的審美來評判，這樣就會給企業(yè)帶來嚴重的風險性。用戶研究工程師一般是心理學人文學背景比較合適。綜上所述UI設(shè)計師就是：軟件圖形設(shè)計師、交互設(shè)計師、用戶研究工程師。我們要做的就是：盡一切所能，留住用戶。GUI工作內(nèi)容談到UI設(shè)計師都在做什么，便涉及到平臺問題。現(xiàn)在有這么多的系統(tǒng)，PC 端的、移動端的，有 Web、APP 。每一個平臺的設(shè)計原則、設(shè)計規(guī)范、交互、布局都不盡相同，存在著很大的差異化，每一個平臺也決定著UI設(shè)計師的發(fā)展方向。當然視覺設(shè)計和平臺差異的問題并非最難的，更重要的是通過設(shè)計解決用戶的問題，發(fā)揮軟件的效用。理解用戶體驗，考慮商業(yè)需求，了解技術(shù)難點，并從整個服務全局思考問題，是真正對UI設(shè)計師的考驗。具體工作內(nèi)容如下： 負責軟件界面的設(shè)計、創(chuàng)意工作和制作工作； 根據(jù)各種相關(guān)軟件的用戶群，提出構(gòu)思新穎、有高度吸引力的創(chuàng)意設(shè)計； 對頁面進行優(yōu)化，使用戶操作更趨于人性化； 維護現(xiàn)有的應用產(chǎn)品； 收集和分析用戶對于GUI的需求。設(shè)計原則1.簡易性界面的簡潔是要讓用戶便于使用、便于了解、并能減少用戶發(fā)生錯誤選擇的可能性。2.用戶語言界面中要使用能反應用戶本身的語言，而不是游戲設(shè)計者的語言。3.記憶負擔最小化人腦不是電腦，在設(shè)計界面時必須要考慮人類大腦處理信息的限度。人類的短期記憶極不穩(wěn)定、有限，24小時內(nèi)存在25%的遺忘率。所以對用戶來說，瀏覽信息要比記憶更容易。4.一致性是每一個優(yōu)秀界面都具備的特點。界面的結(jié)構(gòu)必須清晰且一致，風格必須與游戲內(nèi)容相一致。5.清楚在視覺效果上便于理解和使用。6.用戶的熟悉程度用戶可通過已掌握的知識來使用界面，但不應超出一般常識。7.從用戶習慣考慮想用戶所想，做用戶所做。用戶總是按照他們自己的方法理解和使用。通過比較兩個不同世界(真實與虛擬)的事物，完成更好的設(shè)計。如：書籍對比竹簡。8.排列一個有序的界面能讓用戶輕松的使用。9.安全性用戶能自由的作出選擇，且所有選擇都是可逆的。在用戶作出危險的選擇時有信息介入系統(tǒng)的提示。10.靈活性簡單來說就是要讓用戶方便的使用，但不同于上述。即互動多重性，不局限于單一的工具(包括鼠標、鍵盤或手柄、界面)。11.人性化高效率和用戶滿意度是人性化的體現(xiàn)。應具備專家級和初級玩家系統(tǒng)，即用戶可依據(jù)自己的習慣定制界面，并能保存設(shè)置。設(shè)計流程確認目標用戶在UI設(shè)計過程中，需求設(shè)計角色會確定軟件的目標用戶，獲取最終用戶和直接用戶的需求。用戶交互要考慮到目標用戶的不同引起的交互設(shè)計重點的不同。例如：對于科學用戶和對于電腦入門用戶的設(shè)計重點就不同。采集目標用戶的習慣交互方式不同類型的目標用戶有不同的交互習慣。這種習慣的交互方式往往來源于其原有的針對現(xiàn)實的交互流程、已有軟件工具的交互流程。當然還要在此基礎(chǔ)上通過調(diào)研分析找到用戶希望達到的交互效果，并且以流程確認下來。提示和引導用戶軟件是用戶的工具。因此應該由用戶來操作和控制軟件。軟件響應用戶的動作和設(shè)定的規(guī)則。對于用戶交互的結(jié)果和反饋，提示用戶結(jié)果和反饋信息，引導用戶進行用戶需要的下一步操作。一致性原則設(shè)計目標一致軟件中往往存在多個組成部分（組件、元素）。不同組成部分之間的交互設(shè)計目標需要一致。例如：如果以電腦操作初級用戶作為目標用戶，以簡化界面邏輯為設(shè)計目標，那么該目標需要貫徹軟件（軟件包）整體，而不是局部。元素外觀一致交互元素的外觀往往影響用戶的交互效果。同一個（類）軟件采用一致風格的外觀，對于保持用戶焦點，改進交互效果有很大幫助。遺憾的是如何確認元素外觀一致沒有特別統(tǒng)一的衡量方法。因此需要對目標用戶進行調(diào)查取得反饋。交互行為一致在交互模型中，不同類型的元素用戶觸發(fā)其對應的行為事件后，其交互行為需要一致。例如：所有需要用戶確認操作的對話框都至少包含確認和放棄兩個按鈕。對于交互行為一致性原則比較極端的理念是相同類型的交互元素所引起的行為事件相同。但是我們可以看到這個理念雖然在大部分情況下正確，但是的確有相反的例子證明不按照這個理念設(shè)計，會更加簡化用戶操作流程?？捎眯栽瓌t可理解軟件要為用戶使用，用戶必須可以理解軟件各元素對UI設(shè)計應的功能。如果不能為用戶理解，那么需要提供一種非破壞性的途徑，使得用戶可以通過對該元素的操作，理解其對應的功能。比如：刪除操作元素。用戶可以點擊刪除操作按鈕，提示用戶如何刪除操作或者是否確認刪除操作，用戶可以更加詳細的理解該元素對應的功能，同時可以取消該操作?？蛇_到用戶是交互的中心，交互元素對應用戶需要的功能。因此交互元素必須可以被用戶控制。用戶可以用諸如鍵盤、鼠標之類的交互設(shè)備通過移動和觸發(fā)已有的交互元素達到其它在此之前不可見或者不可交互的交互元素。要注意的是交互的次數(shù)會影響可達到的效果。當一個功能被深深隱藏（一般來說超過4層）那么用戶達到該元素的幾率就大大降低了?？蛇_到的效果也