web-dev-qa-db-ja.com

2つのアクションから選択できるUIデザインパターンはどれですか。

私の目標:最適なUX/UIパターンを見つけます。

パターンの目標:ユーザーに2つのアクションの選択肢を提供します。

簡単な例http://dribbble.com/shots/599154-Choose-Your-Option

ここに私が実装したUX/UIパターンがあります(30秒のビデオ): http://www.screencast.com/t/5g7RqlsP9t

ページの詳細:私の場合、ユーザーがアカウントを補充するページがありました。それを行うには2つの方法があります:支払い(任意の方法)とクーポンのアクティブ化。

ページで使用したデザインパターンについてどう思いますか?複雑すぎませんか?それは明白ではありませんか?等.

2

このデザインは、2つのセクション間のオプションを非常にうまく伝えていると思います。クリックされた部分のハイライトがとても好きです。私の推奨は、左側の2次オプション(会社?支払い方法?)を小さくすることです。現時点では、2つの主要な選択肢であるページのメインフォーカスから離れすぎており、あまりにも多くの注目を集めすぎていると思います。トップオプションとセカンダリオプションの分離として余分なスペースを使用すると、少し小さくなります。 (説明がもっとわかりにくい場合は、申し訳ありません。ビデオとページの言語に精通していません。)左のボックスをクリックしたときにのみ表示されるので、それらが関連していることは明らかであり、もっと注意が必要です。

2
sacohe

あなたの正確な例に特定のデザインパターンがあるとは思いません。しかし、 TunnelWizard を組み合わせたいとします。ユーザーの決定に影響を与える必要があると思われる場合は、Good Defaultsパターンを検討することもできます。

1
tox