当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 四个适用于触摸屏界面的文本添加原则

心得技巧
设计心得:如何突破已经足够好了
网站可用性设计:西方网站和亚洲网站的文化差别
网页设计参考:充满创造力的国外网站设计实例
网站用户体验设计师快乐并痛苦着
交互设计探讨:网站导航标签要明晰有效
很简短的话描述用户体验
度量用户体验发散出来的笔记
阅读是电子书好还是纸质书好
盘点2009年微博网站展望2010年互联网产品
和一号店网上超市类似的国外网上超市
优秀网页设计中的易视性元素
前端开发人员必备的14个常用开发手册
期待苹果apple的iTablet最新创造
以原型设计为基础分析可视化内容设计
Firebug 1.5正式发布:几个不错的新功能
浅谈交互设计:面向用户和现实的交互设计
体验新的代码感觉:十大编程字体
网页设计参考:很不错的15个HTML网页表单设计实例
交互设计研究:视觉注意力在设计中的运用
用户交互设计:避免让用户在网站上迷路

心得技巧 中的 四个适用于触摸屏界面的文本添加原则


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-01   浏览: 71 ::
收藏到网摘: n/a

一幅画可能包含了千言万语,但是一个用户界面却需要用简洁的语句明确地告诉用户该做什么。因此决定哪些文字应该出现,哪些文字应该是界面设计非常重要的一部分。以下是四个适用于触摸屏界面的文本添加原则,遵循这些一定有助于提升界面的可用性。

原文: Labeling Touchscreen Interfaces  /  作者: Morgan Strauss from Guifx

原则1

用动词来描述一个按钮是用来做什么的。
如果不是直接用动词描述,用户可能会感到困惑,并且增加学习的成本。所以"OK"和"Cancel"并不是最佳选择,“Yes”和“No”则更差。
 

原则2

把文本的重点放在最前面的12个字符上
(注:12个字符是英文,对于中文来说可能就是三四个字)。人们阅读地时候总是扫描文字,所以大家可以比较一下这两句话:

“您正要进行关机,确认吗?”
“关机吗?”

同样的意思但是哪一句您阅读地更快呢?
 

原则3

按钮的文本应该置于按钮本身而不是列在旁边。
研究显示多数触摸屏用户会触碰按钮的下半部,所以我们也建议把文字从垂直居中的位置上提一点,这样用户在按下按钮的同时,文本不容易被手指遮挡。
 

原则4

减少重复。
如果在一组按钮中一样的文字不断重复,那就把这些按钮放到一组,用一个标题来简化文本内容。或者有些情况下可以直接去掉这些重复的文字。这有助于帮助你的用户快速定位他需要进行的操作。
 

实际情况中我们不可能永远应用这四点,但是完全可以把这些思想灵活运用在界面设计中。