- ブログ筆者について -

Webデザイナー

Webデザイナー"Ringo"

美容サロンと働くWebデザイナー"Ringo"。

Webデザインを初めて約8年、美容サロンと一緒に働くようになって約4年。

偶然携わった美容業界のアナログさに驚き、この状態は良くない・変えていきたいと感じたことをきっかけに、2015年から美容サロン向けのWeb屋「Re:birth Design」を開始。

”Ringo”というブログハンドルネームは、Apple製品を同僚に薦めまくる事から。

Apple製品、特にMacが好き。Apple製品で業務を快適にすることを常に考えている。

ただ最近、WindowsやSurfaceに惹かれつつあったり…。

執筆・製作のご依頼を承っております。お問い合わせページ・SNS・メールにて、「ブログみた」とお声がけ下さい。

詳細プロフィールを見る

Ringoに仕事を依頼・相談する


Post Title

ブログのレイアウト、どれがベスト?僕は1カラムに興味があります。

  • スポンサーリンク

Webデザイナー”Ringo”毎日ちょっとずつブログのレイアウトが変わってます。

Webデザイナー”Ringo”おはようございます。
美容サロンと一緒に働くWebデザイナー、Re:birth DesignのRingo(@rebirth_design)です!毎朝8時に、このブログをアップしています。

ここしばらくの間、このブログのテンプレートを少しずつカスタマイズしています。

より記事を見てもらいやすくするには?より自分を知ってもらうには?と考えて試行錯誤中です。

このオリジナルテンプレートを作成し、初めて公開してから約2ヶ月が経っていますが、ベストな形に届いてはいません。

例えば、ブログのカラム数ひとつとっても悩むところ。

カラムというのは、ページが構成されている「メインコンテンツ」や「サイドバー」が横並びになってる枠のこと。その枠の数をカラム数って呼びます。

少し前までメインコンテンツの右にサイドバーを配置した「2カラム」。今はメインコンテンツの両サイドにサイドバーを配置した「3カラム」です。(いま基本3カラムですが、ブラウザのウィンドウサイズで2カラムに変わります。)

Before:「2カラム」構成のブログ

After:「3カラム」構成のブログ

上の2枚の画像を比べると、カラム数の違いで、ページの見やすさや表示される情報量は大きく変わることが感じたんじゃないかと思います。(え?他の部分のデザインも違うだろうって…?)

ユーザーが使いやすいと感じるかどうかにおいてとても重要です。

ブログのカラム数はいくつがベスト?

カラム数ごとに、それぞれに良いところがあるし、使うのに適したサイトがあります。

僕はブログは2カラム以上のほうが、記事と一緒にサイト内の情報を表示できるので良いんじゃないかと考えています。

ただ、シンプルな「1カラム」っていう選択肢も気になっています。

コンテンツに集中してもらえるシンプルな構造「1カラム」

「1カラム」はメインコンテンツだけのシンプルな構造なので、ユーザーが内容に集中しやすいのがメリット。

だから、商品やサービスを紹介して、購入や予約・問い合わせをしてもらうことが目的のサイトでよく使われていますよね。

僕は、美容サロンのHPでよく使っています。

僕は最近、美容サロンのHPで1カラムを採用することが多いです。

お店のコンセプトやこだわりが、しっかりと伝わった上で来店されるお客様が、増えてほしいと考えているからです。単に価格だけに目を向けられるのはもったいない。

あと美容業に限らず、スマホでの表示はほとんどのサイトが「1カラム」です。今はスマホユーザー主流で考えないといけない場合も多いので、「1カラム」はこれからも定番でしょうね。

Salon//マツエク・ネイルサロン「Laxia by BeautyFreak」のサロン情報。
埼玉県川越・坂戸でマツエク・ネイルするならビューティーフリーク!今30〜40代の主婦や働く女性に人気の美容サロン。

けどブログだと「1カラム」は…

サイトでは効果的な「1カラム」ですが、ブログで使うにはハードルが高いかなーと思っています。

記事を集中して読んでもらえるということには長けているんですが、コンテンツの上下にメニューやバナーなどを配置するので、他ページのリンクやバナーを見ずに、離脱してしまう可能性が上がってしまうんじゃないかと気になっているところです。

けどまぁ、さっきも言ったとおり、スマホユーザーは常に「1カラム」で見てるし、あんまり関係ないのかな?

要は面白いコンテンツを書けていれば全部見られるはずだし…?

といっても、メインコンテンツだけで惹きつけられるほどスキルを身につけられるのかという問題も…。だから僕は今ブログで「1カラム」は使っていません。

ただ、そのページの情報を求めてきたユーザーにとってはシンプルに記事が読めたほうがいいのかなー?

難しいところですね。

ただ、目的や意図をはっきりさせてレイアウトは考えてた方がいいことに間違いはありません。

単純にページの見た目で決めるのではなく。

まとめ

Webデザイナー”Ringo”今回は「ブログのレイアウト、どれがベスト?僕は1カラムに興味があります。」って話でした。

サイトやブログのレイアウトを決めるときは、自分の届けたい情報とユーザーの行動を考えてみましょう。

僕は検索から入ってきたユーザーに、他の記事を合わせて読んでもらうこととRe:birthDesignとRingoについて知ってもらいたいからサイドバーを入れ、より多くの情報がページを開いた瞬間で伝わるように「3カラム」にしています。

