web-dev-qa-db-ja.com

GUIまたはユーザーインターフェイスのデザインパターンはありますか?

GUIデザインパターンに興味があったので、検索して WebのUIパターンのリスト などの情報を入手しました。このUIパターンのWebサイトでは、次のように述べています。

UIパターンは、今日のWebアプリケーションおよびサイトに存在するユーザーインターフェースの設計原則とユーザーインターフェースのユーザビリティパターンの成長するコレクションです。

Webサイトやその他のユーザーインターフェイスを構築するためのその他のデザインパターンはありますか?これらのパターンを説明する本はありますか?特に、.NETプラットフォームでのWindowsデスクトップ開発とWeb開発のパターンに興味があります。

5
Niranjan Singh

ユーザビリティの原則に対応する多くのパターンとルールがあります。ユーザーインターフェースにはバリエーションがあるため、他のパターンほど具体的ではありません。それぞれ独自の癖があるWebアプリケーションとデスクトップアプリケーション、モバイルデバイスとキオスクを考えてください。ユーザーはさまざまなデバイスからさまざまなことを期待するため、ユーザビリティの一部はユーザーのメンタルモデルと期待に一致することです。

ユーザビリティルールのいくつかの例には、80/20ルール、フィッツの法則、ヒックの法則、および3分の1のルールが含まれます。黄金比の適用、フォーム追従機能、信号対ノイズ比の監視など、ユーザーインターフェイスを強化するために使用できる手法もあります。それ以外にもたくさんあります。それは、ソフトウェアのユーザビリティコースの頭上で覚えていることです。

本については、 ユニバーサルデザイン原則 をお勧めします。デスクトップまたはWebのいずれのアプリケーションでも十分に抽象化できる、多くのユーザビリティとユーザーインターフェイスの概念について説明します。 ドナルドノーマンのThe Everyday Thingsのデザイン は、インターフェースの設計における古典的なテキストでもありますが、コンピュータと人間のインターフェースではなく、物理的なオブジェクトに焦点を当てています。

これらは、存在する場合、ターゲットプラットフォームのユーザーインターフェイス設計ガイドラインと組み合わせる必要があります。

9
Thomas Owens

ウェブサイト/ソフトウェアGUIを構築するためのデザインパターンはありますか?

はい。

GUIデザインパターン/ユーザーインターフェイスに利用できる本

私は個人的にお勧めすることができます Do n't Make Me Think 。これは、Webページのデザインに関するいくつかの素晴らしい洞察を持っています。ただし、他にも多数の優れた書籍があります。 この閉じたStackOverflowの質問 には、良い例がたくさんあります。

3
Heinzi

ウェブ上にはいくつかのUI/UXデザインパターンライブラリがあります。

  • Quince は、Infragisticsにより、デスクトップとWebの両方のデザインパターンの大きなカタログを持っています。
  • Yahoo!Design Pattern Library は小さく、積極的にメンテナンスされていないようです。 Quinceとは異なり、ソーシャルパターンに関するセクションが含まれています。
1
Josh Kelley

私が個人的に気に入っているデザインパターンのリンクは http://www.welie.com/patterns/ です。パターンのリストが多いだけでなく、(さらに重要なことに)パターンが解決するユーザビリティの問題について説明します(スクリーンショットを表示するだけではなく、ひどいものです)。

(これは完全な答えではないかもしれませんが、現時点ではこのスタック交換でコメントを残すのに十分な影響力がないので、まあ。)

1
carpeliam