Web 界面设计

内容简介

当前的Web已经进入崭新的时代！本书涵盖了在基于独一无二的Web环境下、在创建丰富体验的过程中设计Web界面的最佳实践、模式和原理。

UI专家Bill Scott和Theresa Neil在他们多年实践经验和不懈探索的基础上，总结提炼出了Web界面设计的六大原理——直截了当、简化交互、足不出户、提供邀请、使用变换和即时反应。

本书以这六大原理为依托，以当今Web上各类开风气之先的流行网站为示例，向读者展示了超过75种基于富交互构建Web界面的模式，并以简单明了的语言，阐明了数以百计行之有效的最佳实践。同时，书中还给出诸多反模式，即在Web界面设计过程中应该避免的做法。

作者简介

Bill Scott居住在美国加利福尼亚州洛斯盖多斯，目前是Netflix公司的UI工程总监，他在这个职位上发挥着自己在界面工程和设计方面的专长。

此前，他是雅虎公司的Ajax技术推广专家，并负责管理Yahoo! Design Pattern Library（Yahoo!设计模式库）。Bill的IT从业经历漫长而耐人寻味，他对设计可用性产品的技术和创意具有独到的见解。通过www. looksgoodworkswell.com可以了解他广泛的爱好和思想发展脉络。

Theresa Neil是一位居住在美国得克萨斯州奥斯汀市的用户体验咨询师，她的职业是为创业型公司和财富500强公司设计互联网应用程序。访问www.designgenie.org可以欣赏她的设计作品。

前言（Preface）

历史回眸（What Happened）

我（Bill）的第一台个人计算机是Radio Shack Color Computer（1981年前后），配有芝克莱特译注1式键盘。最初几个月，我面对的主用户界面是命令行，即每天都要在COLORBASIC操作系统中输入代码。

后来，升级的Apple IIe让我用上了更好的键盘，而且机器里还预装了很多游戏。但是，界面基本上没有任何变化，仍然是命令行和基于文本的菜单一统天下。即使是IBM PC登上历史舞台，类同的地方照样居多。Lotus 123是当时顶尖水平的电子制表软件，它通过一组简短的键盘命令来控制。不过，即使是这种级别的应用程序也谈不上什么用户体验。

不久，界面革命开始了。1984年Macintosh问世，这种新机型刚推出时间不长，我就买了一台回家。Macintosh配备的鼠标打开了崭新的交互世界的大门。用户摆脱了只有学习古文一般的命令才能在基于文本的菜单中导航的命运，取而代之的是另一种自然而然的、更符合人类直觉的方式。

嗯，读者可能会想，这有什么值得大惊小怪的？别忘了那是1984年，不是现在。那么，这跟一本设计Web界面的书有什么关系吗？关系无处不在。

在Web有史以来的大部分时间内，Web站点和Web应用程序都以界面作为分水岭——与早期的桌面电脑时代很相似。多数Web站点都基于以下两个事件：

(1) 单击超链接

(2) 提交表单

试一试，就通过这两个事件能创造出什么吸引人的用户体验？而且，问题不止如此——每次单击或提交都会伴随一次页面刷新，创造流畅的用户体验几乎只是一句空话。

说来很有意思，解决这些问题的技术其实很多年前就已经存在了。只不过必须等到常用的浏览器普遍支持这些技术之后，开发人员才敢在日常开发中放心大胆地使用。2004年，Google发布了Gmail和Google Maps，这两个应用程序使用了之后被Jesse JamesGarrett称为Ajax的一组技术。

差别的确非常之大。基于Ajax的Google Maps支持实时平移、缩放，无须任何页面刷新，其交互性丝毫不亚于桌面应用程序。而当时的Mapquest则亦如其他Web应用程序，必须在每次移动或缩放地图后刷新页面。Ajax的应用，使过去的Web和现在的Web有了非常明显的差别。

读者书评

“本书提供了富因特网应用程序（RIA）设计人员和开发人员（或开发团队）做出明智选择时必须知道的一切。对于当今主流的Web设计师而言，（本书）应该人手一册。”

——Erin Malone， Tangible UX负责人