DesignWalker

誰にでも簡単に使いやすいユーザーインターフェイスをデザインする事はウェブデザインにおいてとても重要な要素となります。

とは言っても、誰もが直感的に使いこなせるユーザーインターフェイスをデザインする事はなかなか簡単なことではありません…。

今回は、優れたウェブデザインのユーザーインターフェイスを作り出すために、参考になりそうなサンプルサイトをいろいろとまとめてみました。

User Interface (UI) screenshot collections

30あまりのカテゴリーに分けられたウェブデザインのユーザーインターフェースがスクリーンショット付きでまとめられているコレクション。とても助かります。

MephoBox | Web Design and Web Inspiration

こちらのサイトもカテゴリーに分けて、ユーザーインターフェースをまとめてくれています。数もこちらの方が多いかも。スクリーンショットも大きめで、見やすいです。

design|snips

すっきりと見やすくまとめられているので、お探しのユーザーインターフェースがサクッと見つかります。

Pattern Tap : Organized Web Design Collection of User Interfaces for Inspiration and Ideas.

カテゴリーの数も、集められているサンプルの数も、とっても多くて眺めていると時間を忘れてしまいそう…。とっても使えるサイトですね。

Infragistics Quince: UX Patterns Explorer

Silverlightで作られたサイトです。プラグインをインストールしてから見てください。

Konigi

詳細ページがきれいにまとめられていて、とっても見やすいサイトです。

UI Patterns —
Comprehensive User Interface Design Pattern Library

まとめてズラズラと眺めていくにはこのサイトが良さそうです。

Yahoo! Design Pattern Library

Yahoo!がまとめるユーザーインターフェース。さすがです。

jQuery UI

jQueryのユーザーインターフェースをお探しなら、まずはこちらからです。

UI Pattern Factory

右カラムにある、タグからお探しのユーザーインターフェースを絞り込むと見やすいです。

StyleIgnite.com

レイアウトやナビゲーションなどとっても参考になるサンプルがまとめられています。

UI Scraps: user interface designs found by Jason Robb

アメリカ・ボストン在住のデザイナーJason Robb氏の気になるユーザーインターフェースをtumblrで

Interaction Design Pattern Library – Welie.com

ひとつひとつのユーザーインターフェースを詳しく解説してくれているサイトです。

flickr | [Design Solutions]

flickrにもたくさんユーザーインターフェイスの参考になるコレクションがたくさんあります。他にもこことか、ここもよさげです。