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

心得技巧
IE8 Beta 1两个地方需要大家注意
提高网站性能中内容有关的10条原则
网页设计者应该从三个方面优化网页
Web 设计 实现干净代码的12条定律[图文]
网页设计必备工具 firefox Web Developer插件 CSS工具组教程
UCenter Home 站点添加统计代码
9款很棒的网页绘制图表JavaScript框架脚本
提高网站可用性的10个小技巧
网站维护页面的列表制作技巧
B2C 网站用户体验细节设计参考
收集12个实用的网页在线工具
设计参考 漂亮和原创的博客设计
收集25个知名网站标志中使用的字体
极尽简约的网站设计实例
个性化创意鲜明的网站设计实例(30个)
水平滚动的网站设计 小结
更受欢迎 更具创造性的深底色网页设计实例
有创意的关于我们网页页面设计
整洁漂亮的网页设计的4项原则
设计参考 WordPress建站成功案例

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


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

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

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

原则1

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

原则2

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

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

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

原则3

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

原则4

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

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