web-dev-qa-db-ja.com

「新しいタブ」ボタンに使用する特定のアイコンはありますか?

私のWebページにボタンがあります。このボタンをクリックすると、新しいタブが開いてユーザーが表示されます。

このボタンにどのアイコンを使用する必要があるかについての規則はあるのでしょうか。現時点では「url」アイコンです。

Current icon of chain links

http://coinpolice.com/wp-content/mingle-forum-skins/ElegantPress/images/bbc/url.png

しかし、新しいタブを開いているので、何か別のものを使用する必要がありますか?

ウェブサイトは専門/ビジネスサイトです。

3
Daft

あなたのウェブページを離れるリンクについては、私はこのアイコンが好きです: http://fortawesome.github.io/Font-Awesome/3.2.1/icon/external-link/

形状は、境界線を離れる矢印の付いたボックス(現在のウィンドウ/タブ、または現在のサイトのいずれかを表す可能性があります)を表します。

これが使用されている主な例はWikipediaで、記事の下部にある参照リンクに同様のアイコンを使用しています(ランダムな記事ツールから取得した この例 を参照)。


あなたのコメントによると、リンクが構成可能であれば、リンクが外部になることが多いので、上記で説明したアイコンがうまく機能すると思います。

考慮すべきもう1つの方法は、<a>タグのURLをラベルとして使用することです。たとえば、次のように表示する代わりに、ユーザープロファイルページを作成している場合:

マイウェブサイト

ユーザーがウェブサイトにアクセスできるようにしますが、次のように表示します。

ウェブサイト: http://www.mywebsite.com/path/to/action

5
asfallows

そのアイコンは通常、何かを編集するときにリンクを追加するために使用されます。

ほとんどのブラウザーには、ユーザーがリンクを新しいタブで開くことを選択できるショートカットキーがあります。ユーザーがタブを開いていることをユーザーに示すサイトは考えられません。タブを開くだけです。 GmailやFacebookなどは、サイトから移動するものをクリックするとすべてこれを実行します。追加のタブがあることに気づくのはあなた次第です。

おそらく、オプションとして表示することを心配する必要はありません。強制的に常に発生させるか、ユーザーにブラウザ自体から選択させることができます。

2
Franchesca

私が知っていることではありません。ほとんどのブラウザー(Firefox、Safari、Internet Explorer)では、新しいタブの作成を示すためにプラスアイコン(+)を使用しているようです。

ただし、リンクの横の(+)は扱いにくく混乱します。一般的な慣習は、action:出発に焦点を当てたアイコンを使用することです。 これはFont Awesomeのアイコン のようなアイコンから始めるのが良いでしょう。

enter image description here

または、常にHTML文字を使用できます:(→)。

1
K.Q. Dreger

まず、新しいタブを開くコマンドはありません。新しいウィンドウを開き、ブラウザはそれをタブに配置します(ユーザーが古いブラウザを使用している場合は、新しいウィンドウが開きます)。これには標準がないので、特別なアイコンを作成する必要はありません(たとえば、新しい標準を開始しようとすると、アイコンが混乱する可能性があります)。

気になる場合は、リンクの近くにリンクをクリックするとサイトが新しいウィンドウで開くことを示す短いテキストを追加します。

1
Henrik Ekblom