デザインの心理学: 言葉遊び

ブランド メッセージ ハウスは重要なツールです。顧客とのコミュニケーションの方法、場所、理由を定義するのに役立ちます。 メッセージの書き方、整理方法、提示方法はすべて、メッセージが全体的にどのように受け取られるかを左右する重要な要素です。

すべてのものと同様に、私たちの潜在意識は、人間の意思決定プロセスにおいて、アクティブな脳と同じくらい重要です。 それはあなたの意識よりもはるかに速く予測し、決定を下します。 優れたデザイナーは、見出しの文字の形やコンテンツの配置がページ全体でユーザーの目を引く方法など、これらすべての要素を考慮に入れています。

読み進めて、コンテンツの選択がサイトの影響にどのように影響するかを考えて、視聴者の潜在意識に可能な限り魅力的なデザインを確認してください。

• フォントデザイン
• コンテンツ階層
• 単語の選択

フォントデザイン

フォントの選択が重要であることは誰もが知っています。 お気に入りのブランドがコア フォントを Comic Sans に切り替えたらどう感じるか考えてみてください。 しかし、良いフォントを選択することは、必ずしも「安全な」フォントを選択することを意味するわけではありません。 楽しいと感じるまで、さまざまな種類の書体を試してみてください。

優れたフォントのコア テナントは次のとおりです。

• 読みやすいはずです
• オンブランドであるべき

これら 2 つの要件以外でも、プロジェクトに適したものが見つかるまで、自由に多くのオプションを試してみてください。 ロゴやウェブサイトのデザインで使用される最も一般的な 4 つのフォント スタイルは、セリフ、サンセリフ、スクリプト、装飾フォントです。

セリフフォント

記述子:古典的、信頼できる、尊敬される、伝統的、確固たる、確立された、信頼できる、信頼できる。

セリフとは、特定のフォントの文字の末尾にある小さなストロークを指します。 高校時代にダブルスペースの 12 Times New Roman で提出しなければならなかったエッセイはすべて？ 彼らはセリフストロークを持っていました。 セリフ フォントは印刷物で今でも人気があります。

セリフ フォントは、その昔ながらの信頼できる外観から、金融業界で人気があります。 Wells Fargo と Berkshire Hathaway はどちらも、ワードマークにセリフ フォントを使用しています。 幅の狭い文字はフォーマルでプロフェッショナルな印象を受けますが、スラブ セリフ フォントはより男性的で力強く見える傾向があります。 たとえば、男性向けのギフト会社である Man Crates は、輸送用コンテナのスタンプに似た分厚いセリフ書体を使用しています。

ただし、注意してください。 デザインのすべての側面と同様に、フォントの選択が全体的なコンセプトに合わない場合、意図しない印象を残す可能性があります。 セリフ フォントは、場合によっては息苦しく、よそよそしく、気取った印象を与えることもあります。

サンセリフフォント

説明者:現代的、進歩的、率直、親しみやすい、気楽、明晰、率直、透明性。

サンセリフ体の文字は、セリフ体の文字よりもきれいに見え、フリルが少なくなる傾向があります。 これが、テクノロジー分野で人気がある理由の 1 つかもしれません。 テクノロジーは私たちの生活を改善し、簡素化することを目指しています。そのため、Google や Apple のようなテクノロジー企業や、レイアウトに関するブログでさえも、ウェブサイトにシンプルでセリフのない書体を選ぶことがよくあります。

セリフ フォントのより本っぽい感じよりもモダンに見えるため、一部の企業はブランドの刷新を行って古い外観を変更し、サン セリフ フォントでやり直すことさえあります。 カナダ国際商業銀行 (CIBC) は、2021 年にロゴを変更したときに、まさにそれを行いました。

CIBC の社長兼 CEO であるビクター ドディグ氏によると、「将来に目を向けると、私たちのブランドが現在の銀行を捉えることがこれまで以上に重要になっている」ため、外観を一新しました。 明らかに、より現代的で進歩的な足を前に出すことが、フォントの選択の背後にある中心的な推進力でした.

より多くのブランドがサンセリフ フォントを使い始め、使い続けるにつれて、似たような書体の海であなたのアイデンティティを簡単に失う可能性があります。 一部の企業は、独自の sans フォントを作成することでこれに対処していますが、すべてのプロジェクトで必ずしも実現可能であるとは限りません。 サンセリフ フォントに魅力を感じる場合は、全体的なデザインやアイデアを大胆にして、より繊細な書体を使用できるようにします。

スクリプト

