SNS-004 公開  更新

フォロー導線型 SNS

公式アカウントごとにカードを並べ、アカウント名・何を発信しているか・更新の目安と、フォローするボタンを添える設計です。
アイコンを並べるだけでなく、フォローすると何が届くのかを伝えます。

ワイヤーフレーム(PC)

フォロー導線型 SNS PC版ワイヤーフレーム

ワイヤーフレーム(SP)

フォロー導線型 SNS SP版ワイヤーフレーム

SP版の特徴

  1. カードを縦に1列で並べる:横に並べると、発信している内容の文が細かく折り返して読みにくいためです。
  2. QRコードのボタンを出さない:SPでは、同じ端末でリンクから直接フォローできるためです。

採用前の判断ポイント

向いているケース

  • 空き状況・新作・臨時休業など、サイトに載せていない情報をSNSで出している
  • Instagram・LINE公式アカウント・Xなど、アカウントごとに役割が違う
  • フッターのアイコンだけでは、フォローしてもらえていない

向かないケース

  • アカウントの更新が止まっている(フォローを促さず、フッターのアイコンだけにする)
  • 投稿の写真そのものを見せて、雰囲気を伝えたい(投稿の埋め込み型 SNS)

このワイヤーの特徴

フォローすると何が届くのかを、文で伝える

アカウントごとに、発信している内容と更新の目安を書いています。
アイコンだけでは、フォローする理由が伝わりません。
「空き状況が分かる」など、読み手にとっての利点が分かると、フォローしてもらいやすくなります。

アカウントの役割を、分けて見せる

Instagramは施術の例、LINE公式アカウントは予約の受付、Xは臨時のお知らせ、のように役割を分けて示しています。
読み手は、自分に必要なアカウントだけを選べます。

PCでは、QRコードでスマートフォンへつなぐ

LINE公式アカウントには、QRコードを開くボタンを添えています。
PCで見ている読み手も、手元のスマートフォンで読み取って友だち追加できます。

外部のサービスへ移ることを、ボタンで伝える

フォローするボタンには、新しいタブで開くことを示す印を付けています。

制作時のよくある失敗

アイコンを並べただけで、何が届くか分からない

フッターと同じアイコンを並べるだけでは、フォローする理由が伝わりません。
発信している内容を短い文で添えます。

更新が止まったアカウントへ誘導する

最後の投稿が何か月も前だと、お店や会社の活動まで止まっているように見えます。
更新していないアカウントは、紹介から外します。

スタッフ個人のアカウントと、公式のアカウントが混ざる

どれが公式か分からないと、読み手が迷います。
公式のアカウントだけを並べるか、個人のアカウントは見出しを分けて示します。

更新の目安が、実際と合っていない

「毎日更新」と書いて更新が止まると、かえって信頼を損ねます。
更新の目安は、実際に続けられる頻度で書きます。

よくある質問

フォローの導線は、どのページに置けばよいですか?

お知らせ・アクセス・記事の最後など、SNSの情報とつながりの深いページに置く例が多く見られます。
どのページにも出すアイコンはフッターにまとめ、説明つきのカードは関係するページに絞ると、役割を分けられます。

更新が少ないアカウントも、紹介したほうがよいですか?

更新の目安を正直に書けば紹介できますが、長く止まっている場合は外すことも検討します。
止まったアカウントへの誘導は、活動が止まっている印象につながることがあります。

LINE公式アカウントのQRコードは、どう出し分ければよいですか?

PCでは、手元のスマートフォンで読み取れるようQRコードを表示し、SPでは友だち追加のリンクで直接開けるようにする形が考えられます。

同じパーツのPattern

SNSの型の選び方と一覧を見る

関連ページ

この型をシェアする

チームや制作先に、この型のページを送れます。

この型は役に立ちましたか?

このPatternを書いた人

岡野 優太

株式会社ENVY DESIGN

代表取締役/ディレクター/デザイナー

Web業界歴14年。これまでに500件以上のWeb制作プロジェクトに携わり、企業サイト、採用サイト、ECサイトなど幅広い領域を手がけてきました。情報設計・ディレクション・デザインを中心に、Webサイトの企画から改善まで携わっています。近年はAIO(AI Optimization)・GEO領域に注力し、ChatGPTやPerplexity、Google AI Overviewなど生成AI検索からの引用獲得を支援しています。

レビュー・修正の履歴

  1. 公開 アバター画像岡野 優太 この型を公開