web-dev-qa-db-ja.com

ボタンに「>>」または同様のマークを使用する価値はありますか？

私は巨大な会社のためにワイヤーフレームを準備していて、強調するためにボタンに「>>」または単に「>」を使用する必要があるのか​​と思っています！ （はい、どちらですか？）

どう思いますか？または、他のアイデアはありますか、単一のボタンを強調する方法は？この問題に関する研究はありますか？

色の制限が厳しく、メッセージやボタンの重要性をほとんど強調しない明るい色を使用できるため、これは特に問題です。

buttons
6
Roland Pokornyik

ボタンはボタンです-環境（ボタン、Windowsフォームなど）のボタン要素を使用するだけで、ボタン自体が十分に目立ちます。ボタンのテキストで>または>>を使用する意味があるのは、「ウィザード」を実行していて、「次へ」と「前へ」を一目で識別したい場合だけです。

7
Charles Boyung

これは、アンケートなどの手順を進めることを強調するボタンで行います。

私はこのようなことをするかもしれません：

<< Previous                             Save and Continue >>

その場合は、配色やその他の方法で[戻る]ボタンの強調を解除し、ユーザーが気を取られないようにします。

このような矢印は、複数ステップのチェックアウトプロセス、ウィザード、場合によっては登録などでも使用できます。ただし、参照しているアクションが1ステップの取引である場合は、矢印を気にしません。

あなたが持っているボタンを強調することに関しては、大胆であることを恐れないでください。気づくことが重要なボタンが1つまたは2つしかない場合は、他のボタンより大きくするか、何らかの方法で目立たせます。多くの大きなWebサイトのホームページで、大きなCall-to-Actionボタンが大きな色で表示されることもよくあります。

  • http://www.geico.com/ これは私のお気に入りのサイトデザインではありませんが、膨大なビジネスを行っています。彼らは、最も重要な行動を促すフレーズのボタンにオレンジを使用しています（他の方法では属さない色）。
  • http://order.papajohns.com/ 赤い背景にある大きな緑色の「今すぐ注文」ボタンが目立ちます。そして、矢印を使用していることに注意してください。結局のところ、ピザを注文するにはいくつかのステップが必要です。

私は「行動を促すフレーズのボタン」を検索しただけで、この記事にたくさんの良い例を見つけました... http://www.smashingmagazine.com/2009/10/13/call-to -action-buttons-examples-and-best-practices /

4
Steve Wortham

私は通常、2つのリストを管理するダイアログ用のボタンに<<および>>を予約しています。リストAは使用可能なアイテムであり、リストBは選択されたアイテムです。 2つのリストの間に通常表示される4つのボタンは次のとおりです。

>-選択したアイテムをリストAからリストBに移動します

>>-すべてのアイテムをリストAからリストBに移動します

<-選択したアイテムをリストBからリストAに移動します

<<-すべてのアイテムをリストBからリストAに移動します

すでに回答が選択されていることに気づきましたが、誰もこの規約に言及していなかったので、追加したいと思いました。

3
John L.

通常のボタンがあり、ボタンを押すだけの余裕がある場合は、強調する必要はありません。基本的なボタンで十分です。

1
Illotus

矢印は次のシナリオで使用されます。

More Data-ボタンをクリックすると、現在のレイアウトにさらにデータが挿入され、矢印はデータが表示される場所を示します。

私の理解では、アイデアは結果の予測可能性を向上させることです。特に自動レイアウトシステム（Webなど）では、ボタンをクリックした後の画面の外観をプログラマーが制御できず、アトミックレイアウトが現在のコントロールをビューの外にスクロールするため、ユーザーが混乱する可能性があります。

ナビゲーション-例^ go to top of page、v next chapter、またはウィザードの前方/後方ナビゲーション。通常、テキストは何が起こるかを正確に示しており、矢印は予想されるアクションに加えて方向を示す視覚的な合図を与えるだけです。

このパターンは一般的で、テキストが必ずしも必要ではありません。

1
peterchen

効果的です。ただし、フォームウィザードやページネーションなどの適切なコンテキストにあることを確認してください。それ以外の場合は、ボタン配置技術を使用してボタンを強調することをお勧めします。ボタンを対象の中心に配置してみませんか？または強力な表現を使用しますか？

1
Panu Tangchalermkul