第頁ui設(shè)計說明怎么寫UI制定是指對軟件的人機(jī)交互、操作邏輯、界面美觀的整體制定，也叫界面制定。那么，〔ui制定〕說明怎么寫?下面我為大家整理的一些內(nèi)容，希望大家喜愛!

我們的目標(biāo)是：(沒有蛀牙，^_^玩笑!)

既要清楚描述用戶界面原型中的細(xì)節(jié)和交互方式，又要方便項目組的其他開發(fā)人員、必須求人員以及測試人員等角色交流察看的說明文檔。

主要內(nèi)容包括：

1.產(chǎn)品的目標(biāo)和成功標(biāo)準(zhǔn)，(例如一個全新的預(yù)言項目不可能要求用戶滿意度在90%以上，對升級產(chǎn)品要求就會高一些。)

2.產(chǎn)品最終用戶群及產(chǎn)品用途(了解用戶的年齡、職業(yè)、產(chǎn)品的使用環(huán)境等都是非常必要的)

3.首先滿足基本功能。(例如DVD機(jī)的基本功能是播放影碟，可能還有播放CD的功能等等)

4.主要功能(在產(chǎn)品的幾十個功能中通過用戶驗證和項目組篩選，選取用戶最常用到的功能，將其優(yōu)化，以不同層次展現(xiàn)于界面上。)

5.用戶界面特性。(每一款界面都有自己的特性，比如觸摸屏的操作界面與手機(jī)的操作界面就算功能完全一樣，結(jié)構(gòu)、布局等特點也不會相同的。)

幾點注意事項

1.必須緊貼必須求，圍繞功能點展開。

2.描述語言簡短準(zhǔn)確(這樣別人看的時候才不會煩)

3.堅持文本的易維護(hù)性，建議使用WORD的大綱視圖編寫，便于更改和查找。

4.說明書一定要有版本管理，對每次更新內(nèi)容要做具體說明。

5.圖標(biāo)要與名稱一同提交，并說明是什么類型，如桌面圖標(biāo)、列表中的圖標(biāo)、工具欄圖標(biāo)、按鈕圖標(biāo)、屬性框或提示信息框中的圖標(biāo)等等。

6.注意紀(jì)錄，包括項目組和用戶以及合作伙伴，如果在解釋某一特性時令兩人以上會感到疑惑，那這一部分就必須要更清楚的闡述了。

7.制定與實現(xiàn)同步，這個時最難的了，很多制定由于程序無法實現(xiàn)都被"卡'掉，早期程序也無法確定是否可以實現(xiàn)，傷腦筋!

8.維護(hù)UI制定說明書時不要忘記維護(hù)原型，作為UI制定說明書的補充原型是很重要的。

UI制定中容易被忽略的地方

1.支持錯誤提示和撤銷操作

2.簡便的安裝和卸載。

3.必要的設(shè)置和幫助。

4.異常處理、錯誤消息的描述和問題回應(yīng)提示。

5.除界面上有的圖標(biāo)和按鈕外，還要有快節(jié)鍵、菜單訪問鍵、右鍵菜單、是否支持從其它軟件界面內(nèi)托拽復(fù)制文件等操作的說明。

6.域、菜單和按鈕在什么狀況下為不可點擊狀態(tài)。

7.狀態(tài)區(qū)，用來描述界面狀態(tài)的區(qū)域，通常位于頁面下方。(PS存儲時狀態(tài)區(qū)會顯示進(jìn)度條)

8.剪貼板行為，用戶在我們產(chǎn)品中拷貝的文字或圖片的局部，是否可以貼入其他程序。

9.指針的行為，說明超過多長時間的等待時應(yīng)出現(xiàn)沙漏狀態(tài)，在文本輸入?yún)^(qū)光標(biāo)應(yīng)有改變、有鏈接的地方有變?yōu)樾∈值?/p>

10.聲音行為，警示音、按鈕觸發(fā)音等

