読書デバイスによる表示サイズに対する考慮
小説の表示の体裁を考える際の、重要な考慮点の一つとして『小説を読むデバイスの種類』があります。
Webデザイナーとしての基本事項なので、小説の表示という観点で考えてみました。
拙作のアクセス解析によると、PCとスマホの割合は、なろうで6対4、カクヨムだと、4対6。なぜか、なろうとカクヨムで逆転するという……。理由はわかりません。
ということで、半分半分だと思って差し支えないかと。
ソースは、拙作に対するアクセス解析です。なろうは標準のアクセス解析。カクヨムはGoogle Analyticsです。
さて、サイトで小説を開いたときの、横の文字数を考えました。
スマホで、iPhoneの場合、横幅は19~24文字、Plusの場合で、21~28文字。PCのブラウザの場合30~43文字。
なお、iPad等のタブレットだと、PCのブラウザと同等です。
範囲があるのは、使用者が選んだフォントサイズの設定で変化するからです。
さて、パソコン画面上で執筆している場合、通常の、例えばA4用紙の設定で書き始めると、横48文字ほどあります。
そして、そのままの設定で文章を書いた場合、見た目1行いっぱいの文でも、スマホでは2行になります。元が2行だと、4~5行になってしまいます。
なお、PCのブラウザでは、ほぼ見た目どおりでしょうか。
この
(その文字数は、前エピソードで述べたような小説の種類とメインターゲットの想定読者とその予想されるデバイス、で決めるといいんじゃないでしょうか?)
そうすると、編集中でも、PCで見た場合とスマホで見た場合の両方の見え方が意識できると思うので、適度に改行や空行を入れる癖が付くのではないでしょうか?
このエッセイは、試しに、この方法で書いています。
新規登録で充実の読書を
- マイページ
- 読書の状況から作品を自動で分類して簡単に管理できる
- 小説の未読話数がひと目でわかり前回の続きから読める
- フォローしたユーザーの活動を追える
- 通知
- 小説の更新や作者の新作の情報を受け取れる
- 閲覧履歴
- 以前読んだ小説が一覧で見つけやすい
アカウントをお持ちの方はログイン
ビューワー設定
文字サイズ
背景色
フォント
組み方向
機能をオンにすると、画面の下部をタップする度に自動的にスクロールして読み進められます。
応援すると応援コメントも書けます