質問: 複数のボタンがある場合にボタン階層を表示するための最良の方法は何ですか? 大規模なwebアプリケーションのux/uiに取り組んでいます。私の質問はボタンの階層についてです。私はたくさんの調査を行いましたが、この問題に対処する適切なuiの例を見つけることができません。 上記の例からわかるように、「プライマリ」ctaと2つの「セカンダリ」ctaがあります。 「更新」アイコンもあるので、アクションが実行される前に新しいデータが取り込まれます(古いシステムが廃止されると、更新は表示されなくなります)。私はいくつかの良い提案があるこの記事に出くわしました( http://uxmovement.com/buttons/visual-weight-of-primary-and-secondary-action-buttons/ )。私は以前、これらのctaの1つにハイパーリンクを使用しないことを決定していました。ユーザーがそれらを別の場所に連れて行ってアクションを実行しないと関連付けるためです。彼らは、アクションがプライマリctaと反対の場合はハイパーリンクを使用できると提案しています。ボタンのサイズは、ベースライングリッドとタップターゲットのサイズによって決まります。私が使用しているバーは、アプリケーション全体のすべてのフォームの上部と下部に表示されます。モーダルウィンドウを設計しました。左側にプライマリcta、右側にセカンダリctaがあります。それで、問題は、階層が等しい複数のctaをどのように処理するのが最善ですか?プライマリはどこに配置する必要がありますか。キャンセルする(フォームから移動する)場合は、ブラウザの[戻る]ボタンをクリックすることをユーザーに依存しても問題ありませんか?複数のctaが連続している良い例を見た人はいますか?
回答: これは、1つよりも多くの方法でビジュアルデザインに影響を与える問題であり、おそらく、後で説明するように、会話に他の人を巻き込む必要がある問題です。ブランドガイドラインがある場合、ブランドアイデンティティとの一貫性を維持できるように、アプリケーションのビジュアルデザインでそれらのガイドラインを採用または拡張することが重要です。この場合、階層が等しい複数のctaがある場合、プライマリパレットの色の影響またはハイライトを犠牲にしている可能性があります。したがって、2次的なアクションを考え出す必要がある場合がありますが、これは必ずしもブランディングに関連付ける必要があるものではありません。デジタル設計ガイドラインがある場合、アプリケーションのルックアンドフィールがそれらのガイドラインに従うことが重要です。これにより、コンテンツの表示と対話の一貫性を維持できます。この場合、デフォルトの選択にはカラーパレットまたはスタイルがあり、階層が等しいものには別のカラーがある場合があります。または、一部のアクションを2次アクション(および3次アクションなど)に変換することもできます。これはブランディングとビジュアルデザインのガイドラインに影響を与える可能性があるため、変更に関するガイドラインの所有者に相談する必要があります。例に従うときは、設計決定の背後にある理論的根拠を実際に理解する必要があります。そうしないと、アプリケーション設計にそれらを正しく一貫して適用できない場合があります。