11.統(tǒng)一消息窗的彈出位置、背景色、大小、布局及特色

12.菜單欄和下拉選項等程序動作的描述，是向下還是向右彈出等。

13.動態(tài)狀態(tài)描述，如果要求窗口漸隱或漸顯，那就要說明漸隱或漸顯過程的時間以及方式(半透明還是馬賽克)等。

2UI制定內(nèi)容

與之相應(yīng)，UI制定師的職能大體包括三方面：一是圖形制定，軟件產(chǎn)品的產(chǎn)品"外形'制定。二是交互制定，主要在于制定軟件的操作流程、樹狀結(jié)構(gòu)、操作規(guī)范等。一個軟件產(chǎn)品在編碼之前必須要做的就是交互制定，并且確立交互模型，交互規(guī)范。三是用戶測試/研究，這里所謂的"測試'，其目標(biāo)恰在于測試交互制定的合理性及圖形制定的美觀性，主要通過以目標(biāo)用戶問卷的形式衡量UI制定的合理性。如果沒有這方面的測試研究，UI制定的好壞只能憑借制定師的經(jīng)驗或者領(lǐng)導(dǎo)的審美來評判，這樣就會給企業(yè)帶來極大的風(fēng)險。

研究界面

圖形制定師GraphicUIdesigner

國內(nèi)大部分UI工都是從事這個行業(yè)，是了解軟件產(chǎn)品、致力于提升軟件用戶體驗的產(chǎn)品外形制定師。

這些制定師大多是美術(shù)院校畢業(yè)的，其中大部分是有美術(shù)制定教育背景，例如工業(yè)外形制定，裝潢制定，信息多媒體制定等。

人與界面

交互制定師interactiondesigner

在圖形界面產(chǎn)生之前，長期以來UI制定師就是指交互制定師。交互制定師的工作內(nèi)容就是制定軟件的操作流程，樹狀結(jié)構(gòu)，軟件的結(jié)構(gòu)與操作規(guī)范(spec)等。一個軟件產(chǎn)品在編碼之前必須要作的就是交互制定，并且確立交互模型，交互規(guī)范。

交互制定師一般都是軟件工程師背景居多，也有視覺制定師轉(zhuǎn)行進(jìn)入的。

研究人

用戶測試/研究工程師Userexperienceengineer

任何的產(chǎn)品為了確保質(zhì)量都必須要測試，軟件的編碼必須要測試，自然UI制定也必須要被測試。這個測試和編碼沒有任何關(guān)系，主要是測試交互制定的合理性以及圖形制定的美觀性。測試方法一般都是采納焦點小組，用目標(biāo)用戶問卷的形式來衡量UI制定的合理性。這個職位很重要，如果沒有這個職位，UI制定的好壞只能憑借制定師的經(jīng)驗或者領(lǐng)導(dǎo)的審美來評判，這樣就會給企業(yè)帶來嚴(yán)重的風(fēng)險性。

用戶研究工程師一般是心理學(xué)人文學(xué)背景比較合適。

綜上所述UI制定師就是：軟件圖形制定師、交互制定師、用戶研究工程師。

3UI制定原則

1.簡易性

界面的簡潔是要讓用戶便于使用、便于了解產(chǎn)品，并能減少用戶發(fā)生錯誤選擇的可能性。

2.用戶語言

界面中要使用能反映用戶本身的語言，而不是游戲制定者的語言。

3.記憶負(fù)擔(dān)最小化

人腦不是〔電腦〕，在制定界面時必須要合計人類大腦處理信息的限度。人類的短期記憶有限且極不穩(wěn)定，24小時內(nèi)存在約25%的遺忘率。所以對用戶來說，瀏覽信息要比記憶更容易。

4.一致性

它是每一個出色界面都具備的特點。界面的結(jié)構(gòu)必須清楚且一致，風(fēng)格必須與產(chǎn)品內(nèi)容相一致。