説明者：個人的、洗練された、親しみやすい、エレガント、豪華、贅沢、家庭的、昔ながら。

筆記体を教えるべきだと信じているかどうかにかかわらず、フォントとしての筆記体の人気が低下している兆候はありません。 実際、脚本の執筆は、食品業界で長い間人気のある選択肢でした. Krispy Kreme と Campbell's の 2 つの明白な例が思い浮かびますが、小規模な地元のレストランもスクリプト フォントを定期的に選択しています。 オマハ オフィスから数ブロックのところにある Ted & Wally's アイスクリーム ショップは、もう 1 つの適切な (そしておいしい) 例です。

筆記体には親密さのレベルがあります。 誰かがあなたのためだけに時間をかけてメモを走り書きしたような、個人的な感覚です。 より親しみやすいため、スクリプト フォントはダイレクト メール マーケティングや招待状にもよく使用されます。

また、筆記体に懐かしさを感じます。 過去の名残と見なされることが多いため、サンセリフ フォントとはまったく逆の効果があります。 この懐かしさは、筆記体自体が多くの子供たちに教えられていない場合でも、幼児や子供向けの製品で筆記体がまだ非常に人気がある理由の1つかもしれません.

装飾フォント

記述子:パワフル、大胆、クリエイティブ、独創的、カジュアル、楽しい、新鮮、オーセンティック。

装飾フォント、ディスプレイ フォント、見出しフォントなど、どのように呼ぼうと、それらは主張をします。 カスタム フォントが 70 年代や 80 年代のような時代を連想させる場合があります。 他のものは、芸術的、軽い、荒々しい、または鋭いものにすることができます. 完璧な装飾フォントを見つけたり作成したりするときは、形とそれが心理学にどのように影響するかについての知識が役に立ちます。

たとえば、Suavecito ヘアバームは、タトゥー ショップのドアを飾りそうなフォントを使用しています。 無法者スタイルのブランディングに非常に適しています。会社概要ページでは、高いコストをかけずに高品質のグルーミング製品を提供することで業界の型を破るチームとして彼らを描いています.

サヌーク シューズは、ロゴに使用するフォントも作成しましたが、ブランド ページで創業者のジェフ ケリーの写真にラベルを付けるなど、サイト全体のコールアウトにも控えめに使用されています。

ファンタもフォントを使ってたくさんの楽しみを持っています. 彼らの「It's a Thing」キャンペーンでは、さまざまなファンタのフレーバーとそれらと相性の良いスナックを組み合わせており、それぞれのペアリングには独自のテーマがあります。 彼らのホームページの画像は非常に遊び心があり、球根状のロゴ フォントもその不条理を反映しています。

独自の装飾フォントを選択または作成する場合は、実際にデザインの美学に適合するように注意してください。 フォントの見た目は好きかもしれませんが、それがあなたの作業に合っているとは限りません。

コンテンツ階層

Web サイトのレイアウトを計画するときにコンテンツを意図的に配置することで、長期的には多くの手間を省くことができます。 コンテンツ階層とは、サイト上の情報を戦略的に配置する方法を指します。 可能な限り美しいビジュアル エクスペリエンスを考え出すのは魅力的ですが、サイトでのユーザー エクスペリエンスを考慮すると、美学だけがすべてではありません。

コンテンツ階層に関して覚えておくべき最も重要なことは、視聴者がサイトに移動した瞬間よりも、視聴者の注意を引き付けることができるということです。 その後、毎秒のスクロール、クリック、および新しいページの読み込みを賢く使用する必要があります。これは、ユーザーが移動する前に Web サイトに平均 54 秒しか費やしていないためです。

視聴者があなたについて知っておくべきことをできるだけ早く学べるようにするには、知っておくべき情報を一番上に配置します。 これにより、視聴者の大多数が、少なくとも、あなたがしていることの要点と、あなたの戦略、製品、またはサービスが良い選択である理由を理解できるようになります.

これは、メイン テーマを大胆に際立たせることも意味します。 ブランド パレットのアクセント フォントやアクセント カラーを使用して、強調したい小見出しや重要な本文コピーを強調します。 大量のテキストは画像、インフォグラフィック、動画、行動を促すフレーズ、引用などで分割して、ユーザーの動きを止めないようにします。

最後に、Web サイトのすべてのページが何らかの種類のクリック可能なもので終わっていることを確認してください。 購入するためのボタン、サイトの別のページへのリンク、複数の内部リンクを含むクリエイティブなフッターなど、ユーザーをサイトに長く留めておく機会を提供します。 これにより、直帰率を低く抑え、ランキングを高く保ち、ユーザーが次にナビゲートすべき方向が明確になるため、ユーザーを満足させることができます。

