web-dev-qa-db-ja.com

リンクがページをスクロールすることを示すための確立された規則はありますか? (ジャンプリンク)

リンクが別のページへの標準のリンクではない場合に、リンクをクリックまたはタッチするとどうなるかをユーザーに示すためのさまざまな既存の規則があります。次に例を示します。

  • 非表示のセクションを開く「アコーディオン」リンクに対して右または下を指す単一の山形
  • ダウンロード可能なファイルのアイコン
  • 埋め込みメディアの「再生」アイコン
  • これが予期されていないときにリンクが外部サイトに移動することを示すさまざまなアイコン(通常は、矢印が出ているボックスの形)

リンクは現在のページのセクション(アンカー)を指していることを示すそのような確立された規則はありますか? (別名ジャンプリンク、セクションリンク、スクロールリンク)。

このように使用された下向きまたは上向きのダブルシェブロンを見たことがあると思いますが、これに関する参照や、それまたは他の方法が広く普及しているか、テストでうまく機能しているかについての情報は見つかりません。


これは「このページ」ナビゲーションブロックの外にあるリンクで、コピーライティングや構造的な手がかりはオプションではありません(たとえば、「このページ」ナビゲーションブロック内にジャンプリンクを単純に配置できない場合)または、「Scroll to」を先頭に追加します)。

例の例としては、ジャンプリンクを段落内(たとえば、1ページのサイトまたは長い複数セクションの詳細な記事)にする必要がある場合や、その列の他のリンクがページに移動するテーブルにある場合などがあります。などなど.

たとえば、文が「... 実験2の方法論、これは...」または「...で見ることができるように... 図3.5、...」.

「トップに戻る」リンクが片側の矢印に関連付けられているのを見ました。ほとんどの人は上向き矢印を名前に関連付けます。

例えば enter image description here

より正式なまたは学術的な文書の*からのメモと参照リンクもあり、セクションノートを示すための*または短剣記号、同じページの別の部分に移動する暗黙の関連付けがある脚注があります。

しかし、「同じページ」リンクなのか、それともページを下に移動したアイテムの別のページに移動するのかを示唆する特別な記号やスタイルを見たことがないと思います。

私はここで推測をしています。私の個人的な経験から、ユーザーとして、オンラインの情報は必ずしも線形ではないかもしれないという事実に慣れてきていると思います。必要な情報に誘導されることを知ることは、情報が正確にどこにあるのかに関して、私たちにとってはるかに重要であるという点で、アイテムが相互にリンクすることを期待しています。同じページにあるかどうかは、リンクは永続的であり、必要なものにアクセスできます。おそらくこれが、この面で条約を確立していない理由です。

1
nightning

ページの別の部分にスクロールするリンクは、慣れ親しんだメンタルモデルに違反しています。

問題はここに明確に定義されています- http://www.nngroup.com/articles/avoid-within-page-links/

解決策は、リンクが他の場所に移動し、ブラウザの戻る/進むボタンを操作することを想定しているため、通常はまったく行わないことです。

ルールのいくつかの例外は次のとおりです。

  1. アルファベット順のリスト
  2. よくある質問(FAQ)
  3. 目次

いずれにしても、「リンクをクリックすると、このページの別の部分にスクロールする」ことをユーザーに知らせて、期待を前もって設定することをお勧めします。

研究論文のリンクをスクロールする1つの方法は、リンクをすべて数字にすることです...

enter image description here

番号付きの脚注として、ドキュメントの下部にあるリンクの完全なリストをもう一度繰り返します...

enter image description here

NY Timesは、アンカーリンクを左側に固定されたリストに保持するため、ページの残りの部分がスクロールするときにユーザーがコンテキストを失うことはありません...

enter image description here

1
DaveAlger

私がすぐに考えることができる最も近いことは、Wikiサイトがこれをどのように処理するかです。 「プレーン」なテキストリンクは、ほとんどの場合、そのサイトの別のページに移動します。表(?)の「コンテンツ」リンクは、通常、現在のページをジャンプするためのものです。リンクの最後に外部リンクのアイコンが表示されているサイトは...外部リンクです。

ページ上のものへのリンクは通常このように表示されます...

Links to stuff on the page...

外部リンクにはこのアイコンがあります... External Links have this icon...

0
CTgreen