ごちゃっとしてしまいますすが、まずは知ってもらうこと・多く見てもらうことを目的にしているからこれで良いんです。

もっと記事だけで勝負できるようになったら、「1カラム」もやってみたいですけどね!

ということでまた明日も朝8時に記事を更新しますので、ブックマーク&チェックお願いしますね!あと、このページをSNSでシェアするのも是非お願いします。ではまた明日。

Ringoから記事を読んでくれたアナタに

ホームページ・ブログでお困りではありませんか?

HPやブログで困っていませんか?

Re:birth Designでは、ブログ・HPの相談を1時間2,000円で承っています。

また、初回お試し相談は1時間500円のワンコインで承ります。(メールやチャットで行います)

美容室やサロンのブログやHPでわからないことがあれば、Ringoに「記事ってどうかかけばいいの?」とか「画像ってどう加工するの?」など相談してください。

他にも「ブログ・HPで集客するにはどうすればいいの?」・「私のお店にもホームページは必要?」といったお悩みもお受けしております。

美容サロンと働くWebdデザイナー”Ringo”に、アナタの”お悩み”をお聞かせ下さい!

下のリンクから、お問い合わせページにアクセスして、ページ内のフォームからお問い合わせ下さい。

各SNSからでもお問わせOKですので、まずは「ブログ見た」とお気軽にお声がけ下さい!

今スグ、Ringoに問い合わせをする

この記事が面白い・役に立ったと思ったら、今すぐSNSでシェアしよう!

- ブログ筆者について -

Webデザイナー

Webデザイナー"Ringo"

美容サロンと働くWebデザイナー"Ringo"。

Webデザインを初めて約8年、美容サロンと一緒に働くようになって約4年。

偶然携わった美容業界のアナログさに驚き、この状態は良くない・変えていきたいと感じたことをきっかけに、2015年から美容サロン向けのWeb屋「Re:birth Design」を開始。

”Ringo”というブログハンドルネームは、Apple製品を同僚に薦めまくる事から。

Apple製品、特にMacが好き。Apple製品で業務を快適にすることを常に考えている。

ただ最近、WindowsやSurfaceに惹かれつつあったり…。

執筆・製作のご依頼を承っております。お問い合わせページ・SNS・メールにて、「ブログみた」とお声がけ下さい。

詳細プロフィールを見る

Ringoに仕事を依頼・相談する

  • スポンサーリンク

  • あなたにオススメの記事

  • スポンサーリンク

- ブログ筆者について -

Webデザイナー

Webデザイナー"Ringo"

美容サロンと働くWebデザイナー"Ringo"。

Webデザインを初めて約8年、美容サロンと一緒に働くようになって約4年。

偶然携わった美容業界のアナログさに驚き、この状態は良くない・変えていきたいと感じたことをきっかけに、2015年から美容サロン向けのWeb屋「Re:birth Design」を開始。

”Ringo”というブログハンドルネームは、Apple製品を同僚に薦めまくる事から。

Apple製品、特にMacが好き。Apple製品で業務を快適にすることを常に考えている。

ただ最近、WindowsやSurfaceに惹かれつつあったり…。

執筆・製作のご依頼を承っております。お問い合わせページ・SNS・メールにて、「ブログみた」とお声がけ下さい。

詳細プロフィールを見る

Ringoに仕事を依頼・相談する

ブログ全体の新着記事

No Image

ライフ(日常/生活)

あんなに好きで使っていたKindleなのに、最近使わなくなった理…

No Image

ビジネス・ワークスタイル

【脱PC】丸一日、iPad Proだけで仕事をしてみた。

No Image

Mac(Mac OS/OS X)

Macの動作が重たく、アプリも落ちる…原因はストレージの容量不足…

ビジネス・ワークスタイル

自分の肩書きって何だろう?僕は本当に”Webデザイナー”?

美容室・美容サロン向け

ブログは成果が出始めるまでに、時間がかかることを頭に入れて気長に…

美容室・美容サロン向け

【2017年秋冬】美容サロンに置いていても、お洒落に見えるノート…

ブログ運営・活用の新着記事

No Image

ブログ運営・活用

ブログで取扱う話題が、雑多になるのは良いこと?悪いこと?

No Image

ブログ運営・活用

ブログに求められるものは、知識や情報よりもアナタ自身の体験?

No Image

ブログ運営・活用

【ブログ初心者のアナタへ】あなたのブログ・HPのお悩み、ワンコイ…

No Image

ブログ運営・活用

ブログ記事の「見出し」正しく付けられている?見出しを付ける順番が…

No Image

ブログ運営・活用

ブログ毎日更新してるけど、心が折れそう!だから毎日更新しないデメ…

No Image

ブログ運営・活用

400記事以上書いた中で一番読まれる記事。なぜ読まれるのか?

ブログ全体の人気記事

iPhone/iPad(iOS)

【追記有】Apple PencilとiPad Proの接続が出来…

Mac(Mac OS/OS X)

【検証】MacBookをクラムシェルで使うと、本当にバッテリー劣…

Apple関連

[追記あり]Apple WatchでInstagramのアプリが…

Apple関連

Apple Pencilが故障。壊れたら交換には出さずに新品を買…

Mac(Mac OS/OS X)

MacBookProのディスプレイの掃除はこれ!Mac同梱『クリ…

Apple関連

[解決]AppleWatchのInstagramでFeed・Ac…