新米 WEBデザイナー発信　BtoBサイトデザイン②

BtoBサイトはPCファースト！

現在、WEB閲覧のデバイス解析では7割がSP（スマホ）といわれていますが、BtoBサイトの閲覧解析では平日の限られた時間によく見られていることから仕事中にオフィスで発注するために閲覧してるといえます。

PCファーストを意識してサイトをデザインした方がよさそうです。

PCファーストでUI設計する場合、広い画面を活かした誘導が重要とゆうことです。スマホのように単純にコンテンツを並べスクロールさせて表示させるより、グローバルナビゲーション、あるいはブレッドクラムナビゲーション（パンくずリスト）などを有効に活用し、できれば画面を動かさなくとも次の動作ができることが理想といえます。

BtoBのUIデザインのポイント

BtoBサイトのUIデザインする上で以下の２つが最も重要になります。

①最短ルートで目的達成（コンバージョン）に誘導する

②ユーザーが求める情報を速やかに提示し、適切に誘導する

WEBデザインの基本構成ポイント

今回、私はBtoBのECサイトですから下記は頭の片隅においておきますが、その他、BtoBサイトデザインをする上で気をつける点をあげてみます。

1. サービスや製品、企業の特徴が1ページで分かるようになっている
2. コンテンツ内容では、問題提起→結果→実証→信頼→安心というストーリーで構成されている
3. 見出しと本文の内容に相違がないようにする
4. 見出しはユーザーメリット視点で興味が出る言葉を端的に書く
5. 見出しは20字程度にまとめる
6. 本文は100～200字程度の簡潔な文章とし、余計な抽象的な言葉を使わない
7. 図などを適度に配置し、見出しと一緒に流し読みでも理解できるようにする
8. アニメーションなどの余計な演出をつけない
9. デザイン性を優先し意味を持たない飾りや写真に面積を使わない
10. 「なぜそれが大事なのか」「なぜそれが求められるのか」といった理解してもらうためのコンテンツは端折らず丁寧に誰もが分かるように説明する
11. ページ下部にCTA（Call to Action）を置き1ページで行動できる設計にする
12. 下部まで行かずしてもCTAを設置する
13. CTAを押さなかったユーザーも取りこぼさないよう、資料請求や、ブログコンテンツなどを提示してサイト内の回遊を促し、企業への理解を深めさせる

おどろくことに上記は、LPデザインで学んだことと重複してるポイントが多いです（LPについてはまた別の投稿で）。

上記のポイントはWEBデザイナー基本として身につけるべき要項といえます。

続きはまた次回に…

＜新米 WEBデザイナー アピコ＞

システム開発はアピステクノロジーへ

アピステクノロジーでは、システム開発をはじめ、システムパッケージの販売にも力を入れています。

「IT TOOL」をご存じですか？

既に標準の機能が実装されているシステムパッケージを、貴社用にデザインカスタマイズし提供します。

さらに、IT導入補助金の利用で価格を大きく抑えることも可能です。

ITツール紹介ページはこちら

apicetec technology

アピステクノロジー公式サイト

横浜｜WEB制作はアピステクノロジーへ - アピステクノロジー公式サイト 横浜｜WEB制作はアピステクノロジーへ！中小企業を支援する認定IT導入支援事業者です。安価でカンタン導入可能なITツールもおすすめ。

• ECサイト
• IT導入補助金
• PC関連
• SEO・ブログ改善
• Shopify
• webコーダー挑戦
• Webサービス一覧（IT TOOL）
• Webデザイナー挑戦
• Web制作挑戦
• WordPress
• ZOOM
• アクセス解析
• エクセル・ワード
• エンジニア技術MEMO
• お知らせ
• コーダー技術MEMO
• スマートガジェット
• セキュリティ
• セルフオーダーシステム
• デザインチーム
• どこの国
• トランプ高関税
• ネットで販売
• バーコード
• ハイブリッド車（HV/PHEV）
• ビジネス支援ツール
• ブログ
• ブログ収益化
• ブログ運営
• プロンプト
• マーケティング・分析
• レッスン施術サービス
• 会議室予約
• 回線・インターネット
• 家事代行予約
• 政治・経済
• 未分類
• 業務効率化
• 画像生成AI
• 発注・請求システム
• 社長コラム・視点
• 美容院予約
• 見積
• 見積
• 請求
• 電気自動車（EV）