リンクをボタンから分離する方法は？
ユーザーがボタンとリンクの違いを理解できないのに苦労しています。
リンクの見え方：
ボタンの外観：
ボタンの外観：
違いは視覚的に理解できますか？
新しいページを開くリンクを表示するか、[もっと見る]ボックスを展開しますか？
編集：
リンクは場所用、ボタンはアクション用（ dennislees ）
- それが私が目指しているのは
リンクは場所に行きます。ボタンは物事を行います。
そんなに難しいことを考えないでください。しかし、ボタンはシステム状態を変更します。リンクは「可逆的」であり、ユーザーが「戻る」ボタンで元に戻すことができる簡単なアクションを示します。
一般的に私は他の回答に同意します-視覚的なデザインの問題があります。
- リンクは、本文のテキストと大幅に対比できるテキストの色である必要があり、さらにわかりやすくするために、下線を付ける必要があります。詳細： Beyond Blue Links：Makeing Clickable Elements Recognizable
- テキストフィールドは、輪郭が描かれたボックスであることが理想的です。あなたのものは正方形の灰色のフィールドです。無効に見えます。詳細： ウェブサイトフォームの使いやすさ：トップ10の推奨事項
- あなたのボタンは大丈夫です。
リンクボタンがなぜあるのですか？リンクは、実際のアンカータグリンクである必要があります。ユーザーが新しいタブやその他のリンク固有のアクションでリンクを開く場合は、ブラウザーの右クリックメニューを使用できます。この区別は、スクリーンリーダーにも役立ちます。
テキストと視覚的に区別できるようにリンクのスタイルを設定する方法を知りたい場合は、通常、下線が役立ちます。もう少し手の込んだものが必要な場合は、例を示すことができる多くのサイトがあります これなど は、下線にアニメーションを追加することを提案しますが、見栄えを悪くするものを追加することを覚えておいてください標準リンクのように、ユーザーがヒューリスティックを使用してそれらを見つけるのが難しくなります。
問題は、リンクがここの箇条書き項目のように見えることです。それが実際にリンクであることを示すものではありません。通常、link- tag-には、下線や異なるフォント色などのリンクであることを視覚的に示しています。
2つの質問に答えるには：
1。違いは理解可能で論理的ですか？
- あんまり。ボタンまたはプレースホルダー付きの入力は明確ですが、リンクは実際にはリンクのようには見えません。
2。人々がリンクをクリックして、新しいページが開くか、「もっと見る」ボックスが拡張されることを知っていると思いますか？
-このようなアクションを期待させるには、まずリンクをクリックしていることを知っておく必要があります。新しいウィンドウやタブを開くなどのその後の応答は、ユーザーがそれがリンクであることを知っている場合、ユーザーのシナリオで当然発生します。 「show more boxを拡張する」という質問の2番目の部分については、よくわかりません。しかし、リンクをクリックしても、実際には同じページの一部が拡張されるわけではありません。それがあなたが作るつもりであるならば、それはリンクというよりむしろトグルボタンです。
（トグルボタンの例）
これがお役に立てば幸いです。
混乱しないでください！
ボタンは、リンクのようにボタンとリンクのように見える必要があります。
クイックヒント：
- リンクに下線を付け、ブランドのガイドラインに従って色を付けます。はい、かわいいUIのようにドリブルを失うかもしれませんが、サイトはアクセス可能になります
- あなたのボタンのスタイルは私には問題ないようですが、1つの折り目には主ボタンが1つだけあることを確認してください。ボタンに似たスタイルにする必要があります（バルジ、シャドウ、ボーダーなど）
- 入力は、背景が白で枠線のある入力ボックスのように見える必要があります。はい、Googleのマテリアルデザインや他のかわいいドリブルデザインのような例外があることは知っていますが、それらは賢明なプレースホルダーで強化することができます
人々がリンクをクリックして、新しいページが開くか、「もっと見る」ボックスが拡張されることを知っていると思いますか？
リンクとボタンを持つことの議題は、ユーザーが行動を起こすように導くことであり、人々はそれに気づいています（私には統計はありません）。