web-dev-qa-db-ja.com

車両カテゴリ画面を整理していますか?

現在タクシーアプリに取り組んでおり、車両をカテゴリに整理する必要があります。ユーザーは、各車両の乗客と荷物を表示しながら、目的の車両をすばやく選択できる必要があります。

カテゴリー:

  • スタンダード(サルーン、エステート、スタンダードMPV、ラージMPV)
  • プレミアム(複数の車両タイプ)
  • エグゼクティブ(複数の車両タイプ)

すべての車両を明確に表示する方法について考えたことはありますか?多分カルーセル?スライダー?。多くの人はサルーン、エステートなどの違いが何であるかを知らないことに注意してください。

1
Anthony

ユーザーの99%がルートを選択して移動するだけなので、車両を変更するための選択は別の画面に分割する必要があります(おそらくAjaxを使用しているため、完全な更新は必要ありません)。

価格を引用し、「標準」をリストし、その隣に「[アップグレード]」ボタンを表示します。そのボタンをクリックすると、より魅力的な乗り物でのアップセル専用の別の画面が表示されます。その画面では、さまざまな選択肢のカードのセットを使用できます(@LisaTweedieによって提案されたシルエットは良い方法です)が、スクロール可能なリストではなく、インターフェイス全体が一時的にこの選択肢に専念しているため、すべてをレイアウトできます。余分なスペースがあると、制約が少なくなり、見栄えがよくなり、選択しやすくなります。

すでに見積もり画面が表示されているので、顧客のルートがすでに選択されているため、選択肢ごとに正確な価格とピックアップ時間を提供できます(推測や概算なし)。

4
Myrddin Emrys

最初に単純さに目を向けます。

多くのタイプの車両がありますが、箇条書きは、標準、プレミアム、およびエグゼクティブの3つの異なる購入レベルを示しています。

私は最初にこれらの選択を談話の大きな道として提供します。この選択は価格やその他の考慮事項に最も影響を与えるため(私が正しく理解している場合)、それはお客様の心の最優先事項になります。この選択の後、選択されなかった他の2つの選択肢を取り除き、それぞれのサブ選択肢をスライドさせます。スライダーモチーフを続けるには、左側に最小の車両を提示し、最大の車両に移動します。ピクトグラムスタイル。

0
ecirish