menu

スマートフォンを意識したWebライティングのコツ

ディレクター心得

ソーシャルメディアと相性が良いスマートフォンでは、質の高い記事がFacebookやTwitterで拡散されてPC以上の効果を生むことも珍しくありません。その意味でもスマートフォン向けの記事を作成・チェックする際には、とりわけ読みやすさ・分かりやすさに気をつける必要があります。

・パラグラフは150文字程度で改行
スマートフォンのディスプレイはPCの1/4以下のサイズです。当然表示される文字も小さくなるため、
スマートフォン向けのテキストコンテンツを作成・チェックする場合は、パラグラフを150文字程度で区切り、改行を入れるのがポイントです。そうすることで小さい文字でも疲れず、長めのコンテンツも最後まで読まれやすくなります。

・漢字:かな文字は3:7のバランスを目安に
若年層のユーザーが多く、PC以上に「流し読み」の傾向が強くなるスマートフォンでは、記事のなかに漢字が多すぎると難解な印象を与え、読む前にスルーされてしまう傾向があります。

記事の内容や目的にもよりますが、目安として漢字とかな文字は、3:7のバランスで配置すると適度に柔らかい印象を与え、読みやすくなります。同時に画数の多い漢字はできるだけ使わず、可能なら別の言い回しに変更するようにしましょう。

・読点をスペースとして利用する
漢字とかな文字のバランスと同様に、「、」(読点)が少ない文章は全体が詰まった印象になり、内容に関わらず避けられやすくなります。

ディスプレイの小さいスマートフォン向けのコンテンツでは記事の余白部分も少なくなるため、「、」を多めに使用することですっきりとした印象を与えることができます。目安としては少なくとも1行に1箇所以上、普通に読んだら「ちょっと区切り過ぎかな…」というくらいの間隔で読点を入れるのがポイントです。

・声に出してチェックする
ご紹介した上記3つのポイントは、実際に文章を音読するとおのずと確認することができます。声に出すと詰まってしまったり、音読を続けるのが疲れてしまったりするのは、読みやすさ・分かりやすさの点で改善の余地が残っている証拠です。

ちなみに確認した文章を修正する際はファイルをコピーし、修正前と修正後の文章全体をその都度読み比べて確認するのも大切です。続けるうちに、読みやすさ・分かりやすさの基準が明確になり、よりスピーディに文章を作成・チェックすることができるようになります。

小野 良勝 代表取締役

投稿一覧

横浜の制作会社アイティネットの代表取締役。WEB、モバイル、DTP、デジタルサイネージを事業展開。それぞれの特性を活かした メディアミックスを得意とする。iPhoneやiPadを活用したBtoB向けのアプリケーションを開発。モチベーションの高い人や異業種との交流がたまらない。華の47年組。趣味はオートキャンプ

導入事例 住宅・建築分野 その2

福縁酒家|うまい!安い!中国人オーナー経営の本格中国料理

関連記事

  1. 多種多様なメソッドも学べる、LP制作に使いたいフレームワーク3選…

    ユーザーの行動を喚起するランディングページにはストーリーの要素を加えるのが効果的ですが、もちろん方法…

  2. WordPressの効果を最大化する、レンタルサーバー選びのポイ…

    WordPressを利用するうえで最低限必要となるのが、「Apache」と「MYSQL」の両方に対応…

  3. 意外と簡単?Webフォントの利用方法とメリット&デメリット

    CSSを用いたWebサイトが一般的になり、多くのWebデザイナーに注目されているWebフォント。Go…

  4. アイコンもセットで、レスポンシブデザインにも対応。CSSフレーム…

    WordPressと同じくWebサイト制作の生産性アップに役立てたいのが、CSSフレームワークです。…

  5. マイクロコンバージョンによってWebサイトを評価する際の2つのポ…

    Webサイトや広告のランディングページを改善する手法として最近注目を集めているマイクロコンバージョン…

  6. フラットデザインにも相性抜群。スタイリッシュなWordPress…

    用途や目的にあわせて幅広く利用できるデザインテンプレート(テーマ)はWordPressの大きな魅力の…

  7. あらためて整理しておきたい、Webサイトにおける「色」の効果

    ECサイトの制作プラットフォームを提供しているShopifyのリサーチ結果によれば、ユーザーの購買は…

  8. Webデザイナーへの発注で最初に伝えたい、デザインの「背景&スト…

    「思い描いたイメージと全然違う」、「あれだけ強調したのに全く伝わっていなかった」…。Webディレクタ…

PICKUP

PAGE TOP