5.清楚

在視覺效果上便于理解和使用。

6.用戶的熟悉程度

用戶可通過已掌握的知識來使用界面，但不應(yīng)超出一般常識。

7.從用戶習(xí)慣合計

想用戶所想，做用戶所做。用戶總是按照他們自己的方法理解和使用。

通過比較兩個不同世界(真實與虛擬)的事物，完成更好的制定。如：書籍對比竹簡。

8.排列

一個有序的界面能讓用戶輕松的使用。

9.安全性

用戶能自由的作出選擇，且所有選擇都是可逆的。在用戶作出危險的選擇時有信息介入系統(tǒng)的提示。

10.靈活性

簡單來說就是要讓用戶方便的使用，但不同于上述。即互動多重性，不局限于單一的工具(包括鼠標(biāo)、鍵盤或手柄、界面)。

11.人性化

高效率和用戶滿意度是人性化的體現(xiàn)。應(yīng)具備專家級和初級玩家系統(tǒng)，即用戶可依據(jù)自己的習(xí)慣定制界面，并能儲存設(shè)置。

UI常見的手機(jī)UI

4UI制定規(guī)范

一致性原則

保持以用戶體驗為中心制定原則，界面直觀、簡潔，操作方便快捷，用戶接觸軟件后對界面上對應(yīng)的功能一目了然、不必須要太多培訓(xùn)就可以方便使用本應(yīng)用系統(tǒng)。

字體

-堅持字體及顏色一致，避免一套主題出現(xiàn)多個字體;

-不可修改的字段，統(tǒng)一用灰色文字顯示。

對齊

-堅持頁面內(nèi)元素對齊方式的一致，如無特別狀況應(yīng)避免同一頁面出現(xiàn)多種數(shù)據(jù)對齊方式。

表單錄入

-在包涵必須與選填的頁面中，必須在必填項旁邊給出醒目標(biāo)識(*);

-各類型數(shù)據(jù)輸入必須限制文本類型，并做格式校驗如號碼輸入只同意輸入數(shù)字、郵箱地址必須要包涵"@'等，在用戶輸入有誤時給出明確提示。

鼠標(biāo)手勢

-可點擊的按鈕、鏈接必須要切換鼠標(biāo)手勢至手型;

堅持功能及內(nèi)容描述一致

-避免同一功能描述使用多個詞匯，如編輯和修改，新增和增加，刪除和清除混用等。建議在項目開發(fā)階段建立一個產(chǎn)品詞典，包括產(chǎn)品中常用術(shù)語及描述，制定或開發(fā)人員嚴(yán)格按照產(chǎn)品詞典中的術(shù)語詞匯來展示文字信息。

準(zhǔn)確性原則

使用一致的標(biāo)記、標(biāo)準(zhǔn)縮寫和顏色，顯示信息的含義應(yīng)該非常明確，用戶不必再參照其它信息源。

顯示有意義的出錯信息，而不是單純的程序錯誤代碼。

避免使用文本輸入框來放置不可編輯的文字內(nèi)容，不要將文本輸入框當(dāng)成標(biāo)簽使用。

使用縮進(jìn)和文本來輔助理解。

使用用戶語言詞匯，而不是單純的專業(yè)計算機(jī)術(shù)語。

高效地使用顯示器的顯示空間，但要避免空間過于擁擠。

堅持語言的一致性，如"確定'對應(yīng)"取消',"是'對應(yīng)"否'。

可讀性原則

文字長度

文字的長度，特別是在大塊空白的制定中很重要，太長會導(dǎo)致眼睛疲憊，閱讀困難。太短又常常會造成尷尬的斷裂效果，斷字的使用也會造成大量的復(fù)合詞，這些斷裂嚴(yán)重的影響了閱讀的流暢性。

空間和對比度