単語の選択

ブランド、会社、製品、またはクライアントについて話すときに実際に書く言葉は、それらをどこに置くか、どのように見えるかと同じくらい重要です。 これらの簡単なヒントを使用して、より良い見出し、行動を促すフレーズ、製品の説明、ページ上のコンテンツ、およびブログのコンテンツを作成してください。

見出しと行動を促すフレーズ

ユーザーがサイトをざっと見た場合、すばやくスクロールしていても、画像やグラフィック、見出し、行動を促すフレーズなど、いくつかのことに気付くでしょう。 そのため、見出しと CTA での言葉の選択は非常に重要です。

見出しと小見出しは、関心の種をまくことができる場所です。 楽しいものでも比喩的なものでもかまいませんが、キッチュになりすぎないように注意してください。 意図したメッセージを圧倒する言葉遊びは望ましくありません。

優れた小見出しは、視聴者に考えさせ、サイトを案内するのに役立ちますが、考え方は人それぞれ異なります。 複数のタイプの見出しを使用して、幅広いネットをキャストします。 サイト全体の重要な見出しと小見出しに、印象的な数字と統計、SEO キーワード、心に訴える質問、時折比喩的な言葉を含めることができます。 見出しや CTA が短ければ短いほど、言葉の選択が重要になります。

これは、CTA とボタンで特に重要です。 ユーザーが次に何をすべきかについて明確なアクションを提供することは非常に重要です。それが寄付、電話、担当者との会話、カートへの追加、詳細の確認、続きを読む、今すぐ購入、オファーの請求、割引を受ける、投票する、調査する、などです。成長を開始したり、口座を開設したり、想像できるあらゆることを行います。 言葉の選択は簡潔で直接的なものにし、デザインを通してすぐにわかるようにします。

訪問者ごとに異なる欲求があるため、サイト全体で複数の行動喚起を使用してトラフィックを増やします。 初めてあなたのサイトにアクセスし、あなたのビジネスについて知りたいだけの人もいます。 他の人は、あなたが提供しなければならないものをすでに検討しており、変換する準備ができています. あなたのサイトは、あなたの顧客があなたのビジネスで望むあらゆるインタラクションを実現できなければなりません.

このビジネスまたはクライアントの特定のフォントを掘り下げるのに時間を費やした場合、Web サイトの見出し、小見出し、および行動を促すフレーズはすべて、顧客の心にブランディングをさらに強固にするためにそれを注入するのに最適な場所です.

製品説明

製品の説明は短くてわかりやすいものにする必要があります。 顧客が知る必要のあるすべての情報を提供したいと考えていますが、製品の説明を詳しく説明する必要はありません。 実際、それは有害な場合があります。

Annual Review of Psychology に掲載された 2003 年の記事によると、日常の会話や文章で使用される単語の 5% 未満が「感情的な」単語と見なされます。 著者らは、これは「進化の観点から、言語は感情を表現する手段として出現しなかったためである」と述べています。 自然な会話では、私たちは通常、イントネーション、顔の表情、またはその他の非言語的な合図を使用して、自分の気持ちを伝えます。」

したがって、製品の説明で過度にふわふわした、大げさな、または感情的な言葉を使用することを躊躇してください。 製品について説明し、なぜそれが有益なのかを説明し、価格、必要な寸法またはサイズを追加します。星の評価がある場合は、星の評価を追加することもできます。 その後、顧客からの素晴らしいレビューが販売を行うはずです。

ページ内コンテンツ

ユーザーがサイト内を移動し始めたら、ビジネス モデル、企業価値、製品、サービスについてより具体的に話す余裕があります。 各内部ページは、よりダイヤルインされたトピックを詳しく調べる必要があります。 ただし、コンテンツの実際のセグメントを大きくする必要があるという意味ではありません。

ページ上のコンテンツをミニ広告のセグメントと考えてください。 広告は短いので、コンテンツを消化しやすい小さな断片に分割します。 ユーザーはモバイル デバイスを介して Web を閲覧する頻度が年々増加しているため、小さな画面でもうまく分割できるように段落を十分に小さくする必要があります。 段落を 2 ～ 3 文に制限し、多くの画像を挿入し、コンテンツのブロック間に十分な余白を残すようにしてください。

トピックについて書くために座っているときは、使用する肯定的な言葉と否定的な言葉に特に注意してください。 はい、あなたのコンテンツは、読者が改宗すべき理由を説明する必要がありますが、そうするように依頼する方法は、あなたとあなたの動機について多くを語ります.

