アクションの後にボタンを表示する-良いか悪いか？

Question

私は、クライアントから車を購入する自動車ディーラー向けのB2Bチェックアウトプロセスに取り組んでいます。

チェックアウトの最初のステップでは、受け取りと配達のどちらかを選択する必要があります。

これは私が目指していることです（作業中）：

私はユーザーにこれらの2つのオプションに本当に集中してもらいたいです。 1つを選択したら、「支払いに進む」ボタンをクリックしてステップ2に進む必要があります。

「支払いに進む」ボタンが表示されるようにするには、選択肢の1つを選択した後でなければなりません。インターフェイスは次のようになります。

最初から「支払いに進む」ボタンを表示する場合、ユーザーがそのボタンをクリックしてもオプションが選択されていない場合のエラーメッセージを計画する必要があります。

私はそのエラーメッセージを回避するアイデアが好きです。このボタンがないと、ユーザーは次に何をするかを気にすることなく、2つのオプションに集中できます。該当する場合、ボタンが表示されます。

ユーザーがそのボタンに気付かないリスクはありますか？最終的なデザインでは、目立つ必要があると思います。

これに関して他の問題が見られますか？

前もって感謝します

Alexey Kolchenko · Answer

デリバリーサービスを魅力的で価値のあるオファーとして宣伝することで、ユーザーが必要とする選択を簡素化しました。

したがって、ユーザーは自分の選択について考える必要はありません（認知負荷が低い）。それでも、あなたは彼がトランスポートサービスを使用するように彼を優しく押すためのいくつかの手がかりを提供します：

場所間の距離を表示し、決定のためのデータを提供する
ユーザーにとっての利点を強調することにより、輸送サービスを促進する

利点：

選択肢が少ない–認知負荷が少ない。無効/非表示のボタンはありません！
より明確なUI（少なくともオプションを選択するまでは、詳細を表示する必要はありません）

サービスを宣伝するために、次の（支払い）画面にオプションを表示して、使用できるようにすることができます。

Cody Brantley · Answer

視覚ノイズを最小限に抑え、流れを簡素化

ユーザーに選択肢を与えますが、それは簡単です。交通機関サービスが最も人気があり、おそらくクライアントから最も好まれていることを考えると、これをオファーとして位置付けることができます。明確な選択は、ユーザー側での認識の負荷を単純化することです。これは、自分で車を配達する手間を省く必要がなく、車両を配達するだけの方が簡単であることを示すことで、ユーザーが彼らが望むならそうしなさい。これは、最初にピックアップオプションのコンテンツを非表示にし、ユーザーがそのオプションをクリックしたときにのみ表示されるようにすることでも役立ちます。これにより、ユーザーが情報で過負荷にならないようにしますが、そのオプションをクリックした場合は、その詳細を表示するようにしてください。ドロップダウン矢印などの情報が表示されます。

輸送ページ

mockup

^{download bmml source – Balsamiq Mockups で作成されたワイヤーフレーム}

それで、これはボタンの問題をどのように解決しますか？

フローを単純化すると、ボタンがより見やすくなります。デフォルトで選択されている交通手段を最も人気のある/優先するようにすることで、ユーザーのクリック深度を減らし、チェックアウトプロセスをスピードアップできます。ユーザーはオプションを選択して[続行]ボタンをクリックするのではなく、オファーを評価し、受け入れることを選択して、1回のクリックで支払いを続行できます。または、ピックアップオプションを選択すると、追加の手順が必要になります。