)2016年10月3日更新ツイート閲覧数4,494viewsこのコラムをPDF形式でダウンロードするJimdoExpertとしてこれまで100件以上のJimdoサイトに携わってきた筆者が、Jimdoを使用して日本語のWebサイトをデザインするポイントについて解説する本コラム。前回のコラムではJimdoに新しく追加されたフォトエディターについて解説しました。第7回目となる今回は、読みやすい文章の掲載方法について解説します。Webサイトのメインコンテンツは「文章」である皆さまはWebサイトの「コンテンツ」と聞いて何を連想するでしょうか?Webサイト上には画像や商品、問い合わせフォームやスライドショーなど、様々なコンテンツが掲載されています。その中でもっとも重要なコンテンツは何か?と問われれば、それは間違いなく「文章」です。商品について解説をするのも、会社の理念について説明をするのも、すべて言葉、つまり文章だからです。Jimdoで作成されたWebサイトの中には、写真やレイアウト、カラーリングなどは非常にこだわっていても、文章の掲載方法についてはあまり重視されていないサイトが多く見られます。そこで今回のコラムでは文章をテーマに、と言っても「上手な文章の書き方」などのライティングのお話ではなく、文章の「掲載方法」に焦点を絞って解説をします。どれだけ素敵な文章でも、読みやすく配置されていなければ、読んでさえもらえないことも多いのです。読みにくいかを知れば改善点が見える読みやすい文章について考えるには、読みにくい文章を知るほうが近道です。読みにくさの原因が分かれば、改善点が見えてきます。ここでは4つの代表例を見ながら、それぞれの問題点と解決策について解説していきます。1行の文字数が多いこれが最も多いケースです。最近のWebサイトの傾向としてサイドバーのないレイアウトが多く、Jimdoでもこういった「シングルカラム」と呼ばれるレイアウトが多く採用されています。これまで主流であったサイドバーのあるレイアウトに比べて横幅が広くなるため、1行の文字数が多くなってしまうのです。問題ないように見えますが、読みやすい1行の文字数は25~35文字程度のため、40文字以上になると視線の移動距離が長く読みにくさを感じます。これを改善するには、文字サイズを大きくする、画像付き文章にするなどいくつかの方法がありますが、例えば下の図のようにカラムを利用して文章を分割する方法もオススメです。行間隔が狭い行間隔はとても重要です。行間隔が詰まっていると、同じ行を何度も読んでしまう間違いが発生したり、窮屈さを感じさせ、読みたいという気持ちを阻害してしまうことがあります。Jimdoではこの行間隔をスタイルメニューから変更できます。日本語の文章の場合、このいずれかの設定であればどんなテキストでも見やすく表示することができます。改行されていない/改行しすぎ改行の頻度やバランスについては好みもありますが、全く改行されていない文章や改行の多すぎる文章はやはり読みにくいものです。(詩や歌詞など特別な意図がある場合を除く)適切な改行のコツは文章を音読することです。声に出して読むと、どこに「間」を入れると聞きやすいかが分かります。そこに改行を入れましょう。文字のスタイルを多用している強調したい箇所に文字の装飾をするのは効果的な手法ですが、やりすぎはいけません。多様なスタイルが混在していると、結局どこを強調したいのかが分からなくなります。文字のスタイル変更は、最も強調したい部分だけに留めたほうが効果的です。文章の掲載方法は、人に何かを話すときのことをイメージするとうまくいきます。文字数については、長々と話す人の話が分かりにくいのに似ていますし、改行は息継ぎ、文字のスタイルは声色などに例えられるでしょうか。どちらも適度な方が聞き取りやすいことが分かります。デザインはコミュニケーションの手段です。コミュニケーションにおいてもっとも重要な「言葉」をデザインすることは、適切なコミュニケーションには欠かせません。読み手の気持ちになって掲載方法を工夫してみてください。次回は、デザインの原則を応用したテクニックについて解説します。2014年までインドネシア・バリ島で活動し、世界各国のクリエイターと交流。Webサイトの制作だけでなく、各種WebサービスのテンプレートデザインやUI設計、セミナー登壇、コラムへの寄稿など精力的に活動中。"かっこいいを簡単に"をモットーに、海外のWebデザインを日本向けにローカライズした新しいデザインを提案している。人気講師が教える本格Webサイトの書き方』など。(著)「4つのレイアウトパターン」と「レスポンシブデザイン」を実際に手を動かして作りながらサイト制作のきほんが学べます!ライブ感のあるチュートリアル学習により、まるでWebデザイン会社でOJT(オン・ザ・ジョブ・トレーニング)を受けているような体験型の独習書です。ための経理サポートサイト文具、通信、オフィスのことなら何でもお任せ問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール事務所開設するなら固定電話番号で信頼アップ本コンテンツは、掲載時点の内容となります。「みんなのビジネスオンライン」は「はじめてWEB」にお読み替えいただきますようお願いいたします。Reserved.「はじめてWEB」はKDDIが提供しています。