より多く、増加している、豊富、有益、上、例外的、および接尾辞-ful（巧み、美しい、楽しい、強力）が付いたほとんどの単語は、肯定的な単語と見なされます。 聴衆を勇気づけ、元気づけようとしているときに使用してください。

Nike の「Just Do It」は、ポジティブなキャッチフレーズの良い例です。 陸上競技ではポジティブな動機とネガティブな動機の両方が一般的ですが、Nike が「Never Give Up」や「Don't Quit」などの代わりにポジティブな言葉を選んだことは注目に値します。

none、no、not、less、less、under、below、can't、don't などの単語や、接頭辞 in- または un- を持つ単語は、否定的な意味合いを持つ可能性があります。 否定的な言葉はストレスを増大させる可能性があり、実際には役に立ちます。

この設計例を見てください。 Courageous Conversation Global Foundation による「Not a Gun」キャンペーンは、その創造性が評価され、American Advertising Awards で金賞を受賞しました。 「いいえ」という言葉は、すでに人間の脳にストレスを与えています。 彼らの否定的な言葉の選択によって引き起こされるその微妙な潜在意識のストレスは、聴衆を不快にさせるために意図的に使用されています.

ポジティブな言葉とネガティブな言葉が脳にさまざまなメッセージを与えるように、質問やステートメントも同じように働きます。 質問があなたに考えさせるところでは、ステートメントは権威を主張します。

人間の脳では、提起された質問は回答された質問です。 次の例を見てください。

水に住む動物を思い浮かべることができますか?

あなたの脳は自動的にある種の水生生物の写真にギアを切り替えたに違いありません。 答えを準備したいというこの人間の衝動が、聴衆に質問をすることを非常に便利なコミュニケーションツールにしているのです。 それが、「Got Milk?」の新しいイテレーションがまだ見られる理由です。 彼らは働き続けているからです。

一方、ステートメントは権威あるトーンを設定します。 ユーザーに製品について伝える場合でも、何かをするように伝える場合でも、直接的なステートメントはあなたに責任を負わせます (したがって、あなたはオーディエンスを導くのに最適な立場に置かれます)。

学生のサム・ルオも、昨年のアメリカン・アドバタイジング・アワードで、彼の事実に基づいたデザインで金賞を受賞しました。 「Go In Deep」というシンプルなコンセプトに基づいて、歯の間のスペースにズームインし、視聴者にオーラル B フロスの使用を促します。

ブログと追加コンテンツ

ページ上のコンテンツが単一の目的を果たし、強い感情を喚起する必要がある場合、ブログは本当に掘り下げる余裕があります。ユーザーがサイトをクリックしてブログにたどり着くまでに、すべての詳細を知りたがります。あなたのサイトを最初に訪れた人にこのすべての情報を表示することにしましたが、圧倒されるかもしれません。

そのため、長い説明をページ上のコンテンツから除外し、ブログや追加コンテンツ用に保存することが重要です。 ブログは、詩的になれる場所です。 ただし、任意の割り当てを満たすために言葉を追加する必要があるという意味ではありません。 ライターは、段落が長いほどスマートに聞こえると誤解することがよくありますが、読者は、あなたが要点をつかむことを望んでいます。

あいまいさを排除し、前置詞句や前例が長引くことなくブログのポイントに到達できるように、可能な限り能動態で書きます。 次に、言う必要があることをすべて述べたら、校正を行います。

もちろん、サイトに掲載するすべてのコンテンツを校正する必要がありますが、マーケティング担当者はブログで新しいコンテンツを急いで公開するため、この手順を見落とすことがあります。 エラーのない出版物を保証することはできませんが、新鮮な目で作品を読むと、どれだけ多くの編集がポップアップ表示されるかに驚かれることでしょう。

優れた Web ページと同様に、ブログにも適切な H2 および H3 タグが散在していること、および段落が小さくて消化しやすいままであることを確認してください (ただし、ここで少し分厚くする余裕はあります)。 画像とグラフィックは、このブログのように長いブログを分割するために使用できますし、使用する必要があります。また、ジャンプ リンクとアンカー テキストを使用すると、読者をより効果的に導くことができます。

より多くのデザインの良さ

優れたデザインを構成する心理的要因について深く掘り下げた記事を楽しんでいただければ幸いです。 パート 1 ～ 3 をチェックして全体像を把握し、次回の記事で WP Engine Resource Center を引き続き視聴してください。