首页
出自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贡献) |
