ウェブサイトのハイパーリンクを開く方法に関する議論

ウェブサイトのハイパーリンクを開く方法に関する議論

新しいウィンドウが開きます。 利点: ユーザーがリンクをクリックしても、現在閲覧しているコンテンツは置き換えられず、閲覧したコンテンツを表示するために前後に移動する必要がありません。 欠点: アクセスしてからしばらくすると、大量のウィンドウが生成され、リソースを占有します。各ウィンドウは手動で閉じる必要があります。
1つ。リンクを開く方法
    新しいウィンドウで開く利点: ユーザーがリンクをクリックしても、現在閲覧しているコンテンツは置き換えられず、閲覧したコンテンツを表示するために前後に移動する必要がありません。
    デメリット: アクセスしてからしばらくすると、多数のウィンドウが生成され、リソースを占有します。各ウィンドウは手動で閉じる必要があります。現在のウィンドウを開く利点: 多くのウィンドウを開いてリソースを大量に消費することなく、常に 1 つのウィンドウでコンテンツを表示できます。ウィンドウは 1 つだけなので、簡単に閉じることができます。
    デメリット: ユーザーが複数のページの内容を表示したり比較したりする必要がある場合に非常に面倒です。または、SHIFT キーを押しながらリンクをクリックする必要がありますが、この操作を知って使用している人はほとんどいません。新しいウィンドウと現在のウィンドウを選択的に使用することによる利点: 上記の 2 つの方法によって発生する不便さをより人道的な方法で解決できます。ウィンドウの数は大幅に増加せず、ユーザーは複数のウィンドウを切り替えて読むこともできます。
    デメリット: リンクをクリックするときのユーザーのニーズは、デザイナーが想定しているものとまったく同じではない可能性があります。ユーザーは、リンクが新しいウィンドウで開かれるのか、現在のウィンドウで開かれるのかを確信できないため、ある程度の心理的な「プレッシャー」を感じてしまいます。

2. リンクを開く方法の選択方法
    同じ種類の情報の場合は、同じリンクの開き方を使用します。中国人は新しいウィンドウで開くリンクをより受け入れやすいです。次の状況では、新しいウィンドウで開きます。
    チャンネル コンテンツ リンク、ナビゲーション リンク、記事内の拡張読み取り用リンク、記事内の関連コンテンツへのリンク、およびユーザーが同じ種類の製品を比較する必要がある場合、次の状況で現在のウィンドウを開いて使用します。
    記事のページネーションタグ、リストのページめくりタグ、前/次の記事へのリンク、リニアタスク(ユーザー登録、情報投稿など)、およびユーザーによるリニアな読み取り/操作にリンクが必要な場合。

3. リンク可用性設計ガイドライン
    意味があり、理解しやすく、認識しやすいリンク ラベルを使用します。リンク ラベルがリンク先のページのタイトルと一致していることを確認します。リンクではないテキストや画像をクリックするようにユーザーを誘導しないでください。重要なリンクを繰り返します。可能な限り、テキストをリンク ラベルとして使用します。ユーザーが使用したリンクと使用していないリンクを区別するために、異なる色を使用します。一貫したリンク ラベルを提供します。ユーザーがリンクを開けるように、「ポイント アンド クリック」方式を使用します。適切なリンク長を使用し、リンク ラベルは 1 行以内にします。内部リンクと外部リンクをユーザーに通知します。ページにリンクされている画像がある場合は、ページ上のすべての画像がクリック可能であることを確認します。

4つ。新たな視点
    ユーザーがリンクを開く方法を選択できるようにします。たとえば、デザイナーはユーザーにクエリ ボックス (小さなチェック ボックス) を提供し、ユーザーがリンクを開く方法を決定できるようにします。 一部の Web サイトでは、アイコンを使用してリンクの性質を説明し、誘導します。たとえば、Wikipedia の外部リンクは、小さな矢印を使用してサイト内のリンクと区別されます。

5. 一般的な国内ウェブサイトのリンクを開く方法
1. オンラインショッピング

