以用户为中心的设计

设计模式库大搜罗

作者:油茶会  |   发布: (网友)稻草   |   时间:2009-02-17 01:00:33 文字大小:- +

对于一个设计团队来说,好的设计模式库能够帮助实现规范化,从而减轻界面开发的工作量,提高一致性。而对于设计师个人来说,设计模式库有助于减少误用、滥用,以及无效的创新。

著名交互设计师Jared Spool曾总结出优秀的设计模式库应有的元素,它们包括:

  • - 模式名称(Pattern Name)
  • - 描述(Description)
  • - 应用场景(Context of Use)
  • - 在何处使用(Where to Use it)
  • - 原理(How it Works)
  • - 规范详情(Specifications)
  • - 相关模式(Related Patterns)
  • - 其他实现模式(Competitive Approaches)
  • - 源代码(Source Code)
  • - 可用性研究结果(Usability Research)
  • - 讨论(Discussion)

如今最为著名的模式库之一无疑是雅虎的咯~~~

YDL采用了比较传统的模式分类——

每一模式都会有总结、应用场景、解决方案、原理、举例等,有的还有相应的代码。

另外一个比较有名的模式库是UI-Pattern,目前有47种模式。对于每种模式的介绍与YDL大同小异。但这个模式库是开放式的,注册后可以贡献模式或模式下的样例,用户还可以搭建自己的模式组(user sets),还可以为模式评分。

用户贡献内容是王道,所以此类模式库也不断涌现。

这个模式库的分类比较特别,增加了按照设备以及输入输出的筛选。

每个模式除了标准化的介绍,还会有例如用户添加的标签等元数据。

这个模式库又换了一种分类思想

对单个模式进行介绍时,用了比较动态的样例展示,不过感觉使用体验不是特别好,呵……

这个跟UI Pattern的组织结构比较像,主要是按收藏集(collection)、标签来分类,用户也可以自己创建组。目前有46个收藏集。感觉这个库的内容偏艺术性一些,对于每个模式也没有详细的介绍,应该说是案例库才对。是汲取灵感的好地方~~~

这个模式库更偏重可视化的模式,比较特别的是会有一些模式效果演示。

另外还可以参考的资源包括——

Bill Scotts新书可参考这个PPT哦~~~

以上谈了很多可借鉴模式,但是反面模式(anti-pattern)同样值得借鉴并避免,Bill Scotts也有专门谈论这个问题。这些反面模式都有超奇怪的名字,晕~~~

另一篇文章同主题的文章 也提出了10种反面模式,也是不错滴~

本期采茶人: 小何老师(Helicopter in the air)

如您有英文阅读习惯,不妨来做采茶人。

更多
打印  |  相关话题:设计规范   |  类别:信息和交互   |  源地址

UCDChina的书

《UCD火花集2》封面
UCDChina编著,定价35元
从卓越网购买 从当当网购买

《UCD火花集》封面
UCDChina编著,定价25元
从卓越网购买 从当当网购买

《应需而变——设计的力量》封面
UCDChina团队成员JunChen译,定价29元
从卓越网购买 从当当网购买

《网页设计解析》封面
UCDChina团队成员周陟著,定价62元
从卓越网购买 从当当网购买

《赢在用户》封面
UCDChina团队成员Angela译,定价29元
从卓越网购买 从当当网购买

《用户体验的要素》封面
UCDChina团队成员Angela译,定价25元
从卓越网购买 从当当网购买