您的位置: 首页 > 艺术设计 > 设计理论 > 界面内容优化的层次
网页的栅格设计思考 回到列表 如何制定文字语言规范
 界面内容优化的层次

作者:baiya 时间: 2007-11-08 文档类型:原创 来自:UCDChina.com

所谓产品其实最终展现在用户面前的只是界面而已,所谓界面绝大多数时候只包括两个部分:图片、文字。
重视界面上的每一个像素和每一个文字是UED的基本素质,关于如何设计好界面上的文字(一般在UED里面我们把这个职位叫做“内容优化”)我以前写过 创业团队的界面文字优化用户在每个情景中的角色感 ,这一期的话题中其他伙伴也说到了很多。

这个话题讨论到这里,已经让很多人意识到了界面上文字的重要性:界面的文字就好像一个人的谈吐,文字给用户的感觉不单单只是一个“信息”的传达,他还关乎用户对于产品的情感印象和“产品气质”的理解。

那么,我应该说点什么呢?在今天写这个话题之前我就一直在思考:能否系统化的把“内容优化”像“体验”一样分层次的理解?

1、界面上的文字应该做到:清楚而准确的向用户传达信息
其实这是内容优化的最基本要求,本应该是所有产品都可以做到的。但往往是越熟练的人越容易在这里出现问题。常见表现:过份的向非专业用户展示专业词汇、信息提示本身误导了用户。

比如,某视频网站突然蹦出来一个“bps超出,链接失败。”(查了资料我才明白bps大概是每秒链接数的意思)
比如,有些网站用户没有注册也去登录的时候反馈提示为“密码错误”。其实直接提示没有此用户,然后给个链接“注册此用户”,你会发现转化率相当高,注册量有了用户也方便了。

2、界面上的文字应该便于用户阅读并快速理解其含义
最常见的问题表现是:语言过于罗嗦、信息排列混乱。

比如,某门户网站在注册blog的时,“您的登录名”旁边这么写辅助说明:“4-16个字符(包括4、16),英文小写、汉字、数字、下划线,不支持空格,不支持全角英文,不支持纯数字,不能使用下划线开头和结尾。”。(大致推算了一下,一个IQ小于200的普通用户如果认真读完并完整理解这句话的意思需要近1分钟时间)
比如,另一门户的blog和他旗下的校友录网站,东边一个下划线、西边一个icon加文字、南边一个按钮加文字、北边一个红色、中间还有一个红色加粗。我进去之后真不知道什么地方可以点什么地方不可以点,什么地方能点什么地方不能点…
再比如,某电子邮件服务在注册的时候这样排列:“用户名:___、密码:___、密码强度:[][][]、重复密码:___”。吓的我还以为可以自定义密码强度。。。

3、整个产品不同位置的文字应该统一。大家都讲普通话,不能一会中国话一会外国文。
这是一个最简单的问题,却是大部分网站都未能避免的问题。(特别是在中文网站,大概是因为中文说法太多了)
比如,作一个IM软件,一开始是“添加好友”,接下来“联系人列表”,然后又是“不在线的朋友”;一开始是“注册用户名”、然后是“登录ID”、还有“您的账户”、“管理帐号”、…

4、界面上的文字应该具备该产品需要传达给用户的气质

这里往往遇到的是怎么做的问题:怎么确定产品要表达什么样的气质?怎么确定什么样的语言风格才算是表达了这样的气质?
在稍微大型的企业我们一般有很多种方法可以做到,比如找很多用户让他们说出他们需要的、比如通过情绪板、比如通过颜色分析等等。
但在创业公司我一般建议大家实用一点:

  1. N个很了解产品定位的人坐到一起,每人一个贴纸写下来一个你认为可以描述该产品的句子或者事物;
  2. 把所有人的描述拿出来大家讨论,把每一个用二维分析的方式摆出来,最终得到一个大家都认可的结果就是这个产品应该表达的气质;
  3. 每人N个贴纸,根据刚才得到的结果,结合自己产品的环境写下来你认为要表达这种气质需要什么样风格的语言;
  4. 用第2点中同样的方法得到一个统一的结果,(比如:严肃、简练、..)
  5. 安排一个专门的人写一份简单的指南,描述这个结果具体执行时一些需要注意的常见问题和原则。(比如:既定事实不再重复、不用反问语句提问用户、即时说明文字不得超过20字、…)

5、文字的视觉设计应该完整的融入整个产品视觉中
很多视觉设计师喜欢把文字融入到界面的造型中去,得到非常棒的视觉效果,这个很值得学习。
从最基础来说,我们的文字在界面上和图形一样应该有主次有深浅,关于这个部分潇潇同学已经有了 很好的表述 ,我只补充一个例子:

