問題タブ [gui-design]

余暇には、リスク分析アプリケーションに取り組んでいます。数学エンジンとシミュレーション エンジンは既に完成していますが、ユーザー インターフェイスの設計に行き詰まっています。アプリケーションを Excel ユーザーにとってできるだけ使いやすいものにしたいのですが、Excel アドインを読み込むのに時間がかかるため、Excel アドインにはしたくありません。ということで、古くて由緒あるMFCを使うことに。

アプリケーションでこれらのことを簡単にしたい:

モデリング タスク:

• 確率分布と不確実性分布の定義
• 変数間の数学的関係の定義
• 不確実性を変動性から分離する (二次リスク モデリング)
• リスクモデルの検証
• What-if (感度) 分析

データ操作/表示タスク:

• Excel およびデータベースとの間でデータをインポート/エクスポートする
• ユーザーに素敵なグラフを表示する

ユーザー インターフェイスのデザインで考慮できるガイドラインはありますか? 私が知っている唯一の例、LINGOとRockwell Arenaは、実際には何をしてはいけないかの例です。システムに単純なスクリプト言語を組み込む必要があるかもしれませんが、その場合、それは上級ユーザー向けのオプションであり、万人向けではありません。

GUI 設計にMiGLayoutの使用を開始しています。必要な機能の 1 つは、他のコンポーネントの状態に基づいて特定のコンポーネントを表示/非表示にすることです。

MiGLayout でサポートされているコンポーネント制約の 1 つがhidemode.

これは私が思うことをしますか？もしそうなら、が設定されていると仮定して、どのように非表示/再表示アクションをトリガーしhidemodeますか? （ドキュメントを調べた後、 を設定する方法を見つけることができましたがhidemode、その後の使用方法はわかりませんでした）

hidemode

コンポーネントの非表示モードを設定します。この非表示モードは、コンポーネント コンストレイントによってオーバーライドできます。非表示モードは、レイアウト マネージャーが非表示のコンポーネントを処理する方法を指定します。モードは次のとおりです。

0 - デフォルト。非表示のコンポーネントが、表示されているかのように正確に処理されることを意味します。
1 - コンポーネントのサイズ (非表示の場合) は 0, 0 に設定されます。
2 - コンポーネントのサイズ (非表示の場合) は 0, 0 に設定され、その周りのギャップも 0 に設定されます。
3 - 非表示のコンポーネントはレイアウトにまったく参加せず、たとえばグリッド セルを占有しません。
例: 「ハイドモード 1」

私が取り組んでいるアプリケーションには、表形式のデータがあります (記録としては、を使用した Java Swing アプリですJTables)。場合によっては、列ヘッダーをクリックしてデータを並べ替えることができます。私が知りたいのは、特定の列がソート可能かどうかをユーザーに示す良い方法は何ですか?

私は次の可能性を思いつきました。

1) ソート可能な各列に、ソート可能であることを示すアイコンを配置します。私は個人的にこのオプションが好きではありません。

2) ソート可能であることを示すためにヘッダーの上にカーソルを置いたときに、マウス カーソルを別のものに変更します。

3) 列の上にカーソルを置いたときに、並べ替え可能であることを示すメモをツールチップ テキストに入れます。

他に提案はありますか？

アップデート：

説明が必要だと思います。私の質問は、特定の列が現在ソートされていることをどのように示すかではありません。これは、上/下のソート三角形パラダイムを介して既に実装されています。ユーザーがヘッダーをクリックして並べ替える前に、どの列を並べ替えることができるかについての手がかりをユーザーに提供したいと考えています。

更新 2: オプション 1 に完全に同意できない理由を説明する必要があると思います。並べ替え可能な列を示すアイコンを配置すると、視覚的な混乱が増すように思えます。そのような場合、「マウスオーバー」でUIが変わることがあります。適切な例: Windows Vista および 7 では、列にフィルターを追加できますが、マウスでヘッダーにカーソルを合わせるまで、このインジケーターは表示されません。

クライアント リレーションズ部門が UI に関するアドバイスを求められたというジレンマがありますが、私はそれに激しく同意しません... 私は自分自身をデザイナーだとはまったく考えていませんが. 私はそれについて私の意見の相違について声を上げてきましたが、私が言っていることが正しく、クライアントリレーションズの人々が完全に間違っていることを証明するために、設計基準を指摘するよう求められました.

モックアップを以下に示します。飛行機、ボート、ソファのアイコン (どちらも選択しませんでした) は、ページのヘッダー (ロゴと同じ領域) に属し、ページのコンテンツ領域。私の主張を証明するのに役立つ何かを教えてください。

どうもありがとう、

グレッグ・アンドラ

現在、HTML5 の新しい入力タイプは、

フォームの送信時にユーザー入力が一致しない問題のあるテキストボックスに注目してください。

問題: ピントが合っている。ただし、フォームが送信されない理由をユーザーに伝えるのは非常に微妙な方法です。

何が問題なのかをユーザーに知らせるためのより良い解決策は次のうちどれですか。

• 背景色を追加して、フォーカスされたテキスト ボックスに CSS を追加します。これはまだ微妙で、ユーザーは特定のテキスト ボックスがフォーカスされている理由をすぐには理解できない可能性があります。
• エラー メッセージを表示するための Javascript 検証 (jQuery 検証プラグイン)。その場合、通常の入力タイプを使用して、ここですべてを行うこともできます。

提案は大歓迎です！

「派手なGUI」が作られているのが気になります。

私がそう言うとき、私は iTunes、Picasa、Skype、Songbird、Spotify、Vlc (themed) などのソフトウェアを念頭に置いています...標準の GUI を壊すものすべて

どの言語で？どのようなフレームワーク/ツールが使用されていますか?

まずはUIデザインの質問です！

Flex や Silverlight など、RIA でデータを編集するためのベスト デザイン プラクティスはどれですか?

顧客の詳細を表示したいのですが、編集ウィンドウが表示され、顧客のデータが編集可能になります。

データを編集できる新しいフォームを表示したいと思います。このフォームを表示する最も簡単な方法は何ですか。UI をタブ付きにすることができるので、新しいタブでフォームを開くか、ポップアップ/モーダル ダイアログ (保存-キャンセル) でフォームを開くことができます。たぶん、ライン編集で使用できます。

Silverlight または Flex GUI で最もユーザー フレンドリーなソリューションはどれですか? あなたの意見は何ですか？

ありがとう！

グーグルマップの画像にテキストを書く必要があります。色の組み合わせをたくさん試しますが、醜いです。誰かが私にその地図に表示されて見栄えのする色（16進値）を教えてもらえますか（私にはデザインの才能がまったくありません）？

フレックスプロジェクトに取り組んでいます

マウスを使用していくつかのUI機能を提供しようとしています-マウスを介して達成する2つの異なるUIイベントがありますa）値の変更b）オブジェクトの削除

両方に十分なマウスクリックイベントがないようです。デフォルトのオプションがいくつかあるため、右クリックの使用を避けています（サインオフすると、これだけでなくプロジェクト全体に影響します）。値の変更にマウス クリックを使用しています。

何かご意見は？

JScrollPane があり、アプリケーションをロードすると、ボタンの 1 つの上にバーが表示されます。私がやりたいのは、ボタンではなくスペースの上にスクロールバーが描画されるように、ボタンの横にスペースを追加することです。

私が試したコード例:

このコードの問題は、ボタンが上書きされ、スペースが追加されないことです。JScrollPane が JFrame のコンポーネントと重ならないようにする最善の方法は何ですか?

ありがとう