視認性・可読性・理解度──ユーザーに「ちゃんと読んでもらう」ために

今回のテーマは、文章を「ちゃんと読んでもらう」ための三つの視点——視認性・可読性・理解度です。WebサイトやアプリでテキストをUX設計の視点からどう整えるかを見つめ直していきます。

せっかく書いた説明文なのに、なぜか読み飛ばされてしまう。そんな経験はありませんか。文章は、ただ「書く」だけでは相手に届きません。見えること、読み進められること、そして意味が伝わること。この三つの段階をくぐり抜けて、はじめてメッセージは相手の心に着地します。私たちサンアンドムーンがUXデザインの出発点を「伝わること」に置くのは、見た目の美しさと同じくらい、言葉の届き方が体験を左右すると考えているからです。

視認性——まず、文字が「見える」状態にする

視認性とは、文字が視覚的にきちんと判別できるかどうか、という最初の関門です。どれだけ中身が優れていても、そもそも読めなければ意味を持ちません。ここで効いてくるのが、書体や配色、大きさ、そして背景との明暗差です。

たとえば、デバイスや見る距離に応じて文字を十分な大きさに保つこと。背景色と文字色のコントラストをはっきりつけること。字間や行間を整えて、文字がつぶれて見えないようにすること。どれも地味な配慮ですが、積み重なると印象が大きく変わります。文章の第一印象は、内容ではなく「見えやすさ」で決まるのです。

可読性——文章を「読み進めやすく」する

次の段階が可読性です。これは一文字ずつの見え方ではなく、文章全体としての読みやすさに関わります。同じ内容でも、組み立て方ひとつで読み手の負担はずいぶん変わってきます。

たとえば、一文を短く区切ること。難しい専門用語は避けるか、ひとこと説明を添えること。段落を適度に分け、見出しを使って全体の構造をひと目で見えるようにすること。さらに、日時や金額といった大事な情報は、読み手の視線が自然に向かう位置に置く。こうしたひと工夫があるだけで、ユーザーはストレスなく内容を吸収できます。読みやすさとは、書き手から読み手への、静かな思いやりなのです。

理解度——文章の意味を「わかる」状態に導く

そして最後の段階が理解度です。読めて、読み進められても、意味が正しく伝わらなければ、文章は役目を果たせません。ここには、読み手がどれだけの予備知識を持っているか、どれだけの認知的な負担を強いられるかが深く関わってきます。

あいまいな表現を避け、具体的な言葉で語ること。相手の予備知識を想像し、必要な背景を補うこと。複雑な概念には図や例を添えること。行動を促したいなら、何をすればいいのかをはっきり示すこと。こうした配慮が、「読んだ」を「わかった」へと変えていきます。理解度こそ、その文章がユーザーの中で意味を持てるかどうかを決める最終地点なのです。

三つの視点は、UX設計の一部である

視認性・可読性・理解度は、それぞれ独立した考え方でありながら、現場では互いに影響し合っています。視認性が低ければ可読性も理解度も下がり、理解度が足りなければ、購入や問い合わせといった行動にもつながりません。三つは別々の関門というより、ひとつながりの階段のようなものです。

だからこそ私たちは、この三つを文章設計のチェックリストとして使うことをおすすめしています。デザインレビューの場で「見えるか・読みやすいか・理解できるか」を別々に確かめる。想定する読み手に合わせて言葉や事例を選び直す。文章もまた、UIと同じように「ユーザーのために設計するもの」だと捉えること。その視点が、成果に直結していきます。

記事監修

中谷 浩和

株式会社サンアンドムーン｜代表取締役

1976年創業のデザイン事務所を前身に、Webコンサルティング・UI/UXデザインを専門とする。
国際標準のUX設計プロセスを学ぶ Google UX Design Professional Certificate を取得し、 上級ウェブ解析士 としてデータ主導のサイト改善にも精通。デザイン思考を軸に、ユーザー認知・行動・文脈からWebサイトの課題を捉え直し、成果につながる設計へ落とし込むことを使命としている。システム設計、フロントエンド技術、SEO・パフォーマンス改善まで技術知識を横断し、サイト全体を見通したディレクションを得意とする。自動車メーカー、銀行・クレジットカード、保険などの大手から中小企業まで、数値で検証しながら改善を積み重ねる実践的なコンサルティングを提供している。