每個字符同線路長度，間距也是重要的。所以每個字符之間的空間至少等于字符的尺寸，大多數(shù)數(shù)字制定人員習(xí)慣選擇一個最小的文字大小的150%為空間距離，這就可以留下足夠的空間。當(dāng)每一行中讀取大段的文字，且線路長度過多或線之間的空間太少，都會造成理解困難。

對齊方式

無論是在文本中心，還是偏左，或者是沿著一個文件的右側(cè)對齊，文本的對齊相當(dāng)重要，可以極大地影響可讀性。一般而言，文本習(xí)慣向左對齊，因為它反映了你的閱讀方式從左至右。你熟悉每一行開始和結(jié)束的地方。

布局合理化原則

在進(jìn)行UI制定時必須要充分合計布局的合理化問題，遵循用戶從上而下，自左向右瀏覽、操作習(xí)慣，避免常用業(yè)務(wù)功能按鍵排列過于分散，以造成用戶鼠標(biāo)移動距離過長的弊端。多做"減法'運算，將不常用的功能區(qū)塊隱藏，以堅持界面的簡潔，使用戶專注于主要業(yè)務(wù)操作流程，有利于提升軟件的易用性及可用性。

菜單

-堅持菜單簡潔性及分類的準(zhǔn)確性，避免菜單深度超過3層。

-菜單中功能是必須要打開一個新頁面來完成的，必須要在菜單名字后面加上"'?！局贿m用于C/S架構(gòu)，B/S請無視】。

按鈕

確認(rèn)操作按鈕放置左邊，取消或關(guān)閉按鈕放置于右邊。

功能

-未完成功能必須隱藏處理，不要置于頁面內(nèi)容中，以免引起誤會。

排版

-所有文字內(nèi)容排版避免貼邊顯示(頁面邊緣)，盡量堅持10-20像素的間距并在垂直方向上居中對齊;各控件元素間也堅持至少10像素以上的間距，并保證控件元素不緊貼于頁面邊沿。

表格數(shù)據(jù)列表

-字符型數(shù)據(jù)堅持左對齊，數(shù)值型右對齊(方便閱讀對比)，并依據(jù)字段要求，統(tǒng)一顯示小數(shù)位位數(shù)。

滾動條

-頁面布局制定時應(yīng)避免出現(xiàn)橫向滾動條。

頁面導(dǎo)航(面包屑導(dǎo)航)

-在頁面顯眼位置應(yīng)該出現(xiàn)面包屑導(dǎo)航欄，讓用戶知道當(dāng)前所在頁面的位置，并明確導(dǎo)航結(jié)構(gòu)，如：首頁新聞中心歐科智能招商服務(wù)平臺正式發(fā)布，其中帶下劃線部分為可點擊鏈接。

信息提示窗口

-信息提示窗口應(yīng)位于當(dāng)前頁面的居中位置，并適當(dāng)弱化背景層以減少信息干擾，讓用戶把注意力集中在當(dāng)前的信息提示窗口。一般做法是在信息提示窗口的背面加一個半透明顏色填充的遮罩層。

系統(tǒng)操作合理性原則

盡量保證用戶在不使用鼠標(biāo)(只使用鍵盤)的狀況下也可以流暢地完成一些常用的業(yè)務(wù)操作，各控件間可以通過Tab鍵進(jìn)行切換，并將可編輯的文本全選處理。

查詢檢索類頁面，在查詢條件輸入框內(nèi)按回車應(yīng)該自動觸發(fā)查詢操作。

在進(jìn)行一些不可逆或者刪除操作時應(yīng)該有信息提示用戶，并讓用戶確認(rèn)是否持續(xù)操作，必要時應(yīng)該把操作造成的后果也告訴用戶。

信息提示窗口的"確認(rèn)'及"取消'按鈕必須要分別映射鍵盤按鍵"Enter'和"ESC'。

避免使用鼠標(biāo)雙擊動作，不僅會增加用戶操作難度，還可能會引起用戶誤會，認(rèn)為功