モバイルデバイス上のカタログアイテムコンポーネント
小さな画面とタッチ操作用に最適化されたフォームを使用して、モバイルデバイスからカタログアイテムやサービスを注文します。
カタログアイテムコンポーネントのモバイルレスポンシブ
カタログアイテムコンポーネントは、モバイルデバイスに表示されるときにレイアウトを自動的に調整します。このモバイルレスポンシブ設計により、タッチ対応のオプション、再編成されたフォームフィールド、参照番号への簡単なアクセスにより、最適化された注文エクスペリエンスが提供されます。
モバイルデバイスの Web 埋め込み可能 を介してカタログアイテムにアクセスすると、コンポーネントは画面サイズを検出し、モバイル画面のサイズに合わせてフォームレイアウトを調整します。フォームのロード中に、コンテンツが表示される場所を示す視覚的なプレースホルダーが表示されます。フォームフィールド、ドロップダウンメニュー、ボタンが再編成され、モバイルデバイスでの使いやすさが向上します。フォームを送信すると、1 回のタップでコピーできる参照番号が生成されます。コピー (
アイコンを選択すると、参照番号がクリップボードにコピーされ、アイコンがチェックマーク (
) に変わります。チェックマーク (
アイコンを選択すると、「 クリップボードにコピーしました 」メッセージが表示され、3 秒後に消え、チェックマーク (
アイコン) アイコンはコピー (
) アイコンに戻ります。図 : 1. カタログアイテムコンポーネントモバイルビュー
主な機能
主な機能は次のとおりです。
- アダプティブフォームレイアウト:フォームフィールドは、モバイル画面の幅に合わせて自動的に再編成および折り返されます。このコンポーネントは、デバイスに基づいてフィールド列を調整し、読みやすさと入力の容易さを維持します。
- タッチ操作に最適化されたセレクター:ドロップダウンメニューは、モバイルデバイスで簡単にタッチベースで選択できる下部のシートのスライドアップパネルとして開きます。これにより、小さなドロップダウン コントロールに苦労することなく、オプションを簡単に選択できるようになります。
- コピー機能:フォームを送信した後、1 回のタップで参照番号をコピーできます。番号がクリップボードに正常にコピーされると、コピーボタンにチェックマークが表示されます。
- 視覚的なフィードバック:フォームのロード中にモバイルインターフェイスに視覚的なプレースホルダーが表示され、参照番号のコピーなどのアクションを完了すると明確な確認が提供されます。