界面設(shè)計中的注意事項
應(yīng)用程序中出現(xiàn)的文字統(tǒng)稱為文本,根據(jù)作用的不同可以分為標(biāo)題、控件標(biāo)簽、補充說明、錯誤信息和運營文本等。文字信息是最基礎(chǔ)的交互元素,如早期的命令行界面,用戶依靠閱讀和寫字符與計算機交互,大量的字符需要用戶記憶,圖形界面增加了直觀的圖形交互,降低了學(xué)習(xí)成本,但文字本身傳遞意義最為準(zhǔn)確,復(fù)雜的信息還是以文字描述為主,所以在界面設(shè)計中依舊重要,易于理解的文本可以提供用戶的操作效率。
簡潔
簡潔就是使用最少的文字傳達最準(zhǔn)確的信息,不重復(fù)、不啰嗦,能用三個字表達清楚就不用五個字,比如標(biāo)題文字“通訊錄”比“我的通訊錄”簡潔,手機是比較私人化的產(chǎn)品,一般不存在多人共用的情景。
比如標(biāo)題“搜索界面”和“類別界面”,“界面”不是當(dāng)前界面本身的.標(biāo)題,雖然歧義較小,但是手機界面顯示空間有限,應(yīng)該盡量精簡文字。
文字內(nèi)容太多,雖然說明非常詳細(xì),但用戶并一定有耐心去仔細(xì)閱讀,用戶希望得到想要的結(jié)果,而不是大段的文字解釋。在手機界面中不會出現(xiàn)如此多的文字彈出框,但是有必要讓用戶在最短的時間內(nèi)獲取信息。
參照win7和ios等優(yōu)秀的操作系統(tǒng),采用“倒金字塔”結(jié)構(gòu),比如優(yōu)先顯示最基本的顯示,再顯示更多的細(xì)節(jié),如果彈窗口無法顯示完全,可以增加鏈接讓用戶查看更為詳細(xì)的使用幫助。之所以如此設(shè)計的緣由是:用戶在專心閱讀時,是按照正常從左到右和從上到下的順序閱讀。但是在使用應(yīng)用程序時,特別是手機應(yīng)用程序,用戶的注意力并不一定完全在界面上,對于文字用戶可以一掃而過,可能并沒用真正理解文字的意義。當(dāng)用戶不耐煩時,可能跳過文本去直接操作控件。假設(shè)用戶掃視界面,用戶一般會按照以下的順序閱讀界面文本:
中間的交互控件
提交按鈕
其他地方的交互控件
主標(biāo)題說明
補充解釋
窗口標(biāo)題
正文區(qū)域的其他靜態(tài)文本
腳注
由于控件最為醒目,有理由相信用戶閱讀手機彈出框界面文本的順序為:
控件
彈出框正文
彈出框標(biāo)題
手機彈出框通常沒有復(fù)雜的解釋說明,在設(shè)計時應(yīng)該注意:
一句簡短的陳訴語可以不使用標(biāo)題。
一句疑問語必須完整,比如“刪除所有網(wǎng)址?”缺少主語,完整表述為“您確定刪除所有網(wǎng)址嗎?”。
標(biāo)題不應(yīng)該比正文長。
避免過長的正文,盡量控制在1-2行,在彈出框中使用滾動條的體驗并不好。
一致性
相近的意思使用同樣的詞匯表述,比如“返回”、“返回上一級”和“后退”,表達的意思和操作效果一致,應(yīng)該統(tǒng)一成一個詞匯。
如果系統(tǒng)或者其他應(yīng)用程序都使用“返回”兩字,應(yīng)該遵循用戶使用習(xí)慣,降低學(xué)習(xí)成本。
標(biāo)點符號
標(biāo)點也是語句中不可缺少的部分,使用標(biāo)點符號是需要注意:
簡短的陳述句不使用句號。
問句使用問號。
感嘆號任務(wù)完成和需要吸引用戶注意時使用,比如:恭喜您,注冊成功!
省略號可以表示需要或者隱藏額外信息、文本被截斷或者任務(wù)正在進行。比如:下載中…
引號可以避免文本被混淆,如:網(wǎng)址“新浪”刪除成功。
語氣
用戶閱讀文本相當(dāng)于程序與用戶溝通,應(yīng)該保持禮貌的語氣,確保文本清晰、自然和間接,文本不要過于正式,設(shè)計文本時可以設(shè)想正在與用戶面對面的溝通。比如“此文件受到保護,未經(jīng)特別許可不能刪除”比“無法刪除新建文本文檔:訪問被拒絕”要好,傳達操作無法執(zhí)行的原因,同時不會讓用戶感到被責(zé)備。
文本可以稍微口語化,如“按照步驟注冊”比“遵循以下步驟注冊”更好。
使用鼓勵式的語氣,表達程序可以讓用戶做什么,而不是允許用戶做什么。比如,使用“您可以刪除文件”,而不是“程序允許您刪除該文件”。
引導(dǎo)用戶
不要讓用戶感到不安和挫折感,特別是出現(xiàn)錯誤時,比如“錯誤”和“警告”。
使用用戶可以理解的字詞,給用戶執(zhí)行操作提供有效的建議,告訴用戶的不只是剛才的操作結(jié)果,還應(yīng)該告訴用戶“下一步”該如果做,減少用戶的思考時間。
【界面設(shè)計中的注意事項】相關(guān)文章:
UI界面設(shè)計流程分享03-06
面試中的注意事項03-06
服務(wù)中的注意事項05-02
采訪中的注意事項06-02
運動中的注意事項04-03
旅游中的注意事項05-27
求職面試中的注意事項08-26