チェックアウトで配達スロットをグループ化する方法は？
私はオンライン食料品店に取り組んでいます。柔軟な配達オプションは、その主要な強みの1つです。この相互作用は、チェックアウトプロセスのステップとして発生します。
2つのオプションを考えています。
A.ボタンはOutlookのカレンダービューと同様に配置され、ボタンのサイズはタイムスロットの長さを表します。各ボタンには、時間と配信価格があります。
B.価格と簡単な説明は、ボタンの上にサブヘッダーとして配置されます。ボタンにはタイムスロットのみが表示され、サイズはほぼ同じです。
あなたはどちらを選びますか、そしてその理由は？
まず、提案する2つのオプションはまったく同じ情報を提供しません。オプションAでは、価格が配信スロットの長さによってのみ制御されることは明らかではありません。たとえば、価格設定は特定のスロットの需要に基づいていると合理的に想定できます。これにより、各スロットに独自の価格が表示される理由も説明されます。その結論が明白だったとしても（議論の余地があります）、これを理解するために個々のタイムスロットを調べる必要があるのは面倒です。
ただし、それ以外の場合は、時間の経過に一貫した垂直軸を使用するため、オプションAをはるかに好みます。これは、ほとんどのカレンダーアプリケーションのユーザーに既に馴染みのあるパラダイムです。同じ時刻に始まるタイムスロットは視覚的に同じ高さから始まり、2時間のタイムスロットは1時間のタイムスロットの2倍の高さです（そして、一目でわかるwhich 2つの小さいタイムスロットに）。
一方、オプションBの場合、基本的にレイアウトでエンコードされた情報はありませんが、曜日の分離は除きます。垂直方向の位置を見ても、日ごとのタイムスロットを比較することはできません。また、タイムスロットの長さを一目で確認することも簡単ではありません（readおよびinterpret数値、ew）。
要約すると、オプションAの変更バージョンを使用します。この場合、配信スロットの価格設定を列ヘッダーに移動します。
オプションAとBのブレンドが機能します。価格設定は、時間列のサブヘッダーとしてのみ機能します。異なる長方形を使用してカレンダーを表示する視覚的な表現は非常に優れており、Aをさらに微調整できます。
AとBを比較するとき、配置が良く、構造がよく、詳細が具体的であるため、「B」オプションを選択します。
インターフェースをインタラクティブにしたいだけでなく、インターフェースもシンプルで詳細で、簡単に把握できるようにしたいと思っています。