界面内容优化的层次

所谓产品其实最终展现在用户面前的只是界面而已,所谓界面绝大多数时候只包括两个部分:图片、文字。
重视界面上的每一个像素和每一个文字是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》两本书都简单的提到了一些类似“准确传达信息、不要罗嗦、不要多余、文字要统一、要符合产品风格”的话,但说的都很浅,而且言语中能察觉到作者并未想深入表达,或者他们本身也确实没有很深入的研究。

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

35 Responses to “界面内容优化的层次”

  1. 奇遇 Says:

    沙发`~~  总结终于出来了 呵呵

  2. autoD Says:

    "国外现在也还没有在内容优化上非常全面和深入理论知识,可能也是因为他们的语言并没有中国这样博大精深(或者说“多变”)。"

     你错了,你不了解不代表这就是真相。

  3. JOE Says:

    很详细的又上了一课,自己虽然不能详细的系统规划,但是看到楼主的文章感觉比较贴切,,,

    有的网站系统定位以及文字贴合度都比较融洽,商务网站有的称呼店小二,手气不错去买彩票吧这个感觉好

     不少网站在细节上不够注意,比如楼主所言,登陆一个帐号如果给多一个可提示注册的对话框或链接感觉就很棒咯,然而很多网站只是说登陆失败,您的密码错误 

  4. 永明则名 Says:

    "国外现在也还没有在内容优化上非常全面和深入理论知识,可能也是因为他们的语言并没有中国这样博大精深(或者说“多变”)。"

    的确,这句话说的有点唐突了! 

  5. 愆伏 Says:

    白鸦这篇更具体了阿,结合千鸟和隽辰的,堪称web内容(文字)设计三部曲阿

  6. 白鸦 Says:

    autoD:愿闻其详

     

     

  7. 小猪 Says:

    今天做系统的时候技术问我一个问题: 用户登录的时候,用户名输错了,然后点登录,应该提示用户名错误还是密码错误呢?

    细分:

    该用户存在,肯定是提示密码错误了 该

    用户不存在,提示用户名输入错误,也没问题了。

    但是回头来想下:

    提示密码错误后,第一反应肯定是重输密码,但实际上用户是用户名输入错了,重输密码肯定不能解决问题,所以应该如何提示? 用户名或密码错误?

    这个问题偶暂时没办法解决! 

  8. 鴿子奶 Says:

    最近我們公司要為英文網站改成中文版網站.也出現英文轉成中文時的意思不同而影響用家使用.

    所以看完這一article, 明白內容優化都是影響網站UE的關鍵及考慮的地方.

     

     

  9. 千鸟 Says:

    贡布里希的《秩序感》,一本伟大的书。有一种“秩序感”的存在,它表现在所有的设计风格中,而且我相信它根源于人类的遗传之中。 

  10. Arno Says:

    是的,我3年前特意去清美买了一本,不过央美居然没有这本书实在让人难堪,第一次读还是高中的时候,现在是新版了。经典,很值得收藏。

  11. leon Says:

    其实,秩序感并不总是人们刻意表现出来的,根源上是人类的本能。我觉得这种本能就像人们对美的追求,只不过在不同的社会环境下被遗失或者掩盖了。

  12. Angela Says:

    完全同意11楼的。不过设计就是要寻找秩序的规律,以通过有意识的方式表达出来。没经过训练的人(比如用户)本能对秩序敏感,但是说不出为什么。

  13. jameguilin Says:

    内容优化的层次  这一点在很多网站上都没有做到!

    层次感的内在本质就是传达一种视觉逻辑,告诉用户哪些是重要的,以及用户最关心的内容我们怎样以不同的层次体验出来!

    秩序感,人对生活的经验提取,转移到我们的WEB内容建构,对有秩序的事物和排列我们就会感觉舒服.

  14. 千鸟 Says:

    捕捉并理解秩序感,我感觉,秩序感的作用就是把一部分需要思考的工作交给眼睛来直观判断。

  15. 开开 Says:

    to 7楼的:

    你没法获知是用户输错了用户名,还是他确实是想输入“他不小心输错的用户名”,所以只能是“密码错误”(用户存在的情况下)。

    你不可能得到他心里想做什么的。。。

  16. 开开 Says:

    o my god,不能修改评论。

    接上面的,应该是“你不可能知道当前登录的用户的用户名是什么。。。”

  17. zhaoyi Says:

    呵呵!不错的东西!很好!

  18. seo菜鸟 Says:

    界面上的文字应该做到:清楚而准确的向用户传达信息。(我先顶了)

  19. linkto Says:

    有个小问题:如果用户输入用户名和密码,系统判断不匹配,又测出目前还没有人注册过此名,那该怎么提示啊?感觉那“注册此用户”放哪都不对,毕竟很少有人会只输用户名就

    点登录吧;加上“注册此用户”会不会让用户有压迫感啊,有必要考虑那么深吗?而且多了一句话用户还要多点时间来思考为什么会登不上?

    谢谢。。 

  20. roc Says:

    要越来越多的从传播学层面考虑问题了~

    这对大多数的人来说,是一道坎~

  21. 拖把 Says:

    前文写“……过份的向非专业用户展示专业词汇、信息提示本身误导了用户……”

     

    后文写“……把每一个用二维分析的方式摆出来……”

  22. gupu Says:

    我个人觉得用户在输入错误下的判断,应该给出的错误结论必须都是模糊的。 这牵涉的是安全问题。
    无论是用户名还是密码出错都不应该给出明确的提示。诚然那样的提示是符合客户使用的行为
    但是从安全角度上讲,这是危险的。
    类似于sql注入漏洞,首先就是通过溢出来获得sql的帐户名。
    攻击者能得到一个可确认的判断信息后他就可以做下一步判断

  23. 白鸦 Says:

    @拖把  已经默认这里的用户没有非专业用户。

  24. mai Says:

    22楼说的也有道理的,安全问题很重要

  25. 九寨沟旅游 Says:

    不错不错

  26. 九江网站优化,九江SEO,九江网站建设,九江网站设计 Says:

    天天来这学习,学到不少。。。

  27. 【转】按钮,链接,tag,翻页,错误提示,好友 « Outside the Fishbowl Says:

    […] http://ucdchina.com/blog/?p=351 […]

  28. 家用制氧机 Says:

    谢谢不错

  29. ipad电影 Says:

    很好的经验分享,学习了

  30. 赛尔号外i挂 Says:

    看来用户体验很重要啊

  31. gzpen Says:

    学习一下,谢谢分享!

  32. 广告笔 Says:

    界面优化应该属于UEO的一种吧。

     我认为面向的用户不同,界面的优化应该是不一样的,就像手机一样,有新潮的iphoe,也有实用的老人机。

  33. рецепти Says:

    白鸦这篇更具体了阿,结合千鸟和隽辰的,堪称web内容(文字)设计三部曲阿

  34. 单机游戏 Says:

    用户喜欢了,什么都起来了

  35. 《UCD火花集》电子书版下载 « Tokgoo Says:

    […] 第九章 注意界面上的文字 界面内容优化的层次 http://ucdchina.com/blog/?p=351 […]

Leave a Reply

You must be logged in to post a comment.