プライマリーボタン

Button

目的・詳細

ボタンはアクションのトリガーとして使用されます。リンクとしても使用されますが、「何かのアクションへの入り口」として使用するのが適切です。画面内で複数ボタンが発生する際には、ボタンの優先度を踏まえて適切なボタンデザインを選ぶ必要があります。
セカンダリーボタンは プライマリーボタンは画面内でもっとも重要な優先度のボタンを意味します。1画面1つを推奨としており、ユーザーのメインの操作にあたるボタンとして使用します。プライマリーを複数配置したい場合も、基本的にはセカンダリー以下を使用するか画面の情報設計自体を見直した上で判断するようにしてください。

優先度について

画面や情報の優先度に沿って、適切なボタンを選択してください。 プライマリーからテキストリンクまでパターンを用意していますが、画面内で同一の優先度のボタンを複数選択することは避けるようにしてください。 ボタンが縦に並ぶ際は、上から優先度の高い順に並べることを推奨します。 プライマリーボタン プライマリーボタン

Primary

画面の中でもっとも優先度の高いボタンとして使用します。「登録」「決定」など一般的なアクションを意味します。アイコンはテキストの内容を補ったり、リンクアイコンのようにユーザーの目を引きたい時に効果的です。 プライマリーボタン プライマリーボタン プライマリーボタン プライマリーボタン プライマリーボタン プライマリーボタン