界面設(shè)計(jì)中的注意事項(xiàng)

　　應(yīng)用程序中出現(xiàn)的文字統(tǒng)稱為文本，根據(jù)作用的不同可以分為標(biāo)題、控件標(biāo)簽、補(bǔ)充說明、錯(cuò)誤信息和運(yùn)營(yíng)文本等。文字信息是最基礎(chǔ)的交互元素，如早期的命令行界面，用戶依靠閱讀和寫字符與計(jì)算機(jī)交互，大量的字符需要用戶記憶，圖形界面增加了直觀的圖形交互，降低了學(xué)習(xí)成本，但文字本身傳遞意義最為準(zhǔn)確，復(fù)雜的信息還是以文字描述為主，所以在界面設(shè)計(jì)中依舊重要，易于理解的文本可以提供用戶的操作效率。

　　簡(jiǎn)潔

　　簡(jiǎn)潔就是使用最少的文字傳達(dá)最準(zhǔn)確的信息，不重復(fù)、不啰嗦，能用三個(gè)字表達(dá)清楚就不用五個(gè)字，比如標(biāo)題文字“通訊錄”比“我的通訊錄”簡(jiǎn)潔，手機(jī)是比較私人化的產(chǎn)品，一般不存在多人共用的情景。

　　比如標(biāo)題“搜索界面”和“類別界面”，“界面”不是當(dāng)前界面本身的.標(biāo)題，雖然歧義較小，但是手機(jī)界面顯示空間有限，應(yīng)該盡量精簡(jiǎn)文字。

　　文字內(nèi)容太多，雖然說明非常詳細(xì)，但用戶并一定有耐心去仔細(xì)閱讀，用戶希望得到想要的結(jié)果，而不是大段的文字解釋。在手機(jī)界面中不會(huì)出現(xiàn)如此多的文字彈出框，但是有必要讓用戶在最短的時(shí)間內(nèi)獲取信息。

　　參照win7和ios等優(yōu)秀的操作系統(tǒng)，采用“倒金字塔”結(jié)構(gòu)，比如優(yōu)先顯示最基本的顯示，再顯示更多的細(xì)節(jié)，如果彈窗口無法顯示完全，可以增加鏈接讓用戶查看更為詳細(xì)的使用幫助。之所以如此設(shè)計(jì)的緣由是：用戶在專心閱讀時(shí)，是按照正常從左到右和從上到下的順序閱讀。但是在使用應(yīng)用程序時(shí)，特別是手機(jī)應(yīng)用程序，用戶的注意力并不一定完全在界面上，對(duì)于文字用戶可以一掃而過，可能并沒用真正理解文字的意義。當(dāng)用戶不耐煩時(shí)，可能跳過文本去直接操作控件。假設(shè)用戶掃視界面，用戶一般會(huì)按照以下的順序閱讀界面文本：

　　中間的交互控件

　　提交按鈕

　　其他地方的交互控件

　　主標(biāo)題說明

　　補(bǔ)充解釋

　　窗口標(biāo)題

　　正文區(qū)域的其他靜態(tài)文本

　　腳注

　　由于控件最為醒目，有理由相信用戶閱讀手機(jī)彈出框界面文本的順序?yàn)椋?/p>

　　控件

　　彈出框正文

　　彈出框標(biāo)題

　　手機(jī)彈出框通常沒有復(fù)雜的解釋說明，在設(shè)計(jì)時(shí)應(yīng)該注意：

　　一句簡(jiǎn)短的陳訴語可以不使用標(biāo)題。

　　一句疑問語必須完整，比如“刪除所有網(wǎng)址?”缺少主語，完整表述為“您確定刪除所有網(wǎng)址嗎?”。

　　標(biāo)題不應(yīng)該比正文長(zhǎng)。

　　避免過長(zhǎng)的正文，盡量控制在1-2行，在彈出框中使用滾動(dòng)條的體驗(yàn)并不好。

　　一致性

　　相近的意思使用同樣的詞匯表述，比如“返回”、“返回上一級(jí)”和“后退”，表達(dá)的意思和操作效果一致，應(yīng)該統(tǒng)一成一個(gè)詞匯。

　　如果系統(tǒng)或者其他應(yīng)用程序都使用“返回”兩字，應(yīng)該遵循用戶使用習(xí)慣，降低學(xué)習(xí)成本。

　　標(biāo)點(diǎn)符號(hào)

　　標(biāo)點(diǎn)也是語句中不可缺少的部分，使用標(biāo)點(diǎn)符號(hào)是需要注意：

　　簡(jiǎn)短的陳述句不使用句號(hào)。

　　問句使用問號(hào)。

　　感嘆號(hào)任務(wù)完成和需要吸引用戶注意時(shí)使用，比如：恭喜您，注冊(cè)成功!

　　省略號(hào)可以表示需要或者隱藏額外信息、文本被截?cái)嗷蛘呷蝿?wù)正在進(jìn)行。比如：下載中…

　　引號(hào)可以避免文本被混淆，如：網(wǎng)址“新浪”刪除成功。

　　語氣

　　用戶閱讀文本相當(dāng)于程序與用戶溝通，應(yīng)該保持禮貌的語氣，確保文本清晰、自然和間接，文本不要過于正式，設(shè)計(jì)文本時(shí)可以設(shè)想正在與用戶面對(duì)面的溝通。比如“此文件受到保護(hù)，未經(jīng)特別許可不能刪除”比“無法刪除新建文本文檔：訪問被拒絕”要好，傳達(dá)操作無法執(zhí)行的原因，同時(shí)不會(huì)讓用戶感到被責(zé)備。

　　文本可以稍微口語化，如“按照步驟注冊(cè)”比“遵循以下步驟注冊(cè)”更好。

　　使用鼓勵(lì)式的語氣，表達(dá)程序可以讓用戶做什么，而不是允許用戶做什么。比如，使用“您可以刪除文件”，而不是“程序允許您刪除該文件”。

　　引導(dǎo)用戶

　　不要讓用戶感到不安和挫折感，特別是出現(xiàn)錯(cuò)誤時(shí)，比如“錯(cuò)誤”和“警告”。

　　使用用戶可以理解的字詞，給用戶執(zhí)行操作提供有效的建議，告訴用戶的不只是剛才的操作結(jié)果，還應(yīng)該告訴用戶“下一步”該如果做，減少用戶的思考時(shí)間。

【界面設(shè)計(jì)中的注意事項(xiàng)】相關(guān)文章：

網(wǎng)頁(yè)界面設(shè)計(jì)中的明暗11-13

UI界面設(shè)計(jì)流程分享03-06

面試中的注意事項(xiàng)03-06

服務(wù)中的注意事項(xiàng)05-02

采訪中的注意事項(xiàng)06-02

運(yùn)動(dòng)中的注意事項(xiàng)04-03

旅游中的注意事項(xiàng)05-27

移動(dòng)端網(wǎng)頁(yè)界面設(shè)計(jì)技巧10-02

求職面試中的注意事項(xiàng)08-26