やわらかテック

興味のあること。業務を通して得られた発見。個人的に試してみたことをアウトプットしています🍵

ブログのデザインを一新しました

すでにお気づきの方もいるかもしれませんが、ブログのデザインを一新しました。
元々はEpicというテーマを使っていたのですが、悩みに悩んだ結果、新しくkewpiedesignさんが公開されているgrayにテーマを変更しました。 今回、テーマを変更するにあたってシンプルな 1 カラムのテーマに対象に絞りました。

従来のデザインはさまざまなコンテンツが左右・ページの下部に配置されており、ユーザーに対して、さまざまな行動を期待していました。自分としてはブログ内の動線を増やした方がPV数・ページ回遊性が向上するため嬉しいのですが、結果的にコンテンツがごちゃごちゃしていて、読むことに集中できないのではないか..と疑問に感じました。
「自分の書いた記事を読んでほしい」という気持ちとは裏腹に、読みにくい場を作っている自分の選択に矛盾を感じました。

読むことに集中できる場をつくりたい

有名なラーメンチェーン店の一蘭が採用している味集中カウンターをご存知でしょうか。

あまり一蘭には行ったことがないのですが味集中カウンターの存在については認知しており、代表の吉冨さんがラーメンに向き合ってもらえる場を提供したいという思いから生まれたものだそうです。

「一杯のラーメンのみと向き合い、周りを一切気にせず召し上がっていただける環境」を考案し、
生まれたのが一蘭おなじみの味集中カウンター。

ichiran.com

自分が必要としているのは、まさにこれだなと思いました。
先ほども書いたように「自分の記事を見に来てくれた」ユーザーに対して読みやすい記事、つまりは「読むことに集中できる場」を提供したいからです。 善は急げということで、あれこれ試行錯誤しながら現在なシンプルなデザインに落ち着いたという訳です。

変更点について

テーマ以外にも変更した箇所がいくつかあるので、簡単に紹介しておきます。
気になる方がいれば、参考になれば嬉しいです。

  • サイドバーを廃止
  • 筆者の情報をヘッダー下の「運営者について」に移動
  • カテゴリーの一覧をリストから横並び表示に変更
  • コードブロックをVScode風に変更。オレンジ色のハイライトを廃止
  • ソーシャルボタンを横並びに変更して、読者になるボタンを追加
  • Google広告をページ内の 1 つのみに変更(本当は消したいですが、運営費のため...)
  • テキストの大きさ・行間の調整

www.okb-shelf.work

心機一転したブロフで記事を書いていくのが楽しみです。
読みにくい・使いにくい点などあれば、お気軽にコメントしてください。
少しでも「ええな〜」と思ったらはてなスター・はてなブックマーク・シェアを頂けると励みになります。