web-dev-qa-db-ja.com

タグはボタンかリンクか？

tagsの理想的な外観に関するガイドラインはありますか？リンク、ボタン、またはリンク付きの視覚的な「タグ」ですか。

私は個人的に物理的なタグまたはテープのストリップを模倣したタグを見つけますが、タグリストにはタグがボタンとして、または単にリンクとして含まれていることもあります。次の例を参照してください。

UX.SEでリンクとボタンに関する質問をいくつか見つけましたが、タグに固有の質問はありません。質問 button-vs-link のベストアンサーは次のように述べています。

経験則：リンクをクリックすると別の場所に移動し、ボタンで何かができます。

これは、タグがボタンではなくリンクである必要があることを意味します。これらは通常、特定のWordでタグ付けされたアイテムのコレクションを表示するためです。または、ボタンのようなタグの視覚的なメタファーは、関連するアクションよりも重要ですか？

ラベルとしてリンクが設定されたボタンのようなタグの例をすぐに見つけることはできませんでしたが、確かにそれらを見たことを思い出すことができます。したがって この質問 も重要ですが、タグに固有ではなく、タグボタンを作成することになります。

より多くのソフトタグボタンを推奨する1つのポイントは 丸いボタンに関するこの質問 で回答されますが、物理タグの視覚的な模倣はこれをさらに一歩進めます。

リンクはタグコレクションで受け入れられますか、それともタグボタンまたはビジュアルラベルの方が適していますか？

buttonsinformation-architecturehyperlinkstags
3
kontur

タグの主な用途は、コンテンツをコンテキストに配置することです。つまり、何よりもまずラベルです。実生活では、私たちは常にタグを使用して、物をその所持品にラベル付けします。空港でスーツケースを持っていきます。少なくとも2つのタグがあります。 （1）スーツケースの目的地の空港と（2）スーツケースの所有者の自宅の住所。これらのタグは、宛先と所有者のアドレスのコンテキストにスーツケースを配置します（スーツケースを紛失した場合に使用されます）。

ラベリングとタグ付けは、分類の支援、所有権のマーク付け、境界の注記、オンラインIDの表示などの機能を実行するために実行されます。 Wikipedia-タグ（メタデータ）

デジタルコンテンツのタグでは、その動作を模倣して、コンテンツをコンテキスト内に配置しようとします。つまり、タグはテキストリンクまたはボタンとしてスタイルを設定できるラベルです。それらをテキストリンクとしてスタイル設定すると、訪問済み/非訪問リンク機能を実装できるというメリットがあります。ボタンとしてスタイルを設定する場合は、テキストリンクよりも目立たせて重要にすることができます。しかし、delicious.comのような実際のタグのように見えるリンクされたラベルとしてそれらをスタイルすることもできます。

個人的には、delicious.comはタグの非常に素晴らしい表現を持っていると思いますが、3つすべての実装は等しく有効です。

5
Benny Skogberg

ボタン。リンクよりも実際のタグのように見えます。これはメタファーと呼ばれます。

あなたが述べた経験則は間違っています、もちろんボタンもあなたをどこかに連れて行きます、プロモーションボタン、フォーム送信ボタンについて考えてください、それらはすべてリンクのようにあなたをどこかに連れて行きます。リンクがボタンよりも優れている唯一の状況は、インラインテキストや見出しなど、読み物がクリック可能な場合です。

2
Andy

マークアップに関しては、タグは通常、ユーザーをそのタグのアーカイブページにリダイレクトするため、リンクであることが理想的です。

ただし、視覚化の観点からは、タグをリンク、ボタン、テキストのブロック、または踊る象のいずれとして表示するかは問題ではありません。重要なのは、タグをクリックすると、そのタグのアーカイブページにリダイレクトされることがユーザーに明らかであることです。これは、サイトまたはアプリケーションの外観に依存します。ユーザーの混乱を避けるために、サイト全体で一貫性を保つようにしてください。サイトのリンクに下線が引かれている場合は、タグに下線を引くか、タグを美味しい.comボタンのように見せかけたとしても、ハイパーリンクに使用するのと同じ色を使用することをお勧めします。

1
mary