タイポグラフィがあなたのウェブサイトを作ったり壊したりできる理由

これはゲスト寄稿者のエントリです。 このコンテンツに含まれる見解や意見は、作者のものであり、cybernairaではありません。

ウェブサイトを作成するときに最も重要な要素を分解しようとすると、通常、デザインとコンテンツという2つのことが頭に浮かびます。 彼らがショーのスターであることは間違いありません。 しかし、他の星と同じように、彼らは絵を完成させるために、より少ない要素に大きく依存しています。

ほとんど注目されていないこれらの1つは、タイポグラフィです。 そして、それはデザインとコンテンツの両方の不可欠な部分であるため、かなり奇妙です。 また、すべてを征服するコンバージョン率において重要な役割を果たします。

それがどうなるかを想像するのは難しいかもしれませんが、この記事の終わりまでに、タイポグラフィのルールについて何も知らずに、これほど長く管理した方法を想像するのは難しいでしょう。

しかし、それについてあまり悪く感じないでください。 ほとんどのウェブサイトの所有者、さらに悪いことに、インターネットマーケターは同じ船に乗っています。

タイポグラフィの要素を一度も考慮せずに、SEOと変換のためにウェブサイトを最適化するために多くの時間と労力を費やした可能性が高いです。 しかし、その心理的影響は科学的に証明されています。

サイトでできる限りのことを行っても、コンバージョンが期待を下回っている場合は、タイポグラフィについて行った（または行わなかった）決定が原因である可能性があります。

タイポグラフィの定義。

先に進む前に、まずタイポグラフィとは何かを知っておく必要があります。 簡単に言えば、タイポグラフィはテキストのデザインです。 それは、それがどのように見えるか、それが占めるスペース、そしてそれがどのようにスキャンするかに関係しています。

ユーザーがサイトのページを開くとき、最初に行うことは、まだ何も読んでいない状態でページをスキャンすることです。 それらは、そのページがどのように見えるかに基づいて、そしてほとんどの場合、テキストがどのように見えるかに基づいて、そのページについての印象を形成します。 このサイトを検討してください：

これと比較してください：

タイポグラフィの違いに気づきましたか？

2番目のサイトは最初のサイトよりも便利なサイトかもしれませんが、閉鎖する可能性が高くなります。

なんで？

スキャンするのがとても難しいからです。

最初のものはスキャンがはるかに簡単なので、どちらのサイトについても知らなくても、良い印象（および2番目の悪い印象）を持つ可能性が高くなります。

2番目のサイトはデザインとタイポグラフィで悪い選択をしたため、ページにある可能性のある知恵の塊は、訪問者の大多数によって発見されないままになる可能性があり、それは低いコンバージョンを意味します。

さて、あなたはタイポグラフィがちょうどあなたが選ぶフォントについてであると思うかもしれません。 それは方程式のほんの一部です。 フォントはもちろん重要ですが、それは特定の書体スタイ​​ルのみを参照しています。

書体自体は共通の特徴を共有するフォントのグループであるため、特定のフォントではなく、書体の効果を研究する時間を有効に活用できます。

非常によく知られている例は、フォントではなく書体であるArialです。 さまざまなフォントを使用するTimesとGaramondについても同じことが言えます。

書体とフォントの他に、考慮する必要があります

• 線の長さ
• 先頭–行間隔
• カーニング–文字または文字間の空白
• 追跡–均一な文字間隔

これらすべて（または少なくとも、それらは必要です）は、意図的にWebサイトにまとめられます。そのためには、タイポグラフィの役割と影響を知る必要があります。

タイポグラフィの役割

タイポグラフィを研究する主な目的は、包括的な意味ではなく、文字通りの読みやすさを促進することと関係があります。 近すぎたり、長すぎたり、小さすぎたり、縮れすぎたり、コントラストが低すぎたりするテキストは、読みにくいだけです。

簡単に読めないテキストのブロックに直面したときに何をするかを自問するだけです。 ほとんどの人は単にそれを残します。

とにかく読み込もうとする場合もありますが、何を読んでいるのかわからなかったり、最後まで読めなかったりする可能性があります。 また、あなたの唯一の持ち帰りは、それが価値があるよりも多くの問題であったということである可能性が非常に高いです。

タイポグラフィの役割は、読者にメッセージを確実に伝えることです。 情報や売り込みかもしれません。 それは本当に重要ではありません。

重要なのは、人々をあなたのサイトに連れて行くためのあなたのすべての努力が最終的に報われることです、そして良いタイポグラフィはあなたの訪問者が少なくともあなたが言わなければならないことを理解することを確実にします。

それらをリードします。

オンラインユーザーは予測可能なパターンで読む傾向があることをご存知かもしれません。 ある研究では、それがFパターンに従っていることが示され、別の研究では、それが折り目の上にあることが示されています。 この知識を使用して、読者の道に「重要な」テキストを入れることができますが、それはいくつかの設計および技術的な問題を提示する可能性があります。

はるかに簡単で柔軟なオプションは、タイポグラフィを使用して視覚的な階層を作成することです。

実際には、テキストの適切なサイズ、スタイル、および色を使用して、読者をテキストの「重要な」セクションに誘導しています。 そのためには、人々が視覚情報をどのように認識して整理するかを知る必要があり、ゲシュタルトの理論はそれを分解します。

