Flash や JavaScript フレームワークなどの登場によって、HTML の枠を超えたリッチなユーザーインターフェイス（UI）は、ウェブにおいてすでに珍しいものではありません。
それだけに目新しさだけではなく、使いやすさも考えながら効果的にデザインしたいところです。
Smashing Magazine では、UI デザインの参考になるサイトが紹介されています。
とてもいいまとめ記事なのですがいざ読んでみたら、中には量が多いだけで質が良くなかったり探しにくかったりするサイトもあったので、ウェブサイトやウェブアプリデザイン向けのものを中心に厳選してご紹介します。
リンク先は当然英文なので、それぞれに個人的な感想を少しだけ付け加えておきます。理解の助けになれば幸いです。
01. Web Design Practices
データは2002年のものですが、主要な e コマースサイトにおける UI 要素のデザインパターンの統計が掲載されています。
「多数派こそ至上」とまでは言いませんが、具体的な数字が出ているので説得力があります。
特に、パンくずリストのナビゲーションは今でも参考になるはずです。
02. UI-patterns.com
UI デザインに特化したギャラリーサイトで、フッターには様々なデザインパターンの解説があって便利です。
03. Konigi
UI デザインのギャラリーサイトで、スクリーンショットが1枚だけではなく画面遷移ごとに解説付きで掲載されています。タグ検索も便利です。
また、普通のギャラリーサイトとしても非常に参考になります。
04. QUINCE: X Patterns Explorer
閲覧には Silverlight が必要ですが、様々なデザインパターンを網羅したサイトです。
このサイト自体の UI も非常に凝った作りになっていて、一見の価値ありだと思います。
05. Interaction Design Pattern Library
数多くの UI 要素が、「いつ・どうやって・なぜ」その要素を使うべきなのか、例を交えて論理的に解説されています。
06. Pattern Tap
UI デザインに特化したギャラリーサイトで、要素別に質の良いデザインが集められています。
07. MephoBox
UI デザインに特化したギャラリーサイトで、要素別に質の良いデザインが集められています。
人気のものや、よく見られているものも表示できます。
08. Designing Social Interfaces
UI のみならず、様々な要素をデザインするときに参考になる、理念ともいうべき膨大な資料です。
参考
このエントリーは以下のリンク先の記事を参考・引用して書かれています．
12 responses
#1137: NewsTWiTz
date: 2009/06/16 09:34:41
UI デザインで困ったときに、「答え」を見つけられるリンク集 :: gerenuk.crazyphoto.org/ http://gerenuk.crazyphoto.org/2009/06/16/738/
#1136: YoGo
date: 2009/06/16 12:04:12
[B!] UI デザインで困ったときに、「答え」を見つけられるリンク集 :: gerenuk.crazyphoto.org/ http://gerenuk.crazyphoto.org/2009/06/16/738/
#1135: David Keuning
date: 2010/03/04 06:15:02
UI デザインで困ったときに、「答え」を見つけられるリンク集 http://ow.ly/1dVYF
#1134: Ken Azuma
date: 2010/03/04 06:18:54
RT @dkeuning: UI デザインで困ったときに、「答え」を見つけられるリンク集 http://ow.ly/1dVYF
#1133: Masayuki Iwai
date: 2010/03/04 06:23:11
RT @dkeuning: UI デザインで困ったときに、「答え」を見つけられるリンク集 http://ow.ly/1dVYF
#1132: 柳原秀基
date: 2010/03/04 06:30:01
RT @dkeuning: UI デザインで困ったときに、「答え」を見つけられるリンク集 http://ow.ly/1dVYF
#1131: Tetsuji Kato
date: 2010/03/04 08:35:07
RT @dkeuning: UI デザインで困ったときに、「答え」を見つけられるリンク集 http://ow.ly/1dVYF
#1130: UedaNaomi
date: 2010/04/16 06:15:33
[メモ] デザインで困ったときに、「答え」を見つけられるリンク集 http://bit.ly/OW2gh
#855: links for 2009-06-16 « 個人的な雑記
date: 2009/06/17 07:24:20
[...] UI デザインで困ったときに、「答え」を見つけられるリンク集 :: gerenuk.crazyphoto.org/ (tags: webdesign tips ia ui) [...]
#858: Webデザインnet - UI デザインで困ったときに
date: 2009/06/17 10:03:21
[...] ってのは入れてはいけません。 参考 [...]
#859: UI デザインで困ったときに @ Webデザイン開発日誌
date: 2009/06/17 11:38:21
[...] とはないですね。 日本固有の問題かもしれませんが、UIデザインに関わる人って技術が無い場合が多くて、技術的な制約も知らないからなかなか良いデザインは出来ないですよね。 参考 [...]
#860: UI デザインの極意 @ WebデザインRe-Mix
date: 2009/06/17 22:21:39
[...] とですかね。 参考 [...]