超越界面：移动应用设计模式漫谈（一）

　　与移动设备有关的设计正变得日益重要，移动设备的设计有许多不同于传统设计的鲜明特点，因此设计师在为移动设备做设计时难免会遇到众多问题，其中很多问题解决起来并不容易。事实上，要做出一款不止拥有漂亮的界面，在细节上也令人满意的移动应用相当困难，而细节却往往决定着一款应用的成败。

　　在继续读下去之前，请想想我的问题：如果用户连你设计的应用如何操作都要琢磨上半天，作为设计师的你会作何感想？如果他们用这款应用搜索，填写表单或查看图片都非常费劲，设计师又该怎么办？对于这样的一款应用，你认为用户的满意度如何？毫无疑问，用户对这样的应用不会太满意，很可能用一次就不再用了。显然，每个设计师都不愿看到这样的结果。

　　有经验的设计师都明白，对一款应用而言，虽然迷人的界面和独特的功能十分重要，但如何带给不同类型的用户良好的使用体验，同样是个不容忽视的问题。

　　那么，你又打算避免上面提到的这些情况呢？

　　有一些问题是设计师们都会遇到的，如怎样目录菜单的创建和放置方式，怎样选择最合适的图片，怎样设计按钮等等。

　　解决这些问题的方案不止一个，一般来讲，它们都属于“设计模式”的范畴。或许你要问：“设计模式”究竟又是什么呢？

　　设计模式：概念与内容

　　维基百科给出了一个简明清晰的定义：

　　建筑或计算机科学中的设计模式，指的是一种规范的解决方案，这种方案是针对某一特定领域中存在的设计问题而提出的。这一概念最先由建筑师Christopher Alexander提出，最初仅限于建筑领域，后来包括计算机科学在内的许多学科都采用了这种提法。 针对某个特定领域的，成系统的设计模式被称为“模式语言”。

　　这种所谓“模式语言”自然是由不同的模式构成的。用Christopher Alexander的原话说：“每种设计模式描述的都是在某个领域中某个一再重复出现的问题，设计模式也包括解决此问题的核心要点，这些要点可以被千万次地应用在不同的案例中。”

　　设计领域的许多问题都是可预见且普遍存在的。因此所谓的“设计模式”其本质是解决某些设计问题的核心原则，你也可以把它看做是前人设计经验的“提纯”。

　　典型的设计模式包含四个元素：名称，针对的问题，解决原则和实现的结果。

　　设计模式不依赖于固定描述，也不依赖与具体案例：因为它没有死板的套路可循。而且，设计者需要根据自己的项目情况灵活地运用设计模式，才能发挥它应有的效果。

　　有很多设计模式都值得一提，但限于篇幅，我无法面面俱到地把每一个都介绍一遍，只能说一些最重要的。

　　移动设模式举例：表单

　　近期你填过多少份表单？购物，回答调查问卷，在网站上创建新账户----需要填表的事儿可真不少。那么，当你填写表单的时候，感觉总是轻松愉快吗？

　　或许有些人的回答就不那么肯定，因为许多设计师都不懂得，将用户必须填写的信息降到最低，对于良好的用户体验是多么重要。

　　让我们通过例子来看一个精心设计的表单应该是什么样的，这个应用相信很多人都知道：Pinterest。

　　就像我们从上面的图片中看到的，它的登入表单非常简单，清晰，没有任何多余元素。它只包含了最典型的输入区域：用户名，密码和确认按钮。我个人觉得如果加上“忘记密码”的按钮会好一些，但在此处连这个按钮都省略了。像其他许多应用一样，Pinteres也允许用户用Facebook, Twitter, Google等第三方账号登入。第而且三方账号的按钮大而清晰，用户很容易就能辨认出来。

　　接下来我们再来看一个同样可以当做范例的注册用户表单，同样是来自Pinterest。

　　即使是注册用户表单，也把需要用户输入的信息降到了最少。在这里，一切与核心功能无关的元素都被省去了。需要输入的只是无法再精简的元素：姓名，电邮地址，密码。

　　让用户可以使用已有的账号登录是个非常好的选项：用户会因无需再次提交一堆个人信息而对网站心存好感。

　　这两个例子也给了我们很好的启发：在注册表单的设计上最好不要要刻意“创新”，简单，易填，清晰，只要求最基本的信息才是上策。把握住这些原则，用户对你的网站自然满意度倍增。

　　移动设模式举例：搜索

　　现在，为了更好地理解什么样的搜索方式最合适移动设备，我们还是来看一些移动设备搜索栏设计的案例。我发现在这一点上，Pinterest同样符合我的标准。