Jamz

bA (ビジネス・アーキテクト) はモジュールという単位でデザインパターンを体系化し、システム化しているそうです。

モジュールが何をさすのかいまいち分からないけど、レイアウトや見出し (タイトル) といったことなのかなぁ...

さておき、ウェブデザインにおいてデザインパターンの考えを取り入れようという動きがあるようです。この話題を知った切っ掛けは GREE の勉強会でした。

• 第4回オープンソーステクノロジー勉強会 −開催のご報告− - GREE Labs講演資料(2) ウェブデザインパターンを利用した開発
• 講演資料 ウェブデザインパターンを利用した開発 (PDF)
• 第5回オープンソーステクノロジー勉強会 −開催のご報告− - GREE Labs講演資料(2) Webデザインパターン実装編
• 講演資料 Webデザインパターン実装編 (PDF)

出元は海外のようですが、以下のようなキーワードが目に留まる。

• Advanced Search (ウェブデザインパターンの例)
• WebPatterns
• Web Design Patterns
• An Introducution to Using Patterns in Web Design
• Yahoo Design Patterns

日本語の情報

• hibomaのはてなダイアリー - Yahoo! Design Pattern Library の訳　まとめ

GREE 第五回勉強会にWeb標準の日のどこかのセッションでウェブデザインパターンについて言及した人がいるとある...長谷川さんだろうとあたりをつけて資料を見てみると、ズバリ建築の例えとともにデザインのパターン化について言及があった。

［Web標準の日］のプレゼン資料・音声資料 - セッションB（長谷川恭久さん）(PDF)

レイアウトのブロック化 (PHP or SSI で include) は私もやっています。

デザインをパターン化するという発想から、さらに、それらをシステム化 (自動化) する必要はある。bAは多分これらをシステム化しているんだろうな。

[misc]ウェブデザインパターン

昔、List BuilderとPagingと組み合わせたページのフレームワークは作ったけど、結構重宝したし。

おいっちょの日記

UI-patterns.com

追記

第二版が出ているもよう。

The Design of Sites: Patterns For Creating Winning Web Sites

posted with amazlet on 07.03.06

Douglas K. Van Duyne James A. Landay Jason I. Hong
Prentice Hall Ptr (2006/12/08)
売り上げランキング: 20676

Amazon.co.jp で詳細を見る

2007年08月30日 追記

相互作用のあるデザインに関するデザインパターン

Welie.com - Patterns in Interaction Design

Welie.com - Patterns in Interaction Design

2007年10月11日 追記

ソシオメディア | UIデザインパターン

2007年11月26日 追記

UI-patterns.com

2008年05月19日 追記

UIパターンいろいろ - DesignWalker