前の記事 ≪:JavaScriptやPhotoshopなしにCSS3のみでボックスにリフレクション効果をあて...
次の記事 ≫:デザイン色々なフリーのボタンPSD集

WEBアプリケーション作成に使われる43のコントロールパターン

2010年03月23日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
43 Essential Controls for Web Applications | UX Booth

WEBアプリケーション作成に使われる43のコントロールパターンがまとまっています。
43のパターンが網羅されているので、部分的に、どういうインタフェースが良いか?という点について迷った際にエントリを眺めるだけで参考になる部分がありそうです。

オートサジェスト

カルーセル


カレンダー、スケジュール


グラフ、チャート

コンボボックス


スライダ


43と言わずもっとありそうな気もしますが、ある程度のパターンを知っておき、適材適所のUIを考えてユーザビリティを上げるのに役立てることが出来そうですね。
それぞれのUIにも沢山のインタフェースがあると思いますが、その場合は「パーツごとのデザインが盛り沢山で参考にできるPattern Tap」で紹介したPatternTapなどを更に参考に出来そうです。

関連エントリ
関連の記事検索:UI, ユーザビリティ, Web制作
スポンサード リンク

By.KJ : 2010年03月23日 09:04 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)