文本设计的注意事项

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

  简洁

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

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


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


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

  中间的交互控件

  提交按钮

  其他地方的交互控件

  主标题说明

  补充解释

  窗口标题

  正文区域的其他静态文本

  脚注

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

  控件

  弹出框正文

  弹出框标题

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


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


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

  标题不应该比正文长。


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

  一致性

  相近的意思使用同样的词汇表述,比如“返回”、“返回上一级”和“后退”,表达的意思和操作效果一致,应该统一成一个词汇。

  如果系统或者其他应用程序都使用“返回”两字,应该遵循用户使用习惯,降低学习成本。

  标点符号

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

  简短的陈述句不使用句号

  问句使用问号。

  感叹号任务完成和需要吸引用户注意时使用,比如:恭喜您,注册成功!

  省略号可以表示需要或者隐藏额外信息、文本被截断或者任务正在进行。比如:下载中…

  引号可以避免文本被混淆,如:网址“新浪”删除成功。

  语气

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

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

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

  引导用户


  不要让用户感到不安和挫折感,特别是出现错误时,比如“错误”和“警告”。


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

  文章来源:晓生语录 转载请注明出处链接。

时间: 2024-10-30 01:08:25

文本设计的注意事项的相关文章

视觉设计:不断进步的文本设计内容设计

文字正在流行起来         近些年博客.搜索及各类社会化平台逐渐成为热门应用,我们用文字传递信息:         网站普遍进入了改版的高峰期,新版面信息的呈现比以往更清晰直观,这是一种对文字/内容的尊重:         运用文字对网页"注入情感",使得交互的过程更为亲切:          设计上,文字的特征也变得明显起来了,设计师更愿意把文字当做设计的切入点,强调文字本身的样式是否美观,页面文字排布是否到位等等-         以前有人说在互联网的下一个阶段,文字将以一个

浅谈站内优化中锚文本使用的注意事项

  锚文本相对与文本链接的功效,相比优化人员都深有感触.而锚文本的使用定义我们可以区分为站内锚文本的使用和站内锚文本的使用.对于站外锚文本我们会相对熟悉,而对于站内的锚文本设置的注意事项可能还是知之甚少.那么站内锚文本的使用有什么注意事项呢?笔者今天将就这一问题分享自己的几点心得. 一:控制锚文本的长度 笔者曾经看过一个博客的内容,发现这个博客中的内容经常在一整句话上习惯的加上锚文本,并且所有的都指向同一个页面.笔者搞不清楚这个博主为什么这样做,但是笔者认为这位博主的方法是不可取的.由此笔者联想

做锚文本链接的注意事项

锚文本的作用不用多说了,相信做SEO的都知道锚文本对关键字排名的重要性,锚文本分为站内锚文本(内链)和站外锚文本(外链),我们来逐个分析. 一.站内锚文本 站内锚文本就是内链,现在大家做SEO对内链都很重视,两年前,知道在内容中加锚文本的人少之又少,现在,内容中没有锚文本则是少之又少,当然,内链不仅仅是内容中的锚文本这么简单,但是今天我们只讨论这个. 很多人在做内容中锚文本的时候一般只链接首页,其实这是非常不好的,锚文本对于SEO的意义在于让内容页随机链接在一起,让蜘蛛可以很好的抓取更多页面,权

关于N900的TXT文本的编码注意事项

N900上TXT文本的编码格式为UTF-8.此格式不用说,是目前兼容性相当好的一种编码.但是比如PC上(特指中文系统的XP.win7等)建立的TXT文本默认是ANSI 所以当存储有中文的ANSI编码的TXT文本在N900上中文显示成乱码,更有可能无法打开(大量特殊符号).提示系统内部错误,这是因为编码不兼容所致. 当然如果是全E文就不会发上以上问题. 结论是,PC端生成的TXT文本最好另存为UTF-8编码.然后在N900上使用.(N900生成的TXT文本直接是UTF-8编码) 大量特殊符号:AN

Rational产品设计中考虑事项、动机和最佳实践

在这篇文章中,Joanne Scouler 和 Marty Bakal 将介绍如何开始设计变体.他们以 Eaton 公司为重型混合动力汽车开发变速箱变体的经历为例,展示了自己的观点.作者还介绍了各种 Rational 软件产品在此过程中起到的协作作用. 为了解何时以及如何设计产品变体,应注意观察产品之间的差异.举例来说,两种不同的卡车型号可能存在十几种或者更多的不同特性. 通常情况下,有时由于企业对新产品的市场经验不足,企业最初并没有设计变体.产品http://www.aliyun.com/zi

界面设计的文字设计:易于理解的文本

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

更效率的信息-小议网站文案设计

前段时间在北京的交互体验日上,听了新浪产品经理李驰明的<更效率的信息>,感叹新浪对于媒体和信息传播研究之深刻.抓住了很多细微单直抵网民心灵的点.他认为微博之所以能迅猛发展并成为互联网信息传播不可忽视的平台,其关键优势就是效率.因而新浪微博的设计也是以此为中心去执行和推广的. 他的演讲是基于微博的信息设计的四个关键点(信息获取.自我信息表达.信息传播和信息通讯)来介绍的.支付宝作为一个工具类为主的网站,我重点关注了信息获取方面的内容:我们怎么才能效率地传达信息给用户,便于用户理解和使用我们支付宝

网站做锚文本时需要注意的事项(上)

与三年前相比,现在做网站优化的给网站做锚文本的越来越多,而此前却是少之又少,甚至连锚文本的作用是什么都很少有人知道.对于文章中出现的一些关键词和某段语句大家都知道要做锚文本,但同时很多新朋友可能会有这样的疑虑:锚文本该怎样做,同时需要注意哪些事项? 锚文本可分为站内锚文本和站外锚文本两种.在总结个人和他人相关经验的基础上,在此小编就给大家简单的介绍一下这两个概念,以便新朋友们对锚文本有所了解,以利于自己在为网站做锚文本的时候做出合理且最大效果的优化. 一.站内锚文本 顾名思义,站内锚文本是针对网

Web设计全史:从基本文本到Web 2.0

从二十世纪九十年代初到如今,Web网站和网页设计经历了多次变革,技术也越来越先进.下边这张信息图表就介绍和突出了不同时期网页设计的一些关键特点.简单来说,Web设计的发展经历了以下几个阶段: - 基于文本设计的网站 - 基于表单设计的网站和在线网页建设 - Flash崛起 - CSS设计全面占领主流网页 - JavaScript崛起 - 语义网络(Semantic Web) - Web 2.0 - 针对移动设备的网站 为了满足不同的读者需求,这里提供了两种格式,一是KissMetrics设计的英