界面内容优化的层次(2)
作者:白鸦 来源:以用户为中心的设计 发布时间:2007-11-06 13:07:00
最后,界面上的文字应该具备该产品需要传达给用户的气质。
这里往往遇到的是怎么做的问题:怎么确定产品要表达什么样的气质?怎么确定什么样的语言风格才算是表达了这样的气质?
在稍微大型的企业我们一般有很多种方法可以做到,比如找很多用户让他们说出他们需要的、比如通过情绪板、比如通过颜色分析等等。
但在创业公司我一般建议大家实用一点:
1、N个很了解产品定位的人坐到一起,每人一个贴纸写下来一个你认为可以描述该产品的句子或者事物;
2、把所有人的描述拿出来大家讨论,把每一个用二维分析的方式摆出来,最终得到一个大家都认可的结果就是这个产品应该表达的气质;
3、每人N个贴纸,根据刚才得到的结果,结合自己产品的环境写下来你认为要表达这种气质需要什么样风格的语言;
4、用第2点中同样的方法得到一个统一的结果,(比如:严肃、简练、..)
5、安排一个专门的人写一份简单的指南,描述这个结果具体执行时一些需要注意的常见问题和原则。(比如:既定事实不再重复、不用反问语句提问用户、即时说明文字不得超过20字、…)
还有,文字的视觉设计应该完整的融入整个产品视觉中。
很多视觉设计师喜欢把文字融入到界面的造型中去,得到非常棒的视觉效果,这个很值得学习。
从最基础来说,我们的文字在界面上和图形一样应该有主次有深浅,关于这个部分潇潇同学已经有了很好的表述,我只补充一个例子:
图片网站本身应该表现的是“图”,文字只是其辅助信息。
flickr在个人首页里每个图片下面都有四行的文字,但我从未感觉到他碍眼或者多余,因为flickr用的是很柔和的粉红和几乎可以让我第一视觉点忽视掉的灰色;
而yupoo在个人首页里每个图片下面只有三行文字,可每一个我都觉得他们扎眼,因为yupoo用了重灰色粗体、绿色粗体、重灰色、绿色四种表现方式,而且字体都还不一样。
再有,尽量让文字自身可以起到“推销”产品的作用,而且”推销”的不只是产品气质。
文字其实可以像图形设计一样在情感上给用户以触动,从而积极的达到对于产品的“推销”。
比如,很多人已经把“注册”改成了“立即注册”、“马上注册”;
比如,baidu.com的“更多”页面最上面以前是“推荐使用”后来改成了“试试看”,虽然只是少了一个字,但给用户的感受和尝试欲望马上就很不一样;
比如,某电子商务网站会在注册要完成那里说:“太好了,你还需一步就能成为我们的注册会员”
比如,…
..
ps:
关于内容优化,《交互设计》和《Designing web usability》两本书都简单的提到了一些类似“准确传达信息、不要罗嗦、不要多余、文字要统一、要符合产品风格”的话,但说的都很浅,而且言语中能察觉到作者并未想深入表达,或者他们本身也确实没有很深入的研究。
界面上的文字看似是一个很细小的东西,实际上他蕴藏着很多的价值并且在潜移默化为产品带来好的或者不好的利益。中国人说“察言观色”,我想“言语”的表达对于中国用户的触动应该会更加的明显。国外现在也还没有在内容优化上非常全面和深入理论知识,可能也是因为他们的语言并没有中国这样博大精深(或者说“多变”)。
所以,研究和发挥好“界面上的文字”对于产品的价值也许更适合也更值得在中国做。这里有不小的空白的空间,值得我们发挥。
共勉。


猜你喜欢
- ASP+javascript实现可显示和隐藏的树型菜单实例:<script language=&qu
- 今天,发现了一个之前从未注意的角落,相信能够大大提高自己写JS的速度。能够迅速发现错误。例如,今天的加班中调试一个js错误发现的一个例子。1
- torch.matmul()语法torch.matmul(input, other, *, out=None) → Ten
- C方法是ThinkPHP用于设置、获取,以及保存配置参数的方法,使用频率较高。了解C方法需要首先了解下ThinkPHP的配置,因为C方法的所
- python中xmltodict使用xml转换成OrderedDict代码 :import xmltodictfrom pprin
- 1.业务需求背景业务提供一张底层图片1以及需要在底层图片上添加的图片2,两张图片大小不一致,将小图2添加到底图1中,并在其他的空白部分添加个
- 这篇文章主要介绍了python函数不定长参数使用方法解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的
- Python面向对象编程(一)Python面向对象编程(二)Python面向对象编程(三)和其它编程语言相比,Python 在尽可能不增加新
- 前言学习Python中,总想做个图形界面,找来找去,找到了tkinter。练习内容:图形界面中,点击按钮后,利用弹出对话框选择文件(或文件夹
- 表单内有两个提交按钮,要实现当点击不同的提交按钮时,分别进行两个不同的处理过程,在这里有实现表单多按钮提交action的处理方法分享给大家。
- 主键的生成方式主要有三种: 一. 数据库自动生成 二. GUID 三. 开发创建 严格讲这三种产生方式有一定的交叉点,其定位方式将在下面进行
- 最近在这找了好久的js菜单,都没找到满意的,今天找了个,觉得不错,最重要的是简单,希望大家可以参照一下先看看效果图吧:代码特点:js+css
- 引言手机中拍摄照的照片和视频快爆了,想转移到PC端,并按时间建立文件夹存储到电脑中,本文主要介绍如何通过python获取手机拍摄图片的时间信
- 本文实例为大家分享了基于wxPython的GUI实现输入对话框的具体代码,供大家参考,具体内容如下编程时,免不了要输入一些参数等,这时输入对
- --创建数据库(文件:主要数据文件mdf==1,次要数据文件ndf>=0,日志文件ldf>=1)--文件组:当1mdf,5个nd
- <script type="text/javascript">一、获取url所有参数值function US
- 一、dict推导式list1 = ['name', 'age', 'gender']list
- 一、数据爬取的代码#encoding='utf-8'from selenium import webdriverimport
- 将纸的材质融为设计元素现已成为当今网页设计最热门最流行的设计趋势之一。网页设计师可以使用纸屑、硬纸板纹理材质、笔记本和记事薄构成有趣而复杂的
- 父组件处理:<template> <div class="wrap">