簡単に言えば、理論によれば、人々は、類似性、近接性、継続性、閉鎖性、図と根拠の観点から、グループで情報を視覚化する傾向があります。 ページ内の特定の要素に注意を引くには、読者の目をそのページに引き付ける必要があります。

たとえば、コピーの「ダウンロード」リンクに注意を向けたい場合は、ゲシュタルトの類似性の理論をさまざまな色またはフォントにすることで使用できます。

「ダウンロード」という単語を別の行に配置して、近接性を使用することもできます。 もう1つの戦略は、クリックする必要のある単語を指すために曲線矢印を使用して継続を使用することです。

知覚の形成。

これまで、タイポグラフィが読者をページ内の特定の要素に誘導する方法について説明してきましたが、それが読者の意思決定行動にどのように影響するかについてはまだ調べていません。 変換はかなりの程度に依存するため、これは非常に重要です

変換は読者の認識に大きく依存するため、これは非常に重要です。 あなたがおそらく想像できるように、前向きな認識はあなたが変換したいものです。

結局のところ、選択した書体は、コンテンツに関する読者の認識に測定可能な影響を及ぼします。 最近の研究では、異なる書体を使用すると、同じコンテンツに対して異なる感情的反応が誘発されることが示されました。

声明がバスカービル書体で提示されたとき、多くの人々が声明を信じていました。

しかし、Comic Sans書体で同じ声明を提示されたとき、多くの人々がそれに反対しました。 書体がステートメントの認識された信頼性に影響を与えたことを示しているようです。

それがどうなるかは簡単です。 次のステートメントを検討してください。

どちらの書体の名前も知らなくても、どちらがより信頼できると思いますか？

さて、それはComic Sansのような書体がウェブサイトのデザインに場所がないという意味ではなく、私たち全員が私たちの書体としてBaskervilleを使用する必要があるということです。 重要なのは、あなたのタイポグラフィはあなたのサイトとあなたのターゲット市場の個性を反映しているということです。

ハイテク業界のCEOやその他の幹部と取引する場合は、Baskervilleなどの正式な書体でサイトをプロフェッショナルに見せることができます。

一方、子供やその親に対応する場合、ComicSansは楽しさと親しみやすさのちょうどいいメモを打つことができます。

さまざまな市場に対応する場合、2つの間のどこかにある多くのオプションがあります。 自分に最適なものを見つける必要があります。

読みやすくする。

次に確認する必要があるのは、読みやすさのために十分な大きさです。 あなたのページがスキャン可能であると仮定すると、あなたの次の関心事は、ユーザーがあなたのコンテンツをできるだけ簡単に読めるようにすることであり、サイズは重要です。 これには厳格なルールはありませんが、

これには厳格なルールはありませんが、ウィチタ州立大学でオンラインで使用されている最も人気のある8つの書体について行った調査によると、最も読みやすい書体は14ポイントサイズのArialと12ポイントサイズのCourierでした。 最も判読できない

最も判読しにくいのはComicSans（再び）でしたが、それでもArialとVerdanaとともに優先フォントとしてのグレードになりました。

調査に含まれているものとは異なる書体を好む場合は、コンテンツの最も読みやすいフォントサイズを決定する際に、独自の調査を行う必要があります。 この記事のヒントに従って、始めることができます。 （警告：いくつかの数学が関係しています！）

ただし、自分で出発する前に、どちらがより良い書体スタイ​​ル、セリフまたはサンセリフであるかについてかなりの議論が行われていることを知っておく必要があります。

セリフ書体の例はTimesであり、サンセリフ書体はArialです。 一般に、サンセリフ書体は、主に単純であるため、セリフ書体と比較して、どのサイズでも読みやすくなっています。

気分と認知の改善。

最後になりましたが、この研究で示されているように、タイポグラフィは読者の気分と理解に大きな影響を及ぼします。 要約すると、著者は、「良いタイポグラフィは良い気分を誘発する」と結論付け、これが彼らの認知能力に影響を与えたと結論付けました。

言い換えれば、テキストが読みやすいと感じた場合、気分が良くなり、読んでいるものをより簡単に理解できるようになります。 あなたはおそらくこれを直感的に知っているでしょう、しかしそれが定量化されるときそれは素晴らしいです。

ただし、要点は学術的なものではありません。

読者があなたのコピーを読んでいるとき、それが何であれ、あなたの行動の呼びかけに従順である可能性が高いので、あなたのコンバージョン率にとって重要です。

良いタイポグラフィがあなたにそれを与えるなら、なぜあなたは彼らにそれを与えるために最善を尽くしませんか？

結論。

モチベーショナルスピーカーのスティーブバックリーは、次のように述べています。 それはあなたが選んだ方向性を開始するので、最も重要で最も効果的です。」 あなたはタイポグラフィがあなたのウェブサイトにとって重要である理由を理解する上で重要な第一歩を踏み出しました。

それはあなたに次のステップへの方向性を与えました。それはあなたが学んだすべてを実践することです。

Michie Victorianoについて：

私はマーケティングリサーチおよびアナリストであり、マーケティング、リサーチ、分析、およびオンラインマーケティングで6年以上の経験があります。 検索エンジン最適化で2年の経験を持つ。 今のところフリーランサー。 ビデオゲームやバスケットボールを楽しんだり、コーヒーが大好きです。