web-dev-qa-db-ja.com

カレンダーのダイアログに行動を促すアイコンが必要ですか？

私はjQueryUI datepicker（ http://jqueryui.com/datepicker/#buttonbar ）の修正版を使用しています。私の実際の実装は http://jsfiddle.net/mmw834ms/12/embedded/result/ で確認できます。

JQueryUIドキュメントに従って、ユーザーはカレンダーを次のように使用します。

入力に焦点を合わせて（クリックするか、タブキーを使用して）、小さなオーバーレイでインタラクティブカレンダーを開きます。日付を選択するか、ページの他の場所をクリックする（入力をぼかす）か、Escキーを押して閉じます。日付を選択すると、フィードバックが入力の値として表示されます。

これはユーザーインターフェースの見込みから受け入れられますか？私の懸念は、ユーザーがダイアログを開いて、何も変更したくないと判断したため、[完了]をクリックせず、ページの他の場所をクリックすることを知らないことです。

calendardialogclose
2
user1032531

同じプラグインを拡張していて、「適用」ボタンの横にある「閉じる」ボタンを選択しました。

この背後にある理由は、「外側をクリックして閉じる」パラダイムをすぐに認識できない可能性があるユーザーを慰めるためでした。一部の人は侮辱するかもしれませんが、私たちが実施した限られたユーザーテストでは、ユーザーが外部をクリックするのではなく、以前のインターフェイスで「x」アイコンを使用したことが示されています。

これに加えて、「x」は「リセット」の意味合いを持っていますが、より明確な「閉じる」を使用した方が幸いでした。中断したところまで。

お役に立てば幸いです。

working prototype of our daterange picker

2
cheersphilip

「完了」は「OK＆クローズ」とほぼ同じ意味であるため、ユーザーが何も変更しなくても問題は発生しません。これは、ユーザーがこのモーダルビューを終了する方法を確実に理解するのに十分です。

ユーザーが終了する方法を知らなくても、ユーザーには次のオプションしかありません。

  1. データをクリック->カレンダーを閉じます
  2. 別の場所をクリック->カレンダーを閉じます
  3. 「完了」をクリック->カレンダーを閉じます

どちらの方法でも、ユーザーはカレンダーを閉じることができます。

Googleのような大きなプレーヤーからの他のカレンダーを比較できます。ほとんどの場合、「完了」ボタンはありません。 「なし」を選択できるGmailカレンダーは次のとおりです。

enter image description here

0
Maciej Sawicki

上記の回答とは対照的に、私は同意しません。ユーザーがウェブまたはアプリの機能を同じレベルで使用するとは限りません。

暗黙のアクションは、同様のインターフェースに精通している人にとっては個人的に素晴らしいものであり、これは多くのUI設計ガイドで裏付けられています。アクションを実行するための組み込みコントロールを提供したいと思います。

0
DarrylGodden

@maceigesawackiに同意します。

すべての日付ピッカーコントロールはポップオーバーダイアログであり、特定のclose（x）アイコンcosは必要ありません

  1. ユーザーはポップオーバーダイアログの外側をクリックしてダイアログを閉じることができます
  2. ユーザーは「送信」ボタンをクリックしてフォームデータを送信し、ダイアログを閉じることができます
  3. 閉じるアイコンcosの場所に対応するのは難しいです。「前へ」、「次へ」などのアクションアイコンがあります。 。
  4. ユーザーは、より良い対話でダイアログを閉じることができるその閉じるアイコンcosを使用しません
0
Grafix Guru