私はUXBoothで The Grammar of Interactivity を読んでいますが、それは非常に興味深いものです。ただし、この記事では、次のように述べた(または書いた)デビッドハミルを引用しています。
ボタンは、「見積もりを取得」、「ダウンロード」、「アカウントを開く」、「チェックアウトに移動」などのアクション用です。ボタンのテキストは動詞で始まる必要があります。それ以外の場合は、行動を促すフレーズではなく、テキストが表示されたボタンにすぎません。たとえば、「詳細情報」は行動を促すフレーズではありません。
しかし、それはボタンのテキストとして 形容詞 "OK" が間違っていることを意味します。それが間違っている場合-OKの代わりに何を使用すればよいですか?私は混乱しているので、「すべてのボタンのテキストは動詞で始めるべきですか?」
ボタンの「OK」テキストは通常、フォームで上記のアクションを指し、通常はダイアログになります。
たとえば、[このアイテムを削除]ダイアログの[OK]ボタンは、動詞である削除するを意味します。
実際、私は、動詞がボタン内にあるときに、それが繰り返されているかどうかに関係なく優先します。高速なユーザーは、ダイアログの内容を読む必要なく、実行するアクションを確認できるためです。
上記の例では、タイトルは「これを削除しますか?」になります。ボタンは「削除」と「保持」です。
だから、はい、ボタンすべき動詞を指すか、動詞を指す。
例外がある可能性があるため、mustの代わりにshouldを使用します。
私はそれを言うでしょうボタンのアクションに依存します。行動を促すフレーズ(CTA)を扱う場合、 効果的なCTAの作成に関するこの記事 で強調されているように、ユーザーにアクションを伝えることが最も重要です:
古典的な本の最初のアドバイス ライティングツール は、作者が主語と動詞で文章を始めることを奨励します。英語では、左から右に読みます。動詞と主語は、文章の意味をすばやく理解するのに役立ちます。これらの事実と同じくらい基本的なことですが、読者の注意が羽ばたく鳥の影よりもとらえどころがない場合、オンラインの行動を促すフレーズを作成するときにこれを認識することが重要です。
CTAコピーに動詞を含めないことで、行動を促すメッセージが読者に表示されなくなり、行動を促すフレーズのクリック率が低下し、コンバージョンに悪影響を及ぼす可能性があります。
実際、動詞はTwitterで最も多くのシェアを生み出す品詞の一部であり、HubSpotソーシャルメディアの科学者であるDan Zarrellaが彼のScience of Social Mediaの研究で報告しています。 Twitterのシェアを引き付ける可能性に関して、動詞は副詞、形容詞、名詞よりも優れていることがわかりました。
私はこれも見ることをお勧めします CTAが直接であり、動詞で始まる必要がある理由に関する追加の入力に関する記事
Be Direct:あなたのウェブサイトは低木地帯に勝つ場所ではありません。あなたの訪問者にあなたが何をしているか、そしてあなたが彼らに何をしてもらいたいかを正確に知らせることが不可欠です。訪問者は次に何をすべきかについて考える必要はありません。 「サインアップ」、「ダウンロード」、「送信」、「始めましょう」という指示を明確にしてください。
Be Demanding:あなたのCTAは常にアクション(duh)を持つべきです。しかし、あなたの行動は、要求が厳しくなるほど短く、シンプルで強力であることを確認してください。 「ダウンロード」、「視聴」、「購入」など、見込み顧客に何をしてほしいかを正確に伝えます。 「クリック」、「入手」、「見る」、「試す」など、他のあらゆるウェブサイトが使用している弱い言葉は避けてください。
ただし、本質的に肯定的なボタンを処理している場合、これが Microsoft のコメントです。
- ラベルを命令的な動詞で始め、ボタンが実行するアクションを明確に説明します。末尾の句読点は使用しないでください。
Exception:次の標準ラベルは動詞なしで使用できます:Advanced、Back、Details、Forward、Less、More、New、Next、No、OK、Options 、前へ、プロパティ、設定、およびはい。
「OK」を選択できるプロンプトまたはダイアログは、基本的に、ユーザーが行ったアクションまたはプロンプト/ダイアログのメッセージを受け取って理解したことをユーザーに確認することを求めています。
「OK」をクリックすると、ユーザーは「OK」をクリックしたときに「Okaying」(仮想動詞)になります。または、すべての「OK」を「Acknowledge」に変更することもできますが、ここでは説明しませんが、いくつかの理由で発生したことはわかりません。
また、プロンプトは、ユーザーが何かを許可することが「OK」であるかどうかを尋ねている可能性があることも考慮してくださいhappen。それらのインスタンスでは、ボタンのテキストは、それらが許可しているアクションのアクションとして読み取る必要があります。例えば。
このファイルを検索しますか?
OK |キャンセル
する必要があります
このファイルを検索しますか?
検索|キャンセル
さまざまなクラスのボタンを考えることができます。
これは包括的ではないと確信しています。また、カテゴリ間に分類されるボタンがあると確信しています。このようなルールは、無頓着にフォローしても意味がなく、ルールとして伝達されるべきではありません。私はそれを良い習慣として組み立てます:
「ボタンをデザインするときは、ラベルの最初に動詞を使用することを検討してください。多くの場合、これが最良のオプションです。どこでもこれを行うと、ボタンは効果を明確に伝え、簡潔で一貫性があり強調されます。」
ボタン(およびハイパーリンク)にラベルを付ける際、ラベルの最初の単語が開始点であることを覚えておく必要があります。この最初の単語は、「ある程度」の理解を与えるのに十分なはずです。
この側面を見てください。 Ctrl + Alt + Delete(Windows 7)を押して、オプションのリストを確認します。
最後のオプション「Start Task Manager」に向かって、これは「Start Task Manager」全体を「読んで」、これがタスクマネージャーに関するものであることを知っているはずですが、他のすべてのオプションについては、最初のWordを見るだけで十分です。意味。 (「パスワードの変更」は、さらに読む必要があるもう1つのオプションですが、「パスワードの変更」ではなく「パスワードの変更」である必要があります。)
さらにいくつかのアクションを導入する必要があり、アクションを常にアプローチする場合は、それらがどのように表示されるかを確認してください。
これを見るのは骨が折れるし、概念を理解するために全部を読まなければならない。コマンドの前に「アクション」を使用すると理解が深まりますが、これはビジュアルスキャンの犠牲になります。
アクションを使用すると、ユーザーが実行できる他の可能なアクションのアイデアも無効になります。たとえば、「フォルダーオプションの設定」と言った場合、それはmodifyまたはspecifyを指定する必要があることを意味し、単に「表示」または「参照」することはできませんか?リンクをクリックするだけの単純なアクションで暗黙の「アクション」の説明が必要な場合、アクション自体が新しい論争や一連の考えにつながる可能性があります。
抽出
アクションをすべてのリンクの前に表示する必要があることをルールにしないでください。あまり一般的ではなく、重要な機能を実行する機能に使用します。
私たちは左から右に読んで、最初の単語はそれらに続くものより常に重要です。最初の言葉を賢く使ってください。
一般的に使用されているリンクはよく理解されており、「コントロールパネルの起動」は「コントロールパネル」に簡単に置き換えることができます。
Twitterがより多くのアクションを販売しているからといって、Honda Accordでアクションが必要になるというわけではありません! コンテンツを見るときは常に、そのコンテキストを見落とさないでください。
行動を促すフレーズの主要なボタンは動詞である必要がありますが、動詞の代わりにユーザーの感情を捉える状況もあります。次のボタンを検討してください。
これは、対象となる視聴者が電子メールを使用していない可能性がある状況でうまく機能します毎日。したがって、非動詞ボタンのタイトルを全面的に禁止しても、すべての状況で機能するわけではありません。
不当なガイドラインではありませんが、アクションを動詞として明示的に記述する必要があることは普遍的には当てはまりません。時には、アクションを説明する動詞は暗黙的ですが、コンテキストが原因でどのアクションが意図されているかは理解できます。たとえば、ナビゲートする場合、ボタンのラベルは「前へ」または「次へ」(ユーザーはボタンが「前へ移動」を意味することを知っているなど)である可能性があります。コンテキストに依存します。 [OK]や[完了]などのアクションを却下または確認すると、他の例外になります。
一般的なガイドラインは次のとおりです: http://www.Oracle.com/webfolder/ux/middleware/richclient/index.html?/webfolder/ux/middleware/richclient/guidelines5/button.html