- 2009-06-17 (Wed) 7:02
- ライフハック
またしても「本当に使えるものだけご紹介」シリーズ。Smashing Magazineで「40+ Helpful Resources On User Interface Design Patterns」なる記事があったので全部開いてみて本当に使えそうなものだけピックアップしてみましたよ。40個は多いだろ・・・。
というわけでユーザーインターフェースのパターンをまとめたサイトですよ。「ここのインターフェースどうしようかなぁ」というときに使えます。なお、選んだ基準はサイトの使いやすさと事例の多さ、ざっくり「インターフェースのこと語るんなら綺麗なサイトじゃなきゃね！」というアバウトな視点です。
では早速オレオレランキングｗ。
- Collection: Design Patterns
- Collection: [Design Solutions]
- Interaction Design Pattern Library – Welie.com
- MephoBox | Web Design and Web Inspiration
- Pattern Tap : Organized Web Design Collection of User Interfaces for Inspiration and Ideas. The CSS Gallery Alternative – Pattern Tap
- Product Images – ecommr: a collection of e-commerce interface and design elements
- Yahoo! Design Pattern Library
- UI-patterns.com
第一位はここかなぁ・・・。なんだかんだでFlickrでUIパターンを集めているグループが一番かな、と。インターフェースはFlickrそのものだし、事例も豊富です。
ほぼ同点で二位はこちら。こちらもFlickrグループですね。
三位はこちら。ちょっとマニアックですが、きっちりまとめてあって好感が持てます。
これが四位かな。いまどきのインターフェースがスタイリッシュにまとめられています。
こちらが五位。ほぼ四位と一緒ですが。こちらもいまどきのUIですね。
ここらへんから番外編。これはショッピングサイトに特化したUIまとめサイトです。そっち系の人は参考になるのでは。
これも番外編。Yahoo!がまとめたソーシャルサイトのUIパターンです。勉強になりますよ。Stack Overflowの記事とあわせてどうぞ。
最後にこれ。サイトの読み込みが遅くて評価しずらいのですが、内容としてはよくまとまっています。
以上ですかね。全部で8個にしかならんかった・・・まぁ、良いか。
また気が向いたら「本当に使えるものだけ選んでみた」シリーズやりますね。おっと、原文はこちら。
» 40+ Helpful Resources On User Interface Design Patterns | Developer’s Toolbox | Smashing Magazine
こちらもあわせてどうぞ
- Newer: F-09Aのがっかりポイントも書いてみる
- Older: あのナイトライダー風のショーを寮の明かりで実現した学生たち
Comments:1
- YTK 09-06-17 (Wed) 12:56
-
こんにちは。いつも参考にさせて頂いております。
本記事と関係ない言えばないのかも知れませんが、ランキングは低い方から表示した方が記事の最後まで興味を持続するのではないかな？と読者視点で感じました。
Trackbacks:1
- Trackback URL for this entry
- http://www.ideaxidea.com/archives/2009/06/ui_pattern_site_handpicked.html/trackback
- Listed below are links to weblogs that reference
- 「使えるUIパターンをまとめたサイト40選！」という記事があったので本当に使えるものだけ選んでみた from IDEA*IDEA ～ 百式管理人のライフハックブログ
- pingback from 2010年のUIはシンプルにいきましょう。 | Kechol 10-02-06 (Sat) 9:36
-
[...] 「使えるUIパターンをまとめたサイト40選！」という記事があったので本当に使えるものだけ選んでみた – IDEA*IDEA ～ 百式管理人のライフハックブログ [...]