图片网站本身应该表现的是“图”,文字只是其辅助信息。
flickr在个人首页里每个图片下面都有四行的文字,但我从未感觉到他碍眼或者多余,因为flickr用的是很柔和的粉红和几乎可以让我第一视觉点忽视掉的灰色;
而yupoo在个人首页里每个图片下面只有三行文字,可每一个我都觉得他们扎眼,因为yupoo用了重灰色粗体、绿色粗体、重灰色、绿色四种表现方式,而且字体都还不一样。

6、尽量让文字自身可以起到“推销”产品的作用,而且”推销”的不只是产品气质
文字其实可以像图形设计一样在情感上给用户以触动,从而积极的达到对于产品的“推销”。
比如,很多人已经把“注册”改成了“立即注册”、“马上注册”;
比如,baidu.com的“更多”页面最上面以前是“推荐使用”后来改成了“试试看”,虽然只是少了一个字,但给用户的感受和尝试欲望马上就很不一样;
比如,某电子商务网站会在注册要完成那里说:“太好了,你还需一步就能成为我们的注册会员”
比如,…

ps

关于内容优化,《交互设计》和《Designing web usability》两本书都简单的提到了一些类似“准确传达信息、不要罗嗦、不要多余、文字要统一、要符合产品风格”的话,但说的都很浅,而且言语中能察觉到作者并未想深入表达,或者他们本身也确实没有很深入的研究。

界面上的文字看似是一个很细小的东西,实际上他蕴藏着很多的价值并且在潜移默化为产品带来好的或者不好的利益。中国人说“察言观色”,我想“言语”的表达对于中国用户的触动应该会更加的明显。国外现在也还没有在内容优化上非常全面和深入理论知识,可能也是因为他们的语言并没有中国这样博大精深(或者说“多变”)。
所以,研究和发挥好“界面上的文字”对于产品的价值也许更适合也更值得在中国做。这里有不小的空白的空间,值得我们发挥。
共勉。

本文链接:http://www.blueidea.com/design/doc/2007/5053.asp 

出处:UCDChina.com
责任编辑:moby

相关文章 更多相关链接
如何制定文字语言规范
内容呈现建议十条
文本达意和可用性
文字的减法
像聪明女孩穿衣服般设计网页文字
作者文章 更多作者文章
视觉设计不只是图形
产品需要合适自己的设计
关于“交互设计”
理论上逻辑越清晰,产品越易用?
OFFICE2007头顶上的漂亮板儿砖
关键字搜索 常规搜索 推荐文档
热门搜索:CSS Fireworks 设计比赛 网页制作 web标准 用户体验 UE photoshop Dreamweaver Studio8 Flash 手绘 CG
站点最新 站点最新列表
周大福“敬•自然”设计大赛开启
国际体验设计大会7月将在京举行
中国国防科技信息中心标志征集
云计算如何让安全问题可控
云计算是多数企业唯一拥抱互联网的机会
阿里行云
云手机年终巨献,送礼标配299起
阿里巴巴CTO王坚的"云和互联网观"
1499元买真八核 云OS双蛋大促
首届COCO桌面手机主题设计大赛
栏目最新 栏目最新列表
国外创意名片设计欣赏
情感化界面
线下项目工作流程(归纳篇)
线下项目工作流程(分析篇)
简约而不简单-Practise平面设计
培养用户的使用习惯
优秀名片设计
专题头图的秘密武器
别让UED忽悠你(2):多少钱一斤
别让UED忽悠你(1):天生的矛盾

蓝色理想版权申明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。

转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。

特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有,文章若有侵犯作者版权,请与我们联系,我们将立即删除修改。

您的评论
用户名:  口令:
说明:输入正确的用户名和密码才能参与评论。如果您不是本站会员,你可以注册 为本站会员。
注意:文章中的链接、内容等需要修改的错误,请用报告错误,以利文档及时修改。
不评分 1 2 3 4 5
注意:请不要在评论中含与内容无关的广告链接,违者封ID
请您注意:
·不良评论请用报告管理员,以利管理员及时删除。
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·本站评论管理人员有权保留或删除其管辖评论中的任意内容
·您在本站发表的作品,本站有权在网站内转载或引用
·参与本评论即表明您已经阅读并接受上述条款
推荐文档 | 打印文档 | 评论文档 | 报告错误  
专业书推荐 更多内容
网站可用性测试及优化指南
《写给大家看的色彩书1》
《跟我去香港》
众妙之门—网站UI 设计之道
《Flex 4.0 RIA开发宝典》
《赢在设计》
犀利开发—jQuery内核详解与实践
作品集 更多内容

杂⑦杂⑧ Gold NORMANA V2