2009-12-6
10个设计模式
by Janko Jovanovic
简而言之，界面的设计模式是解决常见的界面问题。本文总结10个有趣实用的设计模式，供大家参考。1.懒人注册
填写各种私人资料去完成注册是一件让人头痛的事情。而注册是为了系统识别出用户的身份，完全可以将这一步骤延后，用户可以不必注册就能浏览网站上的产品并熟悉网站的操作。 
这种设计模式容许用户在使用网站和决策之后再去注册，一旦用户满意，他们将轻松地完成注册。这就像在超市中一样，用户可以在付款前挑选商品。
2.逐步显示
为了避免过多显示复杂和不常用的内容，只显示和用户当前操作相关的信息。在单个页面上，内容逐步显示可以使复杂多层次的内容看起来井井有条。这种做法目的在于显示必要的内容并引导用户进行下一步操作。用户完成一步，显示部分内容，并保证之前的内容可见，用户在输入的内容将影响到下一步操作。
3.避免教条主义
搜索功能可以给予用户多样化甚至复杂的选择，比如当用户可以输入城市名、街道名或者邮政编码搜索天气和地图。为了暗示用户可以输入不同格式的内容，界面也会倾变得多过于复杂。用户输入的数据不必拘泥于某一种格式，剩下的就是让系统去解析这些数据了。
4.突出主要操作
简单的网页表格通常只容许一个操作（提交、保存或者发送）。因为只有操作，用户明确地知道在完成表格之后如何操作。然而，用户有时候要面对多个选项，不得不去区分主要操作和次要操作。 
突出主要操作有两种方法： 1.颜色加以区分，比如主要操作用明亮的颜色，次要操作用灰色；2.主要操作用按钮，次要操作使用链接。
5.面包屑
面包屑指的是页面之间的层级关系，可以帮助用户理解网站的结构。面包屑从首页开始，截止到当前页面。面包屑中，除了最后一个标签，其他标签都可以链接到层级关系中其他页面。面包屑占的位置很少，通常位于标题和内容之间的顶部位置。面包屑可以用“>”区分，或者像苹果的网站一样使用图形元素。
6.账户注册
账户注册的定义有很多，但是我们可以从它所解决的三个问题谈起： 1.某些内容只有注册用户可以看到 2.用户经常重复输入个人数据 3.用户要在系统上读取个人化内容 用户在系统上注册一个账户，这样个人数据就能得到保护并能重复使用。但由于用户不太喜欢填写表格，所以注册时只填写必要的内容。另外强调注册的好处，用户会更愿意去完成注册。
7.必填项标识
界面一定要一目了然，对于网页表格，这点尤为重要。其中一个最重要的方法就是标明网页表格的必填项，这样用户就可避免因填写不完成而看到错误信息。最理想的情况是页面表格只有必填项，没有选填项，因为页面内容越少，用户体验也就越好。另外一种有趣的想法就是用户可以移除所有的选填项。
8.显示步骤
当需要多个步骤填写数据时，这种方法很实用，它的目的在于：1.引导用户；2.很清楚地表明一共有多少个步骤；3.强调当前步骤。
9.订购方案
这种方法适用需要定期支付的产品或者服务，同时要标明以下四个信息：1.名字，如“基础”或者“专业”；2.每个周期的价格；3.功能列表；4.注册按钮。通常将这些方案按价格的顺序排列，也可以适用不同的颜色和尺寸突出推荐方案。
10.悬停按钮
当有很多控件时，页面会看起来比较混乱。一个很好的方法就是将这些控件隐藏起来，当用户需要的时候，再显示出来。
原文地址：http://www.smashingmagazine.com/2009/06/23/10-ui-design-patterns-you-should-be-paying-attention-to/