問題タブ [ui-patterns]

アプリケーションでユーザー インターフェイス パターンを繰り返し使用しています。例として、5 年間の住所データの収集があります。5年間データを収集してから先に進む必要があります。この種の機能を実現するために、優れた UI デザイン サイトを教えてください。現時点では、上部にフォーム ビューがあり、下部に詳細ビューがあります。

いくつかの機能が多くの異なる設定を必要とする場合、それらはclozeのようなテキストで記述され、ギャップ (=変数) がコンボボックスまたはある種のルックアップ リストを開くハイパーリンクとして表示されます。

例：

空き容量が [10%/5%/1MB/...] 未満の場合、[管理者に電子メールを送信/サウンドを再生/...]

Outlook ルール ウィザードは、この別の良い例です。

この UI パターンの名前は?

現在、関連するアイテムを複数レベルのグリッドに表示する必要があります。それは曾祖父母→祖父母→親→子

例: Country-> state->City->Street が表示順です。

提案された解決策は、これらすべてを複数レベルのグリッド (最大 4 レベル) に表示することです。

国 -> 州 -> 都市 -> 番地

使いやすさの点でこのソリューションに慣れていないため、表示を論理ユニットに分割する UI デザイン パターンを探しています。

ありがとう

ASP.Net MVC でユーザー メッセージ スタックをどのように実装しますか? （アプリ内の任意の場所でユーザーへのメッセージを設定すると、アプリ内の任意の場所でユーザーにアプリのヒントとして表示されます）

あなたのアイデアや考えを聞きたいです。どのようにしますか？

例えば：

私はユーザーが提供したレシピに関するプロジェクトに取り組んでおり、それらをさまざまな方法で結び付けています。私が考えずに行っていたことの1つは、編集フォームがあるときです。たとえば、ユーザーがレシピを編集しているときはいつでも、ユーザーを関連ページにリダイレクトし、[変更を保存]ボタンはレシピページまたはレシピにリダイレクトします。たとえば、ページを一覧表示しますが、ユーザーを別のページにリダイレクトする代わりに、同じ編集フォームが表示されますが、成功メッセージが表示されるWebサイトがいくつかあります。

ユーザーがいくつかの方法でレシピの編集ページにアクセスした可能性があるため、これは私にとってより理にかなっています。そのため、ユーザーに関連するページにリダイレクトするかどうかは完全にはわかりません。

ここで使用するのに最も適切なデザインパターンは何だと思いますか？

ありがとう。

主にソフトウェア開発者である私にとって最も難しいのは、使用可能なユーザーインターフェイスを作成することです。

TheSmashingBookやWebDesignForDevelopersなどの本を読みました。ただし、これらは主に、より複雑なインターフェイスの構築（両側で異なるオプションを使用した検索による多対多のアイテムの割り当て、異なるフィールドを使用したグループ化など）ではなく、設計に集中しています。

Web用のより（論理的に）複雑なUIの構築を対象とした本や記事はありますか？

SOの他の回答に基づくと、 「 Webインターフェイスの設計」の本は良さそうです。

ありがとう、
Dmytrii。

これが、MonoDroidアプリでMVP（またはより具体的にはパッシブビュー？）を使用する私の試みです。

https://gist.github.com/857356

私の主な目標は再利用ではなく、テスト容易性の向上と（願わくば）保守性の向上です。再利用は素晴らしい副作用ですが、私は現在、MonoTouchバージョンなどを実行する予定はありません。

私は一般的にそれでかなり満足しています（1つの例外を除いて）、しかし私は確かにいくつかの批評/評価が必要です。

唯一の例外：メソッド "GetPortfolioIdForContextMenu"は'int'を返しますが、残りのメソッドがそれを行う必要がないため、これは完全に正しく感じられません。気分が悪いだけなのに、「なぜ」とか、どうしたらいいのかわからない。

コースの一部として簡単なチップ計算アプリを開発していますが、ユーザーが空のテキスト フィールドを入力した場合、ユーザーにどのようにエラーを表示するかという問題に直面しました。

私は3つの方法を考えました：

1. Bill Amount が指定されていないことを示すダイアログを表示します [ただし、これは非常に不十分です。]
2. 「請求金額が指定されていません」というメッセージを赤色で表示し、テキスト フィールドを強調表示するには [Gmail でユーザー名を入力しないと Web で行われるのと同様のこと]。
3. Animation クラスを使用してテキスト フィールドを振動させ、データが入力されていないことを示します。

必須フィールドが空であることに関連するエラー メッセージを表示するために、いくつかのパターンや推奨事項があるかどうか疑問に思っていました。

前もって感謝します