質問: 営業時間入力フォーム レストランが営業時間を入力する必要があるインターフェースを設計しています。 1日のタイミングにスライダーコントロールを使用して、そのタイムラインが適用される曜日をユーザーに選択させることを考えています。問題は、いくつかのレストランが営業時間の間に数時間休業することです。この問題のエレガントなソリューションに関するアイデアはありますか?**更新**この質問は、彼の週刊ニュースレターで sacha greif によって言及されたので、要件をより正式に述べる必要があると思いました。 レストランのオーナーは、営業時間と曜日の異なる時間の間の休憩を含め、営業時間を入力できる必要があります。 レストランが休業する日/日。この要件はツイートから生じました: インターフェースは主に、複雑なインターフェースに慣れていないと思われるレストラン経営者を対象としています。 目標は、レストラン経営者がサインアップすることを奨励することです。そのため、サインアップフォームに記入している間、彼らの側の最小限の労力が理想的です。 この質問が生み出した関心に感謝し、あなたの提案を歓迎します。
回答: サチャグライフのニュースレターを読みながら問題について聞いた。考えられる問題と解決策に関するsachaのコメントを読んでいると、自分の解決策を視覚化し始めました。それのクイックワイヤーフレームを作成しました。 ワイヤーフレームの例http://inkreaser.com/ext/stack-exchange/restaurant-hours.png このソリューションは、必要なすべてをエレガントにカバーするのに十分複雑ですが、新しいユーザーが直感的に理解できるほど単純だと思います。デフォルトでは、フォームには1日と1シフト(最小要件)があります。ユーザーは「開始」と「終了」の時間と分を選択してシフトを入力できます。これは迅速ですが、完全な柔軟性を保持しています。ユーザーは、[+シフトを追加]をクリックしてシフトを追加できます。これにより、[元]ドロップダウンと[終了]ドロップダウンの別のセットが挿入されます。ユーザーは、このシフトセットを適用する日を指定し、必要に応じて日ブロックを追加して、異なる日シフトごとにプロセスを繰り返すことができます。また、ユーザーがエラーを起こした場合に備えて、[このシフトを削除]ボタンと[この日を削除]ボタンを含めることもできます。