团队博客 - 以用户为中心的设计

很多网站为了某个活动、节日什么的，经常都会做一个专题页面。这些页面往往都和网站其他的页面不同，不用那些循规蹈矩的布局，有漂亮的大块图片、甚至是声色俱佳的Flash~ 这些页面，可能是从网站内部某个吸引人的地方，吸引你点入；也可能是某个软件的网站，从软件里链接出来的；也可能是和别的网站合作，从别处链接过来的……这样的页面的确都做得很吸引人，但也容易忽略一个很基础的问题，比如下图这个页面：

(more…)

这不仅仅是一个信息爆炸的时代，也是一个服务爆炸的时代。
一切都是因为互联网，随着互联网技术的发展，信息的增多，服务的增多，用户需求的多样化。怎样让用户在最快地获取自己想要的东西，导航的设计显得非常重要。
随着带宽的持续增加，互联网技术的研发，我相信，导航的形式将会更加的多样化，这种多样化带来的将不会是使用的复杂，而是更加地人性化。
下面是我觉得将来会比较流行的几种导航的方向。

借鉴传统软件工程的导航模式

google靠搜索起家，却剑指微软。微软靠一个操作系统的平台整合了计算机的软件行业，google则要搭建一个新的平台来整合所有的网络服务。
从上图可以看到，google的导航和XP的导航有着惊人的相似之处，XP左下角的快速启动，和google左上角的导航，如出一辙。google除了用纯文本没有用图标之外，没有任何的区别了。 (more…)

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

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

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

本期话题注意界面上的文字引来了非常多的讨论，可以看出网站界面上的文字正是大家比较关注的问题，而且比较实际。比如千鸟的内容呈现建议、奇遇的文本达意和可用性、子条的文字的辨识度和可读性，可以讲都是界面文字规范，千鸟的文章更适用于内容编辑，奇遇和子条的文章更适用于设计师。

在实际产品设计过程中，可以逐渐的形成这样的文字语言规范，目的是让产品设计的参与人员能够统一认识，和重视文字在设计中的重要性。

针对规范的使用环境，大体可以分为基本规范、特定产品规范、内容规范三种。基本规范主要是给所有产品设计参与人员一个大致的认识，是所有产品设计都须注意的地方；特定产品的规范主要是给界面设计师，以及开发人员参考，确定具体位置的具体文字；内容规范则是给内容编辑，或者其他内容贡献者（非用户）的行文规范。

(more…)

认知心理学家Donald A. Norman将人类的行动分解成七个阶段：

1. 确定目标
2. 确定意图
3. 明确行动内容
4. 执行
5. 感知外部状况
6. 解释外部状况
7. 评估行动结果

这七个阶段发生在人类所采取的每一个行动时。 (more…)

这世上“没有丑女人，只有懒女人”这是女人美丽圣经里的最精彩的一句话了，一个女人只要舍得花时间琢磨怎么保养，怎么打扮，总能够找到方法展现自己美丽的一面的。界面设计何尝不是如此？那就让我们来看看聪明女人的穿衣之道里有没有什么做设计可以借鉴的地方。

原则一：全身搭配的衣服主色不要超过三种。
不管什么样的衣着都应该有一个主色调，代表穿衣者想彰显的气质，她不可能样样都强调——也许她有安静的一面，犹如蓝色；也可能有调皮的一面，犹如橙色：知性的一面，犹如白色：可爱的一面，犹如粉色……但是她如果把这些颜色同时穿出来，那她除了像只花蝴蝶外将一无是处。这就好比一个页面，它的主要字体和颜色搭配不应该超过三种，他们分别用做：最重要的，比较重要的，一般的。别试图什么都强调，你会到头来什么都抓不到。

看看下面两个例子： (more…)

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

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

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

(more…)

围绕文字、符号、链接三个方面，主要是中文，草拟的个人行文经验：

1. 文字避免写错。应付挑剔的读者是一个方面，某些关键词的错误，有可能就避过了搜索引擎抓取。

2. 文字密度节奏的控制。段落在四行左右比较合适，宜少不宜多，同时避免文字量大的段落连续堆积，段落之间最好的节奏不是一一二二三三，而是类似一三二三一二的无序结构，纵横道理类似。

3. 词语避免在同行断开。比如行末一个“搜”，下行头一个“狐”，用户读起来比较费劲。注意英文的默认段落内，一个单词不会断开，原因也是如此。

(more…)

不久前因业务需要，我在自己的笔记本中安装了搜霸。当时一个做平面的朋友过来和我做一些设计交流，
我在笔记本前准备输入一个网址，他靠近我的电脑，大叫道：“嗷！你也认识我的老同学“高亮”啊！”
我惊出一身冷汗。

几乎所有的产品中，都会使用到文字。小到错误、警告、提示信息，大到介绍、专题策划、广告文案。
如果文字出现问题，修改起来成本很低。然而文字的可用性如果不好，将直接作用于产品。 (more…)

好的设计和不好的设计，就像是一块硬币的正反面。之前我们看到的都是硬币的反面，只要翻转一下，就可以看到正面了。

上次我评论了上网四大郁闷事，很大原因是导航混乱、位置感不强造成的。有一次参与朋友公司的讨论时我说道，网站就像是一个信息群岛，岛屿和岛屿间是相连的，差别在于你是用独木桥还是高速公路，桥边（路边）是美女的诱惑还是指示牌。良好位置感的设计，主要解决三个问题：我从哪里来（为什么我在这里）？我在哪里（这里是哪里）？我将去哪里（下一步怎么走）？就像是一个迷宫，你所处位置正面有三条路，背面有三条路，你可能一下子就迷失了，忘了从哪条路来，也不知道下一步该走哪条路。

(more…)