web-dev-qa-db-ja.com

モバイル用のマルチステップフォームを設計する方法

そのため、モバイル(現在のところiPhone)で使用できる明確なマルチステップフォームのデザインに問題があります。手順は次のとおりです。

ステップ1:レストランを検索-このフィールドには、名前、都市、カテゴリなどのフィールドがあります。
ステップ2:レストランを選択-ステップ1のフィールド検索パラメーターに一致するレストランがここにリストされ、ユーザーが1つを選択します。
ステップ3:日付/時刻とオプションを選択-このステップでは、ユーザーはいくつかのフィールドに入力する必要があります。
ステップ4:確認。

私はページ自体をデザインするのではなく、特定のフィールドに指定されている特定のステップにいるとユーザーに感じさせるのではなく、前後に移動するナビゲーションボタンを設計する最良の方法はどれですか。また、「Book Restaurant」というフォーム名が手順全体で明確になっていることを願っています。

3
wael34218

私の提案は、アプリの目的に応じて、使用する適切なメタファーを見つけることです(それはレストラン予約アプリのように見えます...そうですか?)。

おそらくこの場合の良い比喩(予約)は、議題/ノート/予約帳のようなものになるでしょう。たとえば、左側または右側のバーに「ページ」を示すボタンを配置できます。 1つのページはレストラン検索であり、クエリフィールドとレストランデータの表示を処理します。選択したレストランを別のページ(たとえば、優先レストラン)に保存できるので、ユーザーは将来再び検索する必要がなくなりました。他のページでは、レストランごとの空室状況を表示し、日付と時刻、その他詳細を提供しなかったオプションを表示できます。

このようにして、ユーザーは常に左/右バーの選択されたボタン(ページマークなど)で示されるアクティブページに基づいてどこにいるのかを知ることができ、自由に移動するボタンを選択することで簡単にページを変更できます。議題を使用する場合。

2
Luiz Vieira