web-dev-qa-db-ja.com

何がボタンで何がリンクであるべきかを知る方法は?

実際には行き止まりのウェブページを実装したところ、「登録が完了しました。戻るにはボタンを押してください。」と表示されました。登録があったページに戻るボタンがありました。少しぎこちないように聞こえるかもしれませんが、非常に自然でわかりやすく、見た目も良いことがわかりました。しかし、それは実際にはボタンではなく、リンクであるべきではありませんか?それとも、リンクの代わりにボタンを使用することが「適切だ」と感じたときに、リンクの代わりにボタンを作成することは許容されますか?または、リンクとは何か、ボタンとは何かを知るための経験則はありますか?ボタンは送信用である必要があることを理解していますが、ボタンは、ナビゲーションだけでなく、何かが重要であることを示している場合もあります。 「これで登録は完了です。」または同様に。

たとえば、ここでの「質問する」というユースケースは、リンクが実行できるアクションであり、ボタンとして実装される方法です。

フォームのような単純なナビゲーションのリンクが送信するボタンを使用する方が適切な場合は、コメントや回答ができますか?リンクはデスクトップアプリよりもウェブサイトでより多く使用されることを理解していますが、ブラウザーアプリを開くためのボタンがある方が有益な場合もあるが、デスクトップアプリでもリンクを使用できます。どう思いますか?

10
Niklas

ボタンはアクションを実行します。例えば。保存、削除、登録、送信。

リンクでリソースに接続します。例えば。 URLまたはファイル。

ボタンは動詞、リンクは名詞と考えてください。

とはいえ、他にも違いがあります。多くの場合、リンクはボタンを配置する場所で使用しますが、de-emphasisアクションを使用する場所で使用されます。多くの場合、セカンダリオプションまたは削除などのリスクの高いオプションです。

最終的には、設定されたルールを盲目的に実行するのではなく、状況に最適な方法を使用するを求めます。

29
JohnGB

ボタンとリンクの特定のルールはありません。

定義により、リンクは、ユーザーをサイト/アプリ/製品の他のページに移動させるナビゲーション要素として使用する必要があります。一方、特定の特定のアクションを実行するには、そのアクションが他のページで実行されていても、ボタンを使用する必要があります。

しかし実際には、リンクはページ上のクリック可能なアクションの強調を解除するためにしばしば使用されますが、ボタンは、ナビゲーションアクションやユーザーがページ上で実行することが期待されるその他のアクションなど、アクションアイテムを強調するために使用されます。

ボタンとリンクのどちらを使用するかは、使用状況に基づいて決定する必要がありますが、上記の違いはほとんどの場合にうまく機能します。

3
djagatram