做搬家网站和做其它网站一样，在设计的过程中，有一些注意事项，我们是需要留意的，以避免一些易用性误区，进一步提升搬家网站的设计水平。

如下的要点仅代表了一小部分但很重要的UI设计。它们对UI问题来说，不是什么戒条也不是什么灵丹妙药，在设计界面时遵循这些原则，应该能大幅度改善应用的可用性。

1、用户不是在使用你的软件

在 所有计算机UI设计中最基本的理念就是，用户并不想使用你的软件，他们只想尽快，尽可能更容易地完成自己的工作，这些应用程序只是作为辅助的工具而已。越能把自己的软件排除出用户的视线之外越好。花在使用你的软件上的努力不是花在用户想要完成的工作上，因此，界面设计时要求做到：
1) 把用户想象成非常聪明但非常忙的人；
2) 不管你的界面有多酷，还是少一点好。
注：这两点引自Alan Cooper的《About Face2.0》

2、费兹定律

这是最简单也最众所周知的UI设计定律，它认为屏幕上的对象越大，越靠近鼠标光标，就越容易点击。这是常识，但在UI设计中常常被完全忽视了。
例如， Firefox的默认工具条，在网络浏览时，到目前为止任何人最常点击的按钮是Back（后退），因此，Back按钮应该是最容易点击的，那样的话，可以最小化用户使用软件时需要付出的努力，并让他们集中精力浏览网络。但在这个工具条上，五个按钮大小一样。Stop按钮真的和Back按钮一样重要吗？控件的外观尺寸可以通过把它摆放在屏幕边缘来放大。根据费兹定律，Back按钮更容易点击，也更容易和其他按钮区分开来。

当鼠标点击屏幕的边缘时，它可以准确地停在屏幕的边缘上，不管鼠标的移动有多快。这就意味着，对鼠标用户 来说，屏幕边缘的对象有效地扩展到了屏幕之外无限远的地方。很容易能点击屏幕右上角一个像素大小的目标；你只需把鼠标尽量往上往右“扔”过去就可以了。把这个像素移动到屏幕中央，要点中它就困难得多。

另一个最简单的例子是所有窗口的管理按钮（关闭，最大化，等等），它们必须容易点击，那样对窗口的控制不会需要太高的精度。从它们在所有软件中顶端角落的位置来看，这些是最适合移动到角落里的控件，它可以让用户可以看都不用看就能关闭窗口。另一个例子就是滚动条，都是放在屏幕边缘位置。如果应用软件都把右边的滚动条边缘放在离屏幕一个像素远的位置，或者添加一个小小的10个像素宽的小框，那么用户每次想要滚动的时候都要额外多花一两秒钟来点击它。

综上所述，可以总结得到如下设计原则：
1) 让常用的控件更大，更容易辨别
2) 重要的/更容易点击到的控件应该放在屏幕的边缘或角落里，这可以使控件有效扩大
3) 永远不要把控件放在离屏幕边缘或角落一个像素远的地方

3、去掉对用户不必要的干扰

当用户正在工作的时候，他们把注意力集中在手头的工作上。每次他们不得不把注意力移向应用程序时，需要花些时间才能回到刚才被打断的位置。因此，程序应该尽量减少打断和干扰用户的次数。

关于这个问题的例子是确认和进度对话框，例如，在某邮件程序中发送邮件时，每次在用户点击“接收 / 发送”的时候都会弹出一个对话框，告诉用户它在检查邮件的进度。而这个对话框恰恰挡在正在接收的邮件之前，阻止了对程序其余部分的访问。这个对话框想要达到什么样的目标？它所做的就是挡住 了用户的视线。去掉它，用一个状态条上的进度表来代替可能会更好。

