web-dev-qa-db-ja.com

1つのテキストに複数のリンクを配置する方法

IDのリストを含むテーブルがあります。各IDには、ユーザーが開くリンクを選択できる2つのリンクが含まれます。

この機能を提示する最良の方法は何ですか?

これが私のテーブルの様子です。

enter image description here

場所は、現時点で1つのリンクのみを含むIDを表します。これらの場所を2つのリンクに関連付ける必要があります。

3
user3794740

各ID番号を一貫して選択肢の1つへのリンクにすることができます。

小さなアイコンまたは非常に短い文字列を含むID番号の隣に列を追加できます。この列は、他の選択肢へのリンクになります。

両方のリンクをアイコン列として表すこともできますが、IDをリンクにする場合はそうする必要はありません。

4
Jasper

カーソルを合わせると、ユーザーが選択する必要のあるシグニチャーを明らかにできます。

あなたはリンク色を持っています、それは私が目的地に行くことができることを意味する記号です

テーブルが視覚的に騒がしくなるのを防ぐために、ユーザーがセルのどこかにカーソルを合わせると、ドロップダウン記号が表示されます。これにより、シンプルなリストを提供するクリック時にメニューを表示できます。

これはスケーリングすることもできます。何らかの理由で別のアイテムを追加する必要がある場合は、メニューに配置するだけです。

メニューリストに項目を配置することで、必要に応じて長い文字列を表示するスペースを確保することもできます(制約があることはわかりません)。

enter image description here

3
Mike M

これは、問題について考える可能な方法の1つです。

  1. 必要なリンクをたどるには、ワンクリックが望ましい方法です。
  2. どちらのリンクも、ユーザーがクリックする可能性は同じです。2つの異なるクリック可能なエンティティが必要です。
  3. 2つのリンクのいずれかが他のリンクよりもクリック可能であることが多い-クリック可能にし、前のクリックを処理した後に別のリンクをクリックできるようにする。
  4. 上記は適切ではありません。2回のクリックで選択できるようにする必要があります。

どちらを選択するかは、リンクをクリックした後にユーザーが何を期待できるかがユーザーに明らかかどうかによって異なります。

1
Serg

IDの後に2つのアイコンを追加すると、ユーザーにとって意味があります。ユーザーがこれがリンクであることを理解できるように、IDの色を暗い色に設定し、リンクを水色に設定します。

enter image description here

0
Andrea Maillard