首页

出自Web应用设计模式

跳转到: 导航, 搜索

目录

欢迎来到Web应用设计模式(web application design patterns)

虽然web应用在今天已经很普遍,但是你是否也觉得web应用的设计仍然是一种挑战?虽然商业目的驱使着web应用的设想,但却没有很好的关于如何设计的指引。因此常常导致最终web应用的不一致的行为和外观,甚至同一个公司的多个应用之间也是如此。

web应用上的设计模式,与网站和软件一样,都是提供一种高效的解决方案。在本《web应用设计模式》中,不仅阐述了各种用户交互问题的解决方案,还解释了解决方案之所以高效的背后原理,并说明了模式应该如何进行使用。

通过这里你可以:

  • 更高效的设计界面,让你选择的设计方案更有依据(基于原理)。
  • 100多个模式的使用的详细解读,让你能深入理解和应用。
  • 对行业中杰出的500多个全彩色的界面的快速理解。

如果你是: 用户界面设计师(User interface designers)、可用性专家(usability professionals)、商业应用产品开发人员、 产品经理(product management)或项目经理(project management),我推荐你应该必读。

如果你对本wiki感兴趣,也可以一起加入贡献。请联系Email:chenliangyong@163.com。

什么是模式?

模式(patterns)的概念是由建筑领域的克里斯托弗.亚历山大(Christopher Alexander )和他的同事在《A Pattern Language》和《The Timeless Way of Building 》介绍。他们介绍的模式的概念如下:

每个模式都是描述我们环境中不断重复发生的那些问题,然后描述解决这些问题的核心解决方案,因此今后你可以重复使用这些解决方案,而不需要再重复去做。

因此,模式明确了所关注问题的使用范围,指引设计师何时、如何、为何采用这个解决方案。模式具有可行性、描述了良好设计的示例,也体现了高层次的原则和策略。模式由于以下特点受到了软件设计师和用户界面设计师的欢迎:

经过验证的设计解决方案和使用指导:模式是真实的解决方案,而不是抽象的原则和指南。另外,通过明确背景和问题、总结其高效的背后原理,模式不仅解释了如何解决一个问题,且解释了一个特定背景下为什么这个解决方案是适合的。然而,由于模式是一种“核心”解决方案,其最终的应用实现会有所不同,所以不会是“千篇一律”或缺乏创新。

改善设计流程:理解和编录设计模式可以帮助设计师提高工作效率,而不用花时间再去“重复发明轮子”。并且,如果界面组件是为界面模式的设计模式库的形式进行创建(见第13章),那就可以快速的对设计方案进行开发、测试、迭代,帮助缩短发布周期。

可重用性和界面的一致性:开发一套可重用的用户界面组件可以促进用户界面的一致性,这对于有许多分布于不同地方设计团队的大型公司尤其实用,因为有可能同样对于同样的问题,不同的设计团队可用会采用不同的解决方案,由此导致同一个公司内产生不一致的用户界面。通过编录和交流设计模式,团队之间可以增进设计的一致性、可预见性、可用性,可以形成公司内的专业设计知识库。

一种共同的分享语言:模式可以帮助不同学科背景的团队成员进行和促进交流,因为模式是一种公共的语言和词汇。这很重要,因为用户界面设计师经常要在一个跨学科的团队中工作,包括开发人员、应用领域专家、用户或用户代表,这样的跨学科团队往往缺乏一种共同语言去交流设计想法和意见。

有效的教学辅助和参考工具:模式也可以让有经验的设计专家对缺乏设计背景的人员进行指导。因为模式文档中提供了可视的和上下文描述,能够让新手界面设计师人员很容易的看到模式成功应用的案例。

使得web应用具有可用性:最后,因为模式是基于成功的应用历史,模式中提供的交互是被用户所熟悉的,所以可以让web应用具有可用性。

你也想贡献一个模式吗? 使用这个 模式模板

Web应用设计模式

第一章 介绍

第二章 表单

第三章 用户鉴定

第四章 主界面

第五章 导航

第六章 搜索和过滤

第七章 列表

第八章 富网络应用(RIA)

第九章 社会化应用(Social Applications)

第十章 国际化

第十一章 可访问性

第十二章 视觉设计

第十三章 帮助(由Finger贡献)

个人工具