TOPVE唯艺互动

TOPVE VIEW
保持不断的探索与研究
慧眼看世界,在设计的路上不断追求创新!
Keep exploration and research

文本在界面设计中的注意事项

发布于:2011-10-17 20:27:52 来源:曉生語錄  人气:

当前位置:首页观点设计理论 正文

应用程序中出现的文字统称文本,根据作用的不同可以分为标题,控件标签,补充说明,错误信息和运营文本等。文字信息是最基础的交互元素,如早期的命令行界面,用户依靠阅读和编写字符与计算机交互,大量的字符需要用户记忆,图形界面增加了直观的图形交互

应用程序中出现的文字统称文本,根据作用的不同可以分为标题,控件标签,补充说明,错误信息和运营文本等。文字信息是最基础的交互元素,如早期的命令行界面,用户依靠阅读和编写字符与计算机交互,大量的字符需要用户记忆,图形界面增加了直观的图形交互,降低了学习成本,但文字本身传递意义最为准确,复杂的信息还是以文字描述为主,所以在界面设计中依旧重要,易于理解的文本可以提升用户的操作效率。

简洁

简洁就是使用最少的文字来传达最准确的信息,不重复、不啰嗦,能用三个字表达清楚就不用五个字,如标题文字“通讯录”就比“我的通讯录”简洁,手机是比较私人化的产品,一般不存在多人共用的情况。

如标题“搜索界面”和“类别界面”,“界面”不是当前界面本身的标题;虽然歧义较小,但是手机界面显示空间有限,应该尽量精简文字。

文本在设计中的注意事项

文字内容太多,虽然说明非常详细,但用户并不一定有耐心去仔细阅读,用户希望快速得到想要的结果,而不是大段的文字解释。在手机界面中不会出现如此多的文字弹出框;但是有必要让用户在最短的时间内获取所需要的信息。

文本在设计中的注意事项

参照win7和ios等优秀的操作系统,它们采用“倒金字塔”结构;比如优先显示最基本的显示,再显示更多的细节,如果弹窗口无法显示完全,可以增加“更多”或“查看详情”等链接让用户查看更为详细的使用帮助。之所以如此设计的缘由就是:用户在专心阅读时,是按照正常从左到右和从上到下的顺序阅读进行的。但是在使用应用程序时,特别是手机应用程序,用户的注意力并不一定完全在界面上,对于文字用户可以一扫而过,可能并没有真正理解文字的意义。用户不耐烦时,可能会跳过文本去直接操作界面控件。假设用户扫视界面,一般会按照以下的顺序阅读界面文本:

  1. 中间的交互控件
  2. 提交按钮
  3. 其他地方的交互控件
  4. 主标题说明
  5. 补充解释
  6. 窗口标题
  7. 正文区域的其他静态文本
  8. 脚注

由于控件最为醒目,我们有理由相信用户阅读手机弹出框界面文本的顺序为:

  1. 控件
  2. 弹出框正文
  3. 弹出框标题

手机弹出框通常不会有复杂的解释说明,在设计时应该注意:

文本在设计中的规范事项

一句简短的陈诉语可以不使用标题。

文本在界面设计中的注意事项

一句疑问语必须完整,比如“删除所有网址?”缺少主语,完整表述为“您确定删除所有网址吗?”。
标题不应该比正文长。

文本在界面设计中应该注意的规范

避免过长的正文内容,尽量控制在1-2行以内,弹出框中使用滚动条的用户体验并不好。

一致性

相近的意思使用同样的词汇表述,比如“返回”、“返回上一级”和“后退”,表达的意思和操作效果是一致的,应该统一成一个词汇。如果系统或者其他应用程序都使用“返回”两字,应该遵循用户使用习惯,降低学习成本。

标点符号

标点也是语句中不可缺少的部分,使用标点符号时需要注意:

  • 简短的陈述句不使用句号
  • 问句使用问号
  • 感叹号在任务完成和需要吸引用户注意时使用,比如:恭喜您,注册成功!
  • 省略号可以表示需要或者隐藏额外信息、文本被截断或者任务正在进行。比如:下载中…
  • 引号可以用来避免文本被混淆,如:网址“新浪”删除成功。

语气

用户阅读文本就相当于程序与用户在沟通,应该保持礼貌的语气,确保文本清晰、自然和间接,文本不要过于正式,设计文本时可以设想正在与用户面对面的沟通。比如“此文件受到保护,未经特别许可不能删除”就比“无法删除新建文本文档:访问被拒绝”要好很多,传达操作无法执行的原因,同时不会让用户感到被责备了。

文本可以稍微口语化,如“按照步骤注册”比“遵循以下步骤注册”更好。

使用鼓励式的语气,表达程序可以让用户做什么,而不是允许用户做什么。例如使用“您可以删除文件”,而不是“程序允许您删除该文件”。

引导用户

文本在界面设计中的注意事项

不要让用户感到不安和挫折感,特别是出现错误时,比如“错误”和“警告”。应当鼓励用户进行别的尝试或告知用户如何解决问题。

文本在界面设计中的注意事项

文本在界面设计中的注意事项

使用用户可以理解的字词,给用户执行操作提供有效的建议,告诉用户的不只是刚才的操作结果,还应该告诉用户“下一步”该如果做,减少用户的思考时间。

原文地址:http://daichuanqing.com/index.php/archives/2893

分享到:
你觉得这篇文章:
收藏到个人中心
唯艺互动-专注高端网站设计

TOPVE唯艺互动

相信设计的价值 让美好的事情发生

专注高端网站界面设计

联系我们

QQ联系:270304282

邮箱:haobanfa1@163.com

唯艺互动-专注高端网站设计

抱歉!好像您使用的浏览器版本太低了
为了得到我们网站最好的体验效果,我们建议您升级到最新版本的IE浏览器,或选择其它推荐浏览器

继续访问请进入旧版TOPVE