ポップアップ日付ピッカーのある入力フィールドではなく、デフォルトでカレンダーピッカーを表示する方が良いでしょうか？
デスクトップ、iPhone、iPadもの旅行サイトでは、UXとユーザー補助機能がデフォルトでページにカレンダー自体を表示する方が良いでしょう。
これと同じ
または最も一般的な方法、ポップアップでカレンダーを開くカレンダーリンク付きの入力ボックス。
ユーザーが現在の日付でカレンダー自体を表示するのは良いことだと思っていました。アイコンをクリックしてポップアップを開くという1つのステップを節約できます。
また、ポップスクリーンはタッチスクリーンデバイスやスクリーンリーダーのユーザーにとっても問題になる可能性があると思います。
デスクトップの場合、ここで答える必要がある質問は、不動産または画面スペースの効果的な使用です。現在、ほとんどのコンピューターの解像度はかなり高くなっていますが、フルサイズのカレンダーを提供すると多くのスペースが必要になり、使用可能な画面スペースを最大限に活用する上で効果的でない場合があります。ただし、カレンダーがデザインの重要な部分であり、目立つように目立つ場合は、それを選ぶことをお勧めします。
ただし、iPhoneとiPadについては、2つの側面を考慮する必要があります。
- アプリが単一の日付を選択して送信するだけの場合を除いて、iPadとiPhoneで制限されている画面スペースとフルサイズのカレンダーは最適なオプションではない可能性があります。
- Iphoneとipadの標準的な規則に反するため、以下に示す標準的なカレンダーレイアウトに慣れているため、ユーザーを混乱させる可能性があります。
IPadの場合
ここでは、日付ピッカーを定義するときに利用できる潜在的なベストプラクティスに関するいくつかの推奨事項を示します。
上記の記事では、カレンダーに日付を入力するのにフリーフォームのテキストを使用せず、代わりに日付ピッカーを使用した場合に発生する重要なアクセシビリティの問題も取り上げています
Webフォームがアクセス可能であることを確認し、ユーザーがフォームフィールドをタブで移動して必要な日付を入力できるようにします。かつて、エンタープライズ検索用の日付ピッカーユーザーインターフェースを誇らしげに見せてくれたクライアントがいました。これにより、手動での日付入力が無効になり、「エラーを回避するため」に日付ピッカーが表示されました。特にエンタープライズ環境では、キーボードの日付入力を常に許可することが重要です。多くの場合、日付を入力するときは、マウスを使ってクリックして日付を選択するときよりもはるかに速く正確です。
私の回答は、エンドユーザーがカレンダーをどのようなコンテキストで利用したいかという質問の形式になりますか？表示している内容のコンテキストを提供できない場合、答えは1つではありません。通常のiOSデザインパターンをユーザーに公開したい場合は、標準のオープン状態ではありません。
イベントカレンダーの表示に慣れているチャーターグループをホストしている場合は、必ずカレンダーを使用して、カレンダーをクリックして離れさせますが、日付だけでなくイベントを日付で埋めてください。
結局、それはあなたのターゲットオーディエンスについてです。 UXには、UI要素をどの対象者にどのコンテキストで提示しているのかを知らずに、仮定と推定しかありません。あなたの言っていることがあなたがカレンダーをiPhoneアプリ全体にいっぱいにしたいと思っていて、それがすべてそれをしているなら？誰が利益を得ていますか？
そして、ポップアップモーダルとdivの仮定に問題があるとしたら？いいえ、違います。それらは標準的なデザインパターンです。そして、開発者が心配するような問題なしに、その周りに何百ものコードベースのポップアップカレンダーが存在します。では、なぜ標準的でないことをするのでしょうか？
世界最大の旅行ウェブサイトの元シニアIA/UXコンサルタントは、そのカレンダーを1つのiPhone画面で開いて、1つのことだけを行うことを考え直すことを望んでいます。
さて、まず最初に。あなたは「デスクトップ、iPhone、iPad向けの旅行サイトの場合も...」と言いますが、デスクトップ、携帯電話、タブレットで同じサイトを使用することはできません（すべきではありません）。日付の選択に関しては、デスクトップカレンダーが電話画面の80％を占めるだけで、常にそこにあることを望まないため、これはさらに複雑になります。
デスクトップの場合でも、カレンダーアイコンをクリックするか、入力フィールドにフォーカスすることで日付ピッカーにアクセスできるようにするという考えは、必要なときにだけ巨大なカレンダーを表示し、それによって貴重な不動産を節約することです。タブレットは画面サイズが小さいため、同じ原理が適用されます。
したがって、マウスの1回のクリックを保存するためにデフォルトでカレンダーを表示することは、絶対に良い考えではありません。
クリックと不動産を節約したい場合は、一部のサイトで使用されているように、スライダーウィジェットまたはドロップダウンを使用してみてください。スライダー/ドロップダウンは常に表示され、カレンダーよりも少ない領域を消費します。これらは、私たちが話している3種類のデバイスすべてで使用できるため、両方の目的に役立ちます。