活用方法
デザイン紹介 - 比較表｜一瞬で選択肢を視覚的に示す
Squad beyondの機能の中でも、特に人気なWidget。ブロックやパーツ単位のデザインパーツで、少しの調整で誰でも同じクオリティでLPを作成できます。今回はどの案件にも使える万能な比較表Widgetを紹介します。
Squad beyondの機能の中でも、特に人気なWidget。ブロックやパーツ単位のデザインパーツで、少しの調整で誰でも同じクオリティでLPを作成できます。今回は信頼感を醸成し支持を強くするランキングWidgetを紹介します。
今回教えてくれたのは
Shihori Nakaide
- BizOps チーム
- Assistant Manager
2021年2月よりSIVAにJoinし、CXチームで活動。ユーザーからのお問い合わせの解決やチームリーダーとしての役割・ユーザーに合わせた機能活用の提案・コミュニティの運営・オフ会の実施などを務めており、大手広告代理店の動向に関する知識を豊富に持っている。
目次
| 01 | ランキングのデザインが人気な理由 |
| 02 | 予め用意されたデザインを使えば、時間短縮に |
| 03 | ランキングのデザイン 14選 |
| 04 | まとめ |
01｜ランキングのデザインが人気な理由
- 信頼感を醸成しやすいデザインだから
「バンドワゴン効果」という心理効果をご存知でしょうか。他人の行動や意見に影響を受けてそれを模倣する現象を指します。ランキングのデザインは、この心理効果を利用しています。多くの人々が項目を高く評価しているならば、それは間違いなく価値があると認識され、自身も手に入れたいという欲求が生まれます。満足度1位・人気1位・オススメ1位などの表記は、「みんなが知っているのに自分だけ知らないなんて...もしかして流行遅れかも」と思わせるような効果が期待できます。
- 目を引くデザインだから
上位や特に注目すべき項目が目立ちます。情報をテキストで伝えると読みづらい場合でも、ランキングのデザインを活用することで、見やすく整理された情報を提供できます。
02｜予め用意されたデザインを使えば、時間短縮に
| 1 | Squad beyondの管理画面にログインし、beyondページを作成 |
| 2 | Widget管理をクリックし、カテゴリーや検索でお好きなWidgetを追加 |
| 3 | テキストを変更したり、色やサイズを調整して完成 |
Squad beyondでは、800種類以上の「Widget」というLP制作パーツを提供しており、これらを組み合わせることで簡単にLPを作成することができます。特に比較表のデザインを再現する際には、従来は専門知識が必要で制作が困難でしたが、今では「Widget」を活用することで、誰でも素早く簡単に制作することができます。LPを効率的に量産し、コンバージョン率の向上を目指しましょう。
▼ 参考記事
03｜ランキングのデザイン 14選
.png)
商品画像が見やすいデザイン
人気商品ランキング（横スクロール）
/ Widget名
商品画像が見やすいデザイン
順位ラベル付きアイコンリスト
/ Widget名
商品画像が見やすいデザイン
タブ切り替えできるスライド (ランキング付)※要Javascript
/ Widget名
ページ遷移の機能付きデザイン
ランキング
/ Widget名
どの商材でも応用できる万能デザイン
ランキング（横3カラム）
/ Widget名
どの商材でも応用できる万能デザイン
比較表（ランキング有）
/ Widget名
転職サイトと相性◎
ランキング3
/ Widget名
どの商材でも応用できる万能デザイン
ヘッダー固定比較表2（3列）
/ Widget名
情報が沢山でも視覚的に整ったデザイン
ランキングを入れた比較表
/ Widget名
情報が沢山でも視覚的に整ったデザイン
商品評価とランキングの表（横スク対応）
/ Widget名
比較記事の大部分が実現する
非常に便利なデザイン
ランキング（数字背景王冠）※要javascript
/ Widget名
縦長のコンテンツでも
上部の固定により読みやすいデザイン
ランキング(スクロールで上部固定)
/ Widget名
エステや脱毛案件と相性 ◎
ランキング（星評価・バナー画像・ボタン）
/ Widget名
アプリインストールと相性 ◎
ランキング（見出し・ボタン付き）
/ Widget名
04｜まとめ
ランキングのデザインは、信頼感を醸成し支持を強くすることができます。ランキングWidgetを活用することで、従来のコーディングに費やしていた時間を短縮できますので、積極的にご利用ください！修正方法を相談したい場合は、https://service.squadbeyond.com/voice/ よりお尋ね下さい。
▼関連記事
- デザイン紹介 - アコーディオン｜情報をコンパクトにまとめる
- デザイン紹介 - スライド・カルーセル｜静止画よりも注目されやすい
- Widgetマスターへの第一歩｜修正相談・新規作成依頼の手順まとめ
- 【ユーザーインタビュー】WordPressの4倍速で記事制作を
Squad beyondのご利用には、アカウント開設が必要です。
お好きな時間を選んで、どんなことでもお気軽にご相談ください。
（商談の設定、お見積もり依頼、サービスの簡単な説明 など）