web-dev-qa-db-ja.com

タイムスパンGUI要素を作成する最良の方法は?

分、時間、日、週、月のタイムスパンを含むGUI要素を定義する必要があります。この場合のベストプラクティスは何ですか?

私が検討した次の可能性: enter image description here

他に良い方法はありますか?

19
frugi

私の最初のアイデアは、ユーザーに適したタイムスタンプを選択できるスライダーを使用することです。過去にさかのぼるほど、この対数目盛のタイムステップはより粗くなります。どこでも適切なわけではありませんが、高速で直感的です。

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

20
Benny Skogberg

Facebookが日付を処理する方法が特に気に入っています。カレンダーをクリックして日付を選び、時間を指定するだけです。時間の入力を入力すると、丸められたものが表示されます。

facebook's date entry

5
Gabin

スケジューリング、アジェンダ、カレンダーソフトウェアでよく使用されるインタラクションパターンを設計しようとしているようですね。

設計対象のオペレーティングシステムで一般的にどのように実行されるかを見てください。たとえば、Windowsでは、ほとんどのプロフェッショナルユーザーがOutlookを使用していて、アポイントメントまたはアジェンダのアイテムを少なくとも1回作成していると想定できます。

以下は、GoogleカレンダーとOutlookの2つの例です。どちらも、日付ピッカーとドロップダウンリストを使用して、開始日時と開始日時を選択します。必要に応じて、時間テキストボックスをホストの分または秒に拡張できます。チェックボックスは、タイムスパンを入力する際の追加のショートカットを提供します。

enter image description here

** Frugiのコメントに基づいて編集します**

一定の時間が経過した後の通知については、Evernoteのソリューションで何かを検討することもできます。これは、よく使われる2つのショートカットを提供します: 'Tomorrow' '1週間だけでなく、時間と日付を入力する可能性もあります。ただし、日付を削除して、これを数か月に置き換えることができます。

ソリューションは、私の意見ではデスクトップアプリケーションよりも、Webページ/ Webインターフェイスまたはモバイルアプリに適しています。

enter image description here

** Benniの回答に基づいて編集**

最後に思い浮かぶのは、最後の1つだけです。スライダーのアイデアがアプリケーションに適しているが、正確な制限時間をより細かく制御する必要がある場合は、組み合わせについて考えることができます。

スライダーを使用してすばやく調整しますが、正確な値を入力する必要がある場合は、スライダーの「親指」でdoubleclick/hover/click/rmbを開くポップアップを作成できます。このポップアップでは、スピナーのような正確なコントロールを配置して、時刻/日付を微調整できます。

5
GWv

時間の表示

私は私のプロジェクトで同様の問題がありました。これが私がやったことです。 ソースコード

Relative Time

位置がずれている可能性があります。

時間の選択

期間を選択するには、次のようなものを使用します。

Google Calendar

3
0xcaff

これは、実装するユースケースの種類に大きく依存すると思います。

それに応じて、複数の有効な回答が存在する可能性があり、単一の回答がすべてのユースケースに同じように適合するわけではないため、正規の回答はないと思います。

最初はスライダーについても考えていましたが、次のように思いました。

  • 分ですか?時間?何年? …?
  • 15分/ 30分/ 45分/…ブロックで問題はありませんか、それともユーザーは壊れた数値(1.3274363秒と考える)を指定する機能も必要ですか?
  • それは今まで、今、未来まで、過去から未来まで、あるいはこれらの組み合わせですか?言い換えると、間隔の片側が固定されているかどうか。
  • 実際の時間は重要ですか、それとも約であり、それが9から9:30であるか、10から10:30であるかに関係なく、セマンティクスに違いはありませんか?

これらの質問への回答に応じて、私はどちらか一方に行きます。

例を挙げましょう:

  • ミーティングを設定したい場合は、実際の時間は重要ですが、ここでは秒と日付ではなく、分と時間を話します。したがって、Facebookのドロップダウンで十分です。
  • ストップウォッチを設定する場合、それは常に現在から未来までです。そのため、分(1分、2分、3分、…)の単一のドロップダウンでおそらく問題ありません。
  • 人々が息を止めることができる時間についてのアンケートを作成したい場合、実際の時間は完全に無関係であり、それは範囲についてのみです。それから、スライダーは良いオプションかもしれません。

ただあなたにアイデアを与えるために。

基本的に、私の答えは適切なツールを適切な仕事に使用するです。

1
Golo Roden