正月早々、スマホを機種変更した。もう何年使ったか分からないぐらい 長い付き合いだったAndroid機からiPhoneに買い替えた。技術の進化による機能性ギャップと、AndroidとAppleというOSギャップにより、新しいスマホ環境に慣れるのに苦しくも楽しい時間を過ごしている毎日である。
画像:Apple公式サイトより
私はブログとは別にエアライフルのサイトを公開しているが、ブログもサイトもパソコンで制作しており、最近までレイアウト確認もパソコン画面上で行っていた。毎月Googleから届く検索パフォーマンスレポートによると、閲覧に利用されているデバイスが「パソコン1:モバイル3」となっていて、かなりの方がスマホで訪問していただいている。遅まきながら1~2年ほど前からスマホでの見やすさを意識するようになり、自分のスマホでも見栄えを確認するようになったが、このたび新しいスマホで見ると、まだまだ見にくいことが分かった。
↓下の画像は私のサイト『~やってみようエアライフル~ エアライフル射撃の始めかた!』からスクショしたものだが、最初の2枚がPC(パソコン)版、あとの2枚がスマホ版の画面だ。
PCもスマホも上から下方向へスクロールするという流れは同じだが、PC版のほうが幅が広いぶん、新聞に似たレイアウト性がある。なので、このサイトにどのようなコンテンツがどこに存在しているか、一覧的に分かりやすい。したがって、ホームのオープニングもだらだら書いてもなんとかなる。
↓PC版はカラムを利用して、上下左右に段組みが可能なので、それを利用して見やすくできるが、これがスマホ版だと分かりにくくなる。
↓上で紹介したPC版の画面あたりをスマホで閲覧してみよう。PC版では潔いページ(?)もスマホの小さな画面で見ると意味不明で、面倒くさいページにしか映らない。
↓PC版で分かりやすいと思って作った段組みも、スマホだとひとつずつしか表示されないので、読みたい情報がどこにあるのか、そもそもどんな情報が掲載されているのか一覧的に見えないので、最後まで読んでもらえないかもしれない。
タブレットで見に来てくれているのは全体の5%ほどで、私が所有しているiPadで見るとPC版と同じ見え方をしている。となると、大多数の訪問者であるスマホユーザーをもっと大切にしなければならないと、ようやく気付き始めた。
いままで読みにくいサイトを訪問していただいた皆さま、今後をご期待ください。