現在のウィンドウ 0
新しいウィンドウ 1
チャンネル切り替え
リスト
詳細
カテゴリーから社内商品画像を検索して会社・店舗に入る
アリババ
0
1
1
1
1
1
HC
0
1
1
1
1
1
中国製
0
0
0
0
0
0
グローバルソース
0
0
0
0
0
なし
パット
0
1
0
1
1
0
タオバオ
0
1
1
1
1
1
ジョヨアマゾン
0
0
0
0
0
なし
※チャンネル切り替えの場合、すべてのウェブサイトは現在のページで開かれ、その他のリンク操作は主に新しいウィンドウで開かれます
2. 総合ポータル

現在のウィンドウ 0
新しいウィンドウ 1
チャンネルスイッチのホームページ/チャンネル内のリンク
シナ
0
1
捜狐
0
1
ヤフー中国
0
1
ネットイース
1
1
テンセント
1
1
中国ドットコム
1
1
3. 包括的な検索

現在のウィンドウ 0
新しいウィンドウ 1
チャンネルスイッチのホームページ/チャンネル内のリンク
グーグル
0
1
百度
0
1
ヤフー
0
1
ソゴウ
0
1
テンセントソソ
0
1
※チャンネル切り替えの場合は現在のページで開く方式、他ページでの操作の場合は新しいウィンドウで開く方式を採用しています。<br />そのため、チャンネル切り替えの場合は現在のページで開く方式、他ページでの操作の場合は新しいウィンドウで開く方式を推奨します。 Alipayのウェブサイトにも、無理なウィンドウの開き方がたくさんあります。上記の議論が、ウィンドウの開き方を設計する皆さんの助けになれば幸いです。

<<:  MySQL の Like の概念と使用法の説明

>>:  スーパーバイザーウォッチドッグの使い方を3分で学ぶ

推薦する

MySQLのunion allとunionの違いを簡単に理解する

Union は、重複行を除外し、デフォルトのソートを実行する、データに対する結合操作です。Union...

MySQL スロークエリ関連パラメータの原理の分析

MySQL スロー クエリ (正式名称はスロー クエリ ログ) は、MySQL によって提供されるロ...

MySQL ストレージ エンジン MyISAM と InnoDB の違いの概要

1. MySQLのデフォルトストレージエンジンの変更MySQL 5.1 より前のバージョンでは、デフ...

jQueryのanimateアニメーションメソッドとアニメーションキューイング問題の解決方法の詳しい説明

目次animate() アニメーションメソッドアニメーションキューイングdelay() メソッドアニ...

LinkedIn がウェブサイト閲覧を簡素化するためにリニューアル

ビジネス ソーシャル ネットワーキング サイト LinkedIn は最近、ナビゲーション バーとユー...

基本的なウェブページパフォーマンス最適化ルールの簡単な概要

ブラウザのウェブページを最適化するためのいくつかのルールページの最適化静的リソース圧縮ビルド ツール...

MySQLにおける遅いSQLの最適化の方向性について詳しく話しましょう

目次序文SQL文の最適化遅いクエリSQLを記録する設定を変更する方法スロークエリログを表示するSQL...

mysql8.0.21 のダウンロードとインストールに関する詳細なチュートリアル

公式ウェブサイトアドレス: https://www.mysql.com/インストールの提案: インス...

Linuxカーネルがプロセスアドレス空間に侵入し、プロセスメモリを変更する方法

プロセス アドレス空間の分離は、現代のオペレーティング システムの注目すべき機能です。これは、「古い...

Vueのスロットの詳細な説明

Vue でのコードの再利用により、mixnis が提供されます。テンプレートの再利用により、スロット...

CentOS 6.x のインストール時に発生するエラー「ディスク sda に BIOS RAID メタデータが含まれています」の解決方法

今日、CentOS6.2 をインストールしていたところ、ハード ドライブの検出段階を通過できませんで...

MySQL 8.0.18はデータベースにユーザーを追加し、権限を付与します

1. データベースにログインするには、rootユーザーを使用することをお勧めします。 mysql -...

VMware 仮想マシン ubuntu18.04 インストール チュートリアル

インストール手順1. 仮想マシンを作成する 2. [カスタム(詳細)]を選択し、[次へ]をクリックし...

Nginx サーバーが Systemd カスタム サービス プロセス分析を追加

1. nginxを例に挙げるyumコマンドを使用してNginxをインストールしましたSystemd ...

CSSのborder-radiusプロパティを使用して円弧を設定します

現象: divを一定の振幅で円、楕円などに変更する方法: CSSのborder-radiusプロパテ...