1行の文字数について考える。

こんにちは、セルフリーでデザインを担当している畠です。
最近、弊社のブラウザ電話システム「CallConnect」の管理画面のレイアウト(横幅)を変更しました。なぜデザインを変えたのかをご紹介します。

まず、こちらがリニューアル前のデザインです。(コンテンツの横幅上限なし)

そして、リニューアル後のデザインが下になります。(コンテンツの横幅上限を1220pxに)

どちらが見やすいでしょうか？
意見は様々あると思いますが、私達は下のデザイン(コンテンツの横幅の上限を設ける。)に変更しました。
上記の画面は通話履歴を表示する画面ですが、一番右に通話のメモを入力する欄があります。 今回は、上限幅を設けることでメモをより見やすくしようと考えました。

人には1行で読みやすい文字量がある。

以前のメモ欄では、画面サイズが大きくなれば、メモ欄も広がり、1行の文字数も増えていきます。
しかしながら、人には1度に読める文字数に限りがあります。そのため、文字数が一定以上になると、メモを見るために首を横に振りながら、下の行に移っていくことになります。

【変更前】

【変更後】

文字にこだわっているサービスは？

実際に文字にこだわっているサービスの1行の文字量は、どのくらいでしょうか。(今回はWEBサービス)

twitter 36字

note 35字

medium (日本語版) 33字

見てわかるように、35前後の文字数が多いようです。

結局どのくらいの文字数が良いの？

よく言われているのは、1行の文字数は35字が読みやすいということです。
モニタの解像度によっても様々ですが、ほとんどの環境で60字を超えると読みづらくなってしまうでしょう。
twitter や note は、“文字”を最も重要なコンテンツとして認識しているため、そのようなレイアウトにしていると考えられます。

毎日使う画面だからこそ

CallConnectにおいても通話履歴のページはログイン後のデフォルトのページです。通常の業務でも頻繁に使われ、オペレーターが毎日見るページになります。
ページ中のメモは自分以外のオペレーターが通話後に残すもので、他のオペレーターやマネージャーも確認します。 また、毎日使う画面であるからこそ、少しでも使いやすくすることはサービスの改善にとって非常に重要だと考えています。

現在ブログやサービスを運営している方は、ユーザーが読みやすいものを提供したいと考えているのであれば、一度1行の文字数の調整を考えてみてはいかがでしょうか？
CSSで比較的簡単に変更できるためオススメです。