close

觸屏界面的按鈕文本設計原則 (翻譯) -網上推廣


一篇簡短但是蠻有用的文章,對于做觸屏界面設計的朋友來說也許有些意義。
原文: Labeling Touchscreen Interfaces / 作者: Morgan Strauss from Guifx

一幅畫可能包含了千言萬語,但是一個用戶界面卻需要用簡潔的語句明確地告訴用戶該做什么。因此決定哪些文字應該出現,哪些文字應該是界面設計非常重要的一部分。以下是四個適用于觸摸屏界面的文本添加原則,遵循這些一定有助于提升界面的可用性。

原則1

用動詞來描述一個按鈕是用來做什么的。
如果不是直接用動詞描述,用戶可能會感到困惑,并且增加學習的成本。所以"OK"和"Cancel"并不是最佳選擇,“Yes”和“No”則更差。

 


原則2

把文本的重點放在最前面的12個字符上
(注:12個字符是英文,對于中文來說可能就是三四個字)。人們閱讀地時候總是掃描文字,所以大家可以比較一下這兩句話:

“您正要進行關機,確認嗎?”
“關機嗎?”

同樣的意思但是哪一句您閱讀地更快呢?

 


原則3

按鈕的文本應該置于按鈕本身而不是列在旁邊。
研究顯示多數觸摸屏用戶會觸碰按鈕的下半部,所以我們也建議把文字從垂直居中的位置上提一點,這樣用戶在按下按鈕的同時,文本不容易被手指遮擋。

 


原則4

減少重復。
如果在一組按鈕中一樣的文字不斷重復,那就把這些按鈕放到一組,用一個標題來簡化文本內容。或者有些情況下可以直接去掉這些重復的文字。這有助于幫助你的用戶快速定位他需要進行的操作。

 


實際情況中我們不可能永遠應用這四點,但是完全可以把這些思想靈活運用在界面設計中。

原文:http://www.jjying.cn/blog2/labeling-touchscreen-interfaces/


arrow
arrow
    創作者介紹
    創作者 ddlfc 的頭像
    ddlfc

    ddlfc的部落格

    ddlfc 發表在 痞客邦 留言(0) 人氣()