web-dev-qa-db-ja.com

リストボックスを介した提案リスト

リストボックスを介して提案リストを提供したいのですが、それは検索提案ではありません。

ユーザーは提案リストから項目を選択でき、入力テキストボックスにコピーされます。リストが定義済みの候補リストであり、ユーザーがクリックして入力フィールドにコピーできることをユーザーに明確にするにはどうすればよいですか?

例えば

enter image description here

編集:提案のリストは、ユーザーのリセラーではなく、弊社(HQ)が修正したリストになります。ユーザー(リセラー)はテンプレートを追加できません。ユーザーが[追加]ボタンをクリックすると、ダイアログポップアップが閉じ、追加されたエントリのリストがメインページに表示されます。 「追加」ボタンは提案リストに追加するためのものではありません。

更新されたUI、これはユーザーにとってより意味がありますか?

enter image description here

2
I'll-Be-Back

提案ボックスに「テンプレート」のような名前を付けることでそれを行うことができ、下部(または上部)に提案を1つ追加して、これがユーザーが好きなものを入力できる完全に自由形式のテンプレートであることを明確にします。

これを行う別の方法は、「最近」のように名前を付けることです。

編集:「テンプレート」ボックスから選択した場合、フォーカスを「名前」ボックスに移動します。「戻る」を押すとダイアログを閉じることができます。

これが初めて発生するときは、テンプレートを選択した後でも、ユーザーが「名前」および「説明」フィールドの内容を変更できることを説明するホバーツールチップを用意します。

「名前」フィールドと「説明」フィールドに、「タイプ名/説明、またはテンプレートを選択してください」というヒントテキスト(書き込みを始めると消える灰色で表示されるテキストの種類)があるとします。

1
MichaelK

テンプレートにはプレビューが必要です!

テンプレートのプレビューがないので、ユーザーがそのテンプレートを使用するかどうかを推測する必要がありました。

また、リストからテンプレートを選択してコンテンツを編集しても、選択内容は引き続き表示されます。最初からやり直して、同じテンプレートを再度適用する場合はどうなりますか?同じテンプレートをもう一度選択する前に、まず別のものを選択する必要があります。テンプレートを適用するためのボタンがソリューションになります。ただし、コンテンツを編集しても、テンプレートの名前はその上に表示され、正確ではなくなっている可能性があるため、混乱を招く可能性があります。

解決策:手順を紹介

ステップ1:テンプレートを選択
「空白」オプションと「次へ」ボタンを含めます。テンプレートのプレビューを提供して、内容がわかるようにします。選択ボックスしかないので、その下にはプレビュー用の十分なスペースがあります。

ステップ2:必要に応じて内容を編集します
「戻る」または「テンプレートを選択」ボタンを追加して、テンプレートの選択に戻ります。

また、2つのステップにより、誤ってテンプレートを切り替えて入力を失うリスクを軽減します。

1
jazZRo