另一个例子是一般文本编辑器的搜索功能中无所不在的“没有查找到结果”对话框。如果输入搜索框的文本没有找到，最有可能是用户输入错误的字符串，并且想要重新编辑和搜索，但现在有个对话框带着“确认”按钮挡在 路上，所以在进行下一步之前用户不得不点击去掉它。这就是令人厌烦的，需要用户额外的工作。优秀的例子就是类似Firefox的查找对话框，当查找不到时，它用红色表示，不弹出对话框。

总结：
1) 不要给用户设置路障
2) 只在包含有用信息的时候弹出对话框
3) 尽可能使用无模式（non-modal）状态指示
4) 最大限制降低干扰
a) 省略/隐藏不必要的文字。例如欢迎词、不重要的指示说明等
b) 避免视觉干扰。例如很多粗体字、各种颜色的信息掺杂一起等，界面应限制字号和颜色。
c) 降低图形比例
d) 设计留有空白空间

4、 发挥计算机的能力

现在的计算机功能很强，每秒有上十亿次的处理器时钟周期，拥有上百G的存储空间，而人，怎么来说在上百年里也不会变化得那么厉害。我们仍然会累，会无聊，烦 躁，每个时刻也只有有限的精力。因此，看起来，把尽可能多的工作从可怜的，疲惫的人，转移给他们面前那从不疲劳，超级运转的计算机，是一个不错的主意。

在用户界面设计中，这个想法很显然：每次需要作出决策或有工作需要完成时，尽量让界面为用户服务。例如，在GNOME（或Windows）中，打开了两个Xterm(或IE)的任务 ，一个是在 SiEd路径上的源代码，另一个是LaTex代码路径上的搜索文章，你能看出哪个是哪个？我不能，所以为了选择我要工作的那个，只能点击任务栏，或把鼠标移到上面看它的弹出提示。但计算机知道哪个是哪个，为什么不能让它帮我完成？（GNOME的任务栏，对用户没有帮助,WINDOWS任务栏显示的两个内容不同的IE窗口，用户同样无法区分它们)

解决方案很简单，在任务栏上路径相同的应用程序，根据任务的名字并显示足够的信息来区分它们。那样的话，用户可以在很多不同的应用中不假思索地进行选择。

如果计算机有那么大的存储空间，为什么那么多应用在关闭的时候忘记了用户的设置呢？例如把滚动条的状态等等都记下来。
总结：
1) 计算机功能强大，因此要使用它的能力帮助用户；
2) 让相似的元素容易区分；
3) 记住应用的设置，记住窗口的滚动位置等；

5、 让元素容易区分和查找

这个要点也很简单，屏幕上的元素，如果用来完成不同的任务，应该很容易看到，并且很容易从其他元素中辨别出来。一个想这么做但是失败了的极端例子是 Konqueror的默认工具条,Konqueror的默认工具条，最左边的元素是向上的箭头，可能是浏览器中最少用到的，而最左边是最容易看到，也最容易点击的，所以最常用的用户操作应该在这里，我所知道的其他任何浏览器都正确地把Back按钮放在最左边了，就是因为这个原因。

Find 按钮和另外两个缩放（Zoom）按钮很相似；Forward，Back，Up，Home和Refresh都是同一个颜色，很难一下子区分它们，但最重要的是，一共有15个这样的按钮。人在区分5个左右的元素时表现不错，不用思考就可以马上分辨出来，那就是乐谱有五条横线的主要原因。如果超过5个，我们就必须停下来，使用大脑去计算哪个是哪个，更好的设计应该是只把最常用的元素放在工具条上，最小化用户的日常工作量。许多应用把大量这样的元素堆放在工具条 上，但像网络浏览这样简单的活动，15个实在是太多了，这会让新用户初次使用的时候不知所措；即使对一个有经验的计算机用户来说，这样的设计也让人很茫然。
总结：
1) 让完成不同事项的元素各自不同；
2) 别让用户淹没在太多的选择里；
3) 让当前选择或受到主要的元素更容易区分和阅读；

做一个为搬家公司服务的网站真不简单，今天先写到这里，下一节会继续以搬家易搬家网站为例，说一下设计流程中界面原型的一些要求。