频道直达 - 学院 - 下载 - 交易 - 特效 - 字库 - 手册 -排名-工具- 繁體
网页教学网站开发 设为首页
加入收藏
联系我们
建站搜索: 常用广告代码   用户注册 | 用户登陆
您当前的位置:中国建站之家 -> 网站开发设计技术教程 -> 网站设计相关 -> 设计理论:文本达意和可用性

设计理论:文本达意和可用性

作者:奇遇  来源:UCDChina.com  发布时间:2007-11-9 7:22:21  发布人:圈圈

减小字体 增大字体

在文本的设计中,我们通常关注的是文字的排版,如何排版才能让我们的文字看起来更美观,更容易阅读;然而,文字本身所表达的意思与此同等重要,因为我们把排版做好的根本意义还是要用户更容易读明白所表达的内容。

一、下面我们就设计中的几点,通俗的讨论一下这块的重要性。文本在软件设计随处可见,例如:标题、按钮上的文字、信息反馈文本、导航等等。

标题主要告诉我们当前界面的主题,比如:从我们的win操作系统桌面进入“网上邻居”,标题显示的就是“网上邻居”,是和我联网电脑的统称,如果用“我的邻居”来表达,也可以理解成“网上邻居”这个意思,但是不够准确,因为有的人会理解成“住在我隔壁的邻居”。

如果感觉以上例子太罗嗦,且不够直观,我们还可以拿错误提示窗口的标题来看一下

上图中的标题“重命名文件或文件夹时出错”,我们简单的可以分析出,这个标题具有上下文的相关性,首先它是一个出错信息提示窗口,同时也说明了在什么操作的时候出错,在达意上来说,恰到好处。如果你硬说直接用“出错了”也作为标题,没有人会说你说错了,只是突然弹出一个窗口来,简单的一个“出错了”可能会让某些用户摸不着头脑,降低了可用性。

按钮也是我们常用的表达元素,很多按钮的功用我们是用文字来表达的,还是列举我们常见的例子:

在填写注册表单的时候,你通常会看到“提交注册信息”或“注册”等类似的按钮。如果写成“提交表单”可能有很多用户为“表单”这个专业术语纳闷。
当你写博客的时候,你通常是看到“发布”按钮。如果给你放一个“确认”按钮,你会试试这个“确认”按钮就是“发布”吧?这个尝试的心态恰恰说明了按钮文本没有达意,使用者要去猜测它的准确含义。
在我们使用聊天软件聊天时,如果聊天窗口上的“发送”按钮被改成“提交”的话,你会感到很别扭,其实也是文字表达的是否准确在作怪。
综合上例所述,我们总是在特定的场景使用特定的文本来描述按钮的功用,在可用性和易用性上,文本自身的意义起到关键的作用。

信息提示文本在软件界面设计里是很受重视的一块,仅仅因为它被用来直接和用户对话;在用户使用软件出现问题时,信息文本反馈可以引导用户进行操作,而这个交互的过程主要通过文本提示进行,在此处文本描述的准确性和建设性有着首要地位。信息提示文本最主要的就是“说明错误发生的原因,并给出建设性的操作提示”,不允许嘲笑用户、命令、指责等带有情绪语言和语气。

上图是一个确认提示,准确的说明我们要删除的是“我的电脑 图标”而不是“我的电脑”,否则部分用户会理解为删除了电脑上所有的文件。还提示之后的恢复办法,这样说才够明白,操作者对此贴心的提示基本不再有啥疑惑了。

导航文本就不再细说了,导航说的是什么意思,点进去就是什么内容。一般情况下,欺骗用户点击,可能造成失去这个用户。如果你纯粹是为了骗人,不反对你把导航书写的文不对题。

二、如何保证文本达意的几点建议:

如果你们有专业的人员负责这块,那么很庆幸,他们可以这搞定一切。如果没有,以下几条希望可以帮到你。
注重使用的场景和用户的特点,使用的语言让你的用户易懂,避免使用难懂的专业术语。
如果是标题,看能否说明白当前界面的主题,需要表达上下文的,还要交代一下本界面的来源。例如:信息提示窗口最好交代出由于那个操作所引起的。
关于信息提示文本,建议找一个规范读一下。特别要注意的是:要客观、准确的说明原因,并同时给出建设性的操作建议;至于情绪化的语言,还是省省。
按钮要保证和功用相符,导航则力求和内容一致,虽然简单,还是建议认真的去斟酌词句。
若可能的话,顺带测试身边的3~4个非电脑专业人员,尽量避免初期有过多的主观臆断


将本文收藏到QQ书签与更多好友分享
[打 印]
[] [返回上一页] [收 藏]
上一篇文章:SEO的优化体会日记
∷相关文章评论∷    (评论内容只代表网友观点,与本站立场无关!) [更多评论...]
精彩推荐
热门文章
· 注册码大全二
· 注册码大全四
· 注册码大全一
· 要10G免费网络硬盘的请进..
· 通过google 赶快来赚美金..
· 注册码大全十
· 头像-qq头像(qq新头像)4..
· 让你轻松架设FTP服务器1..
· 注册码大全三
· 梦幻背景图片7
· 卡通动物图片6
· 网页制作素材-按钮素材2..
· 让你轻松架设FTP服务器5..
· 风景图片8
· 注册码大全九
· 让你轻松架设FTP服务器2..
关注此文读者还看过
· 用asp.net编写的上传程序..
· 方便实用的Photoshop快速..
· 轻松应对创建存储过程时..
· PHP分页显示制作详细讲解..
· 优化Oracle库表设计的若..
· 网站学Digg.com模式求利..
· 用EasyMailObject组件处..
· SQL Server 7.0性能和Be..
· 怎样创建.NET Web Servi..
· 第2期上海站长聚会现场部..
· ps鼠绘写实牛仔裤5
· 网站优化—Title标签
· flash中数组的妙用
· PHP例解Webzine编辑和发..
· 在服务端进行目录建立、..
· 金鸡贺岁!Flash制作鸡年..
相关文章
· 设计理论:字体设计的基本知..
· 设计理论:内容呈现建议十条..
· 设计理论:设计师决胜..
· 设计理论:文字适度阅读的宽..
· 设计理论:视觉设计的..
· 设计理论:想用户所想..
· 设计理论:让验证码友..
· 设计理论:让网站似个..
· 设计理论:谈用户体验,别落..
· 设计理论:Tag的创建和组织..
关于本站 - 网站帮助 - 广告合作 - 下载声明 - 友情连接 - 网站地图 - 人才招聘
网站合作、内容监督、商务咨询:QQ: 9576619
Copyright ? 2005--2008 中国建站之家版权所有
粤ICP备05092265号