目次
BtoBサイトはPCファースト!
現在、WEB閲覧のデバイス解析では7割がSP(スマホ)といわれていますが、BtoBサイトの閲覧解析では平日の限られた時間によく見られていることから仕事中にオフィスで発注するために閲覧してるといえます。
PCファーストを意識してサイトをデザインした方がよさそうです。
PCファーストでUI設計する場合、広い画面を活かした誘導が重要とゆうことです。スマホのように単純にコンテンツを並べスクロールさせて表示させるより、グローバルナビゲーション、あるいはブレッドクラムナビゲーション(パンくずリスト)などを有効に活用し、できれば画面を動かさなくとも次の動作ができることが理想といえます。
BtoBのUIデザインのポイント
BtoBサイトのUIデザインする上で以下の2つが最も重要になります。
①最短ルートで目的達成(コンバージョン)に誘導する
②ユーザーが求める情報を速やかに提示し、適切に誘導する
WEBデザインの基本構成ポイント
今回、私はBtoBのECサイトですから下記は頭の片隅においておきますが、その他、BtoBサイトデザインをする上で気をつける点をあげてみます。
- サービスや製品、企業の特徴が1ページで分かるようになっている
- コンテンツ内容では、問題提起→結果→実証→信頼→安心というストーリーで構成されている
- 見出しと本文の内容に相違がないようにする
- 見出しはユーザーメリット視点で興味が出る言葉を端的に書く
- 見出しは20字程度にまとめる
- 本文は100~200字程度の簡潔な文章とし、余計な抽象的な言葉を使わない
- 図などを適度に配置し、見出しと一緒に流し読みでも理解できるようにする
- アニメーションなどの余計な演出をつけない
- デザイン性を優先し意味を持たない飾りや写真に面積を使わない
- 「なぜそれが大事なのか」「なぜそれが求められるのか」といった理解してもらうためのコンテンツは端折らず丁寧に誰もが分かるように説明する
- ページ下部にCTA(Call to Action)を置き1ページで行動できる設計にする
- 下部まで行かずしてもCTAを設置する
- CTAを押さなかったユーザーも取りこぼさないよう、資料請求や、ブログコンテンツなどを提示してサイト内の回遊を促し、企業への理解を深めさせる
おどろくことに上記は、LPデザインで学んだことと重複してるポイントが多いです(LPについてはまた別の投稿で)。
上記のポイントはWEBデザイナー基本として身につけるべき要項といえます。
続きはまた次回に…
<新米 WEBデザイナー アピコ>
システム開発はアピステクノロジーへ
アピステクノロジーでは、システム開発をはじめ、システムパッケージの販売にも力を入れています。
「IT TOOL」をご存じですか?
既に標準の機能が実装されているシステムパッケージを、貴社用にデザインカスタマイズし提供します。
さらに、IT導入補助金の利用で価格を大きく抑えることも可能です。
ITツール紹介ページはこちら
apicetec technology
アピステクノロジー公式サイト


横浜|WEB制作はアピステクノロジーへ - アピステクノロジー公式サイト
横浜|WEB制作はアピステクノロジーへ!中小企業を支援する認定IT導入支援事業者です。安価でカンタン導入可能なITツールもおすすめ。
- AIに対してのプロンプト
- AI活用
- Bluetoothコーデック基礎
- Canva
- Chrome ブラウザー
- Dropbox
- ECサイト
- GAS・JavaScript
- GAS等仕様書・設定・操作手順
- HTML・CSS
- IT TOOL一覧
- IT導入補助金
- LDAC-Bluetooth
- mini:GAS仕様 設定手順等
- OBS-Studio
- PC・スマホ便利技
- PC関連
- SEO・ブログ運営
- Shopify
- SKU・JAN・商品コード
- STEPmini
- WEB制作・開発
- Windows
- WordPress
- ZOOM
- アクセス解析
- アピスmini・IT-Tool
- アピス在庫管理
- イヤホン
- エクセル・ワード
- お知らせ
- スポーツ・アウトドア用品
- セキュリティ
- セルフオーダーシステム
- どこの国・ブランド
- ネットで販売
- バーコード
- ビジネス支援ツール
- ブログ
- ブログ収益化
- ブログ運営
- プロンプト
- レッスン施術サービス
- 会議室予約
- 充電器・バッテリー
- 動画
- 受発注管理
- 問い合わせmini
- 回線・インターネット
- 在庫管理
- 学習・挑戦記
- 家事代行予約
- 家電ガジェット
- 技術MEMO
- 接続&音質トラブル
- 政治・経済
- 時事・経済・グローバル
- 未分類
- 業務効率化
- 生産性アップ・便利
- 画像生成
- 画像生成AI
- 端末別設定
- 美容院予約
- 見積
- 見積管理
- 請求管理
- 電気自動車(EV)





コメント