分、時間、日、週、月のタイムスパンを含むGUI要素を定義する必要があります。この場合のベストプラクティスは何ですか?
私が検討した次の可能性:
他に良い方法はありますか?
私の最初のアイデアは、ユーザーに適したタイムスタンプを選択できるスライダーを使用することです。過去にさかのぼるほど、この対数目盛のタイムステップはより粗くなります。どこでも適切なわけではありませんが、高速で直感的です。
download bmml source – Balsamiq Mockups で作成されたワイヤーフレーム
Facebookが日付を処理する方法が特に気に入っています。カレンダーをクリックして日付を選び、時間を指定するだけです。時間の入力を入力すると、丸められたものが表示されます。
スケジューリング、アジェンダ、カレンダーソフトウェアでよく使用されるインタラクションパターンを設計しようとしているようですね。
設計対象のオペレーティングシステムで一般的にどのように実行されるかを見てください。たとえば、Windowsでは、ほとんどのプロフェッショナルユーザーがOutlookを使用していて、アポイントメントまたはアジェンダのアイテムを少なくとも1回作成していると想定できます。
以下は、GoogleカレンダーとOutlookの2つの例です。どちらも、日付ピッカーとドロップダウンリストを使用して、開始日時と開始日時を選択します。必要に応じて、時間テキストボックスをホストの分または秒に拡張できます。チェックボックスは、タイムスパンを入力する際の追加のショートカットを提供します。
** Frugiのコメントに基づいて編集します**
一定の時間が経過した後の通知については、Evernoteのソリューションで何かを検討することもできます。これは、よく使われる2つのショートカットを提供します: 'Tomorrow' '1週間だけでなく、時間と日付を入力する可能性もあります。ただし、日付を削除して、これを数か月に置き換えることができます。
ソリューションは、私の意見ではデスクトップアプリケーションよりも、Webページ/ Webインターフェイスまたはモバイルアプリに適しています。
** Benniの回答に基づいて編集**
最後に思い浮かぶのは、最後の1つだけです。スライダーのアイデアがアプリケーションに適しているが、正確な制限時間をより細かく制御する必要がある場合は、組み合わせについて考えることができます。
スライダーを使用してすばやく調整しますが、正確な値を入力する必要がある場合は、スライダーの「親指」でdoubleclick/hover/click/rmbを開くポップアップを作成できます。このポップアップでは、スピナーのような正確なコントロールを配置して、時刻/日付を微調整できます。
これは、実装するユースケースの種類に大きく依存すると思います。
それに応じて、複数の有効な回答が存在する可能性があり、単一の回答がすべてのユースケースに同じように適合するわけではないため、正規の回答はないと思います。
最初はスライダーについても考えていましたが、次のように思いました。
これらの質問への回答に応じて、私はどちらか一方に行きます。
例を挙げましょう:
ただあなたにアイデアを与えるために。
基本的に、私の答えは適切なツールを適切な仕事に使用するです。