ピコシムのブログ

読者です 読者をやめる 読者になる 読者になる

ピコシムのブログ

社会の出来事を「なぜ?だから何なの?」の視点で探ります

6割いるスマホ読者の皆さんごめんなさい

ブログの作り方 はてな

f:id:picsim:20160609230841j:plain

 

こんにちはピコシムです。

先日71記事目になって、重大な事に気が付きました!

 

ピコシムのブログのスマホの標準デザインが、見辛すぎてイライラする! 

 

はてなブログは、PCサイトのデザインよりも、モバイルサイトの読みやすいデザインが超重要!

 

なぜなら・・・

読者の65%はスマホからの閲覧

調べてみたら、読者の方の65%のシェアで圧倒的にモバイルユーザー!

電車の中でふと周囲を見回すと、一両で30人以上はスマホを使っていました。

 

私を含めノートPCで作業をしているのは2人。PSPで遊んでいる人は1人だけ。

 

通勤通学でノートPCを開いて、ブログを見ている人なんていないじゃん!

仕事の昼休みにノートパソコン開いて、ネットする人なんていないじゃん!

 

私は毎日ノートPCでブログを書いています。

記事の確認やデザインの確認は、ノートPCの解像度だけでしかやっていませんでした。

  

はてブのモバイルの標準テンプレートが見づらい

問題点

  • 標準でメニュー表示がない
  • googleから来た人は何のサイトか分からない
  • 文章が長いと改行がなく読みにくい
  • 図表の文字が小さ過ぎ
  • 読み込みが遅すぎ

はてなproを使っているのですが、特にFreeのデザインと変わりません。

これは盲点でした。

 

改善ポイント

  • モバイルサイトにメニューを設置(暫定デザイン)
  • メニューにプロフィール設置
  • 文章をモバイルの画面サイズに合わせて改行する(適宜)

今後の改善点

  • モバイルサイトに押しやすいメニューを設置
  • メニューにプロフィール設置
  • よく読まれている記事の設置
  • 文章をモバイルの画面サイズに合わせて改行する
  • 図表は今後モバイルサイトの解像度に合わせて作成する
  • 読み込みが遅くなるスクリプトをなるべく使わない

標準のデザインをどうにかしたいっ!

下記のサイトを参考にしてつくります!

www.yukihy.com

 

enter101.hatenablog.com

随時追記していく予定です。

 

id:picsim

最後までお読み頂きありがとうございます!

次回もお楽しみに!