- ブログ筆者について -

Webデザイナー

Webデザイナー"Ringo"

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

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

偶然携わった美容業界のアナログさに驚き、この状態は良くない・変えていきたいと感じる。

それをきっかけに、2015年から美容サロン向けのWeb屋「Re:birth Design」を開始。

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

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

執筆・製作のご依頼を承っております。お問い合わせページ・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でシェアするのも是非お願いします。ではまた明日。

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

- ブログ筆者について -

Webデザイナー

Webデザイナー"Ringo"

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

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

偶然携わった美容業界のアナログさに驚き、この状態は良くない・変えていきたいと感じる。

それをきっかけに、2015年から美容サロン向けのWeb屋「Re:birth Design」を開始。

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

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

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

詳細プロフィールを見る

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

  • スポンサーリンク

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

  • スポンサーリンク

- ブログ筆者について -

Webデザイナー

Webデザイナー"Ringo"

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

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

偶然携わった美容業界のアナログさに驚き、この状態は良くない・変えていきたいと感じる。

それをきっかけに、2015年から美容サロン向けのWeb屋「Re:birth Design」を開始。

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

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

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

詳細プロフィールを見る

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

ブログ全体の新着記事

レビュー(商品/サービス)

AirPodsも良いけど、やっぱヘッドフォンも!僕が1年以上愛用…

Apple関連

AirPodsで曲送りや音量調整する方法は、Apple Watc…

ライフ(日常/生活)

本を聴く「Audible」を解約。Audibleの解約方法を画像…

ブログ運営・活用

最近アクセスされる頻度が増えてきて、書き直した過去の記事達を紹介…

Apple関連

あれ?iTunesの残高が減ってる。けど身に覚えがない。なんと原…

ブログ運営・活用

Googleアドセンスの広告、自分でクリックすれば簡単に稼げるじ…

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

ブログ運営・活用

最近アクセスされる頻度が増えてきて、書き直した過去の記事達を紹介…

ブログ運営・活用

Googleアドセンスの広告、自分でクリックすれば簡単に稼げるじ…

ブログ運営・活用

過去に上げた記事が読まれるのは嬉しいけど、同時に申し訳無さも感じ…

ブログ運営・活用

半年間ブログを毎日更新しているけど、本当に毎日更新する必要ある?

ブログ運営・活用

ブログ記事のネタってどうやって考える?僕が毎日する5つの事。

ブログ運営・活用

情報発信は誰がしてもいい。教える側となる自分のレベルを気にしちゃ…

ブログ全体の人気記事

PC・ガジェット

買うなら今!Amazonの電子書籍リーダーKindleが期間限定…

iPhone/iPad(iOS)

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

Mac(Mac OS/OS X)

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

レビュー(商品/サービス)

「NURO光」にして約1年、満足点・不満点は?仕事と遊びの両方で…

Mac(Mac OS/OS X)

2017年新型MacBook(12インチ)は一気に魅力的なマシン…

Mac(Mac OS/OS X)

毎日クラムシェルで使ってるMacBookPro。1年半を超えた今…