entry

UI デザインで困ったときに、「答え」を見つけられるリンク集

date: 2009/06/16 11:12

Flash や JavaScript フレームワークなどの登場によって、HTML の枠を超えたリッチなユーザーインターフェイス(UI)は、ウェブにおいてすでに珍しいものではありません。
それだけに目新しさだけではなく、使いやすさも考えながら効果的にデザインしたいところです。

Smashing Magazine では、UI デザインの参考になるサイトが紹介されています。
とてもいいまとめ記事なのですがいざ読んでみたら、中には量が多いだけで質が良くなかったり探しにくかったりするサイトもあったので、ウェブサイトやウェブアプリデザイン向けのものを中心に厳選してご紹介します。

リンク先は当然英文なので、それぞれに個人的な感想を少しだけ付け加えておきます。理解の助けになれば幸いです。

01. Web Design Practices

uid_01

データは2002年のものですが、主要な e コマースサイトにおける UI 要素のデザインパターンの統計が掲載されています。
「多数派こそ至上」とまでは言いませんが、具体的な数字が出ているので説得力があります。
特に、パンくずリストのナビゲーションは今でも参考になるはずです。

02. UI-patterns.com

uid_02

UI デザインに特化したギャラリーサイトで、フッターには様々なデザインパターンの解説があって便利です。

03. Konigi

uid_03

UI デザインのギャラリーサイトで、スクリーンショットが1枚だけではなく画面遷移ごとに解説付きで掲載されています。タグ検索も便利です。
また、普通のギャラリーサイトとしても非常に参考になります。

04. QUINCE: X Patterns Explorer

uid_04

閲覧には Silverlight が必要ですが、様々なデザインパターンを網羅したサイトです。
このサイト自体の UI も非常に凝った作りになっていて、一見の価値ありだと思います。

05. Interaction Design Pattern Library

uid_05

数多くの UI 要素が、「いつ・どうやって・なぜ」その要素を使うべきなのか、例を交えて論理的に解説されています。

06. Pattern Tap

uid_06

UI デザインに特化したギャラリーサイトで、要素別に質の良いデザインが集められています。

07. MephoBox

uid_07

UI デザインに特化したギャラリーサイトで、要素別に質の良いデザインが集められています。
人気のものや、よく見られているものも表示できます。

08. Designing Social Interfaces

uid_08

UI のみならず、様々な要素をデザインするときに参考になる、理念ともいうべき膨大な資料です。

参考

このエントリーは以下のリンク先の記事を参考・引用して書かれています.

関連記事

20 responses

reply

#1357: Electricians Minneapolis

date: 2011/01/28 07:04:10

One with the much more blogs I’ve seen. You’ve got a fair amount of knowledge to become running a web like this. maintain

#3662: Wendell

date: 2014/11/19 09:07:42

It’s imtevapire that more people make this exact point.

#3715: Nirwan

date: 2015/03/06 10:45:18

Great intsihg! That’s the answer we’ve been looking for.

#3728: Dinesh

date: 2015/04/12 14:13:50

Thanks for shanrig. Always good to find a real expert.

reply

#3313: factura002

date: 2012/05/03 08:29:37

Heya i am for the first time here. I found this board and I find It really useful & it helped me out much. I hope to give something again and help others like you helped me.

#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

#1363: David Keuning

date: 2011/02/15 08:24:38

UI デザインで困ったときに、「答え」を見つけられるリンク集 http://ow.ly/3WAcS

#1362: αετος

date: 2011/02/15 08:24:52

RT @dkeuning: UI デザインで困ったときに、「答え」を見つけられるリンク集 http://ow.ly/3WAcS

#3128: 藤 祐太郎

date: 2012/03/10 16:22:41

UI デザインで困ったときに、「答え」を見つけられるリンク集 | http://t.co/BORfPVCW http://t.co/bZocwJFr

#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

[...] とですかね。 参考 [...]

respond