UI设计系列之一------最基本的原则：使用方便

UI设计的最基本原则就是让用户使用方便，这包括：界面简单、wizard驱动、输入内容明确并且方便、准确的错误提示。

 

界面简单并不意味着功能简单，最好不要让用户觉得产品很复杂。举个例子，Web UI的一个页面出现在用户面前，根据人的观察规律，一般访客的视线会从页面的左上角的开始，扫视网站的顶部（Logo,导航）接着他们目光向下移动，读下一个区域…该产品的模拟截图和简单的文字介绍，通过这块漂亮的展示区域，他们才开始对网站有了初步的印象。访客看到产品的模拟展示后，他们就可以想象实际应用的情景。如果能够让潜在客户想象使用产品的情形，你就已经开始勾起他们的购买欲望了。更重要的是，这类图片不仅仅是会吸引访客，他还传递给访客易于使用的信息。如果你为访客描绘了一副栩栩如生的画面，让用户觉得使用你的产品可以受益很多，那么他们的购买欲望就会膨胀起来。进一步，既然是界面，那么颜色也非常重要，不同类型的产品使用的颜色分类是不一样的。详细的介绍请参考http://www.visionunion.com/article.jsp?code=201104090001

 

wizard驱动并不是必须的，但是为了应对稍微复杂的配置界面，它确实是功不可没。想象一下，如果在Visual Studio或者Eclipse里面里面创建一个工程，但是没有wizard，会是一种什么可怕的后果。估计是没人会用这两个产品。wizard的任务驱动，让用户不用关心完成一项设置需要做什么，只要按着步骤一步一步做就够了。这篇文章探讨了wizard设计http://blog.sina.com.cn/s/blog_4caba12a010008db.html~type=v5_one&label=rela_prevarticle

 

输入内容明确并且方便，听上去像是什么都没说。想要输入内容明确，做到以下几点：(1)Label明确，(2)有Tooltip，(3)有例子说明。什么叫输入方便？就是尽量不要让用户敲键盘，最好是用鼠标选择一下就好了。所以，对一些UI widget的使用要有个偏好，顺序是列表>下拉框>输入框。如果有多选一的配置，尽量用widget把所有候选项都列出来，让用户一目了然，做个选择，列表是最好的选择，如果做不到，最好用下拉框，实在不行再用输入框，用户最讨厌键盘输入。

 

准确的错误提示包括了对每项输入的检查，如果出现错误，尽早提示。这个在wizard里面用得最多，每个wizard页面都要有当前页面所有输入的有效性检查，只有没错误了，才能进入下个页面。