B2B Webデザイン：LAの主要なUXデザインエージェンシーが変換するUXのデータとプロセスをどのように使用するか

公開: 2020-02-27

B2B web design

B2B購入の決定の67％は、デジタル、特にWebサイトの影響を受けています。

また、ナビゲートが困難な場合、訪問者の37％がWebサイトを離れます。

これはあなたのB2Bビジネスにとって何を意味しますか？

だということだ：

適切に設計されたユーザーエクスペリエンス（UX）により、販売パイプラインで37％多くの訪問者を維持できます
他のデジタルチャネルとともにウェブサイトを最適化すると、リードの67％をコンバージョンに近づけることができます

この記事では、LAの主要なUXデザインエージェンシーであるWANDRの創設者兼CEOであるJinnyOhとB2BWebデザインについて説明します。

私たちは、B2B UXデザインにおけるWANDRの豊富な経験と専門知識を利用して、ベストプラクティス、業界の例、およびツールを特定します。

に飛び込みましょう。

Jinny Oh - Founder of WANDR and B2B web design expert — ジニー・オー、創設者

1. DR：こんにちは、ジニー、B2BWebデザインにおけるWANDRの背景の概要から始めましょう。

Jinny Oh：私は2016年6月にWANDRを開始しました。それ以来、私たちのチームは世界自然保護基金（WWF）を含む多くの著名なクライアントと協力してきました。 Tenable; アメリカ空軍; ダラーシェーブクラブ; IBMワトソン; およびFreewayInsurance（Confie）。

私たちはさまざまな評価プラットフォームで第1位のUXエージェンシーとしてランク付けされており、LAとSFの両方の分野で、デザインラッシュというあなたからトップのUXデザイン会社に選ばれました。 （ありがとう！ ?? ）

2. DR：優れたB2B Webデザインの重要な要素（または品質）は何ですか？

JO：そもそもなぜユーザーがあなたのウェブサイトに立ち寄ったのかということに焦点を当てることは不可欠です。

顧客に語りかける明確なコンテンツはありますか？あなたのウェブサイトのコンテンツは訪問者を引き付け、彼らを引き付け続けていますか？それは彼らに価値を付加しますか？どのように？

これらの質問はあなたの焦点を定義します。それはあなたのB2Bウェブデザインを推進します。

もう1つの重要な、しかし見過ごされがちな機能は、電話番号を明確に把握できることです。ユーザーを営業担当者/カスタマーサービス担当者にすばやく誘導する必要があります。

さらに、「デモのスケジュール」の召喚状（CTA）リンクは、B2BWebデザインに必須です。これにより、Webサイトの訪問者がセールスリードに変わります。

ティーザー動画でこのCTAを楽しくユニークなものにしましょう。このようにして、顧客はデモのスケジュールから何が期待できるかを知ることができます。また、人的要因を追加し、信頼性を確立し、コンバージョンを増やします。ダッシュボードの基本と重要な要素の詳細については、2019年のベストダッシュボードの例に関するブログ投稿をご覧ください。

最後に、透明性は2020年のゲームの名前です。

あなたが彼らの問題を特定し、あなたのソフトウェアが彼らの解決策であることを潜在的な顧客に明確にしてください。価格プランがどのように機能するか、そして製品がどのようにそれらに価値を付加できるかを明確に説明します。

3. DR：プロセスを説明します：B2B UXデザインにどのようにアプローチしますか？

JO：全体として、WANDRでは、B2BUXデザインへの最も重要なアプローチにはデータと強力なチームが関係していると考えています。

私たちのフレームワーク：

クライアントの目標、ビジョン、およびKPIを理解します。 「ビジョンや目標の実装や実行を妨げるリソースはありますか（または不足していますか）」などの質問をします。
研究の時間です！ 私たちは、クライアントの顧客が誰であるかを知りたいのです。次に、競合他社がどのように顧客にサービスを提供しているか、および顧客が競合他社について何を言わなければならないか（ユーザーは競合他社のサービスについて何を好き/嫌いですか？）を理解したいと思います。最後に、ギャップを特定します。
既存の製品を監査します。 ギャップは製品の診断と一致していますか？
生産時間！ 私たちは、実施した調査に基づいて、最適なユーザージャーニーの構築を開始します。情報アーキテクチャを構築してから、忠実度の低いワイヤーフレームを構築します。
ワイヤーフレームを使用したユーザビリティテスト。
最後に、もちろん重要なことですが、アートディレクション/ビジュアルデザインを実装して、テスト済みのワイヤーフレームを忠実度の高いビジュアルデザインにするときが来ました。

4. DR：UX監査について話しましょう：それは何で、なぜそれが重要なのですか？

JO：ああ、有名な質問です！

UXは、トップラインとボトムラインの両方に直接関連付けられています。

UXは、財務上のROIと組織の全体的な成功に直接関係しているため、これをすべての意思決定の会話の最前線に持ち込むことが重要です。実際、統計によると、デザイン主導の企業は10年間でS＆Pを228％上回っています。

UX監査、またはユーザビリティ監査は、製品リーダー/製品マネージャーが製品全体のパフォーマンスを向上させることができる領域を特定するための方法です。

UX監査では、摩擦が発生している可能性のある場所とその理由を特定します。

独自のUX監査を実施する方法のガイドについては、Webサイトのホームページの下部にある無料の電子書籍をダウンロードしてください。

それはあなたの車の定期的なメンテナンスチェックまたはあなたの毎年の身体検査と考えてください-それはあなたの製品をチェックし続ける方法です。

UX監査がどのように売り上げを伸ばすかにもっと興味があるなら、私はこれについてブログ投稿を書きました。ここでチェックできます。

当社の専門知識に基づいて、四半期ごとにUX監査を実施することで、製品チームは顧客にとって最適なユーザーエクスペリエンスの作成に集中できます。

一流のUXデザインの専門家をお探しですか？

ここでそれらを見つけてください！

5. DR：B2B Webデザインに関する一般的な誤解は何ですか？

JO：私がよく耳にする最も一般的な誤解は、B2B WebデザインまたはB2B関連のものは、それが単純で静的であるということです。

WANDRでは、B2BWebデザインが退屈で一般の人々にとって魅力的ではないという誤解を打破することが私たちの使命です。

私たちは、B2Bが消費者向け製品と同じくらい楽しく、セクシーで、使いやすく、理解しやすいものであることを望んでいます。

6. DR：B2B Webデザインのトレンドのうち、行きたいものは何ですか？

JO：うーん、難しい質問です。

AIチャットボットを使用するというB2BWebデザインの傾向は、時間や労力の価値がないと思います。データによると、ユーザーを有料の顧客に変換する際の実際の人間の操作（チャット、電子メール、電話など）ほど効果的に機能しないためです。。

これは、AIチャットボットを非常に効率的にするために時間、エネルギー、その他のリソースを費やしている大規模な組織には当てはまらない可能性があります。

たとえば、Time Warnerには優れたチャットボットがあり、カスタマーサポートへの電話の数を減らすことができます。

しかし、それ以外は、「何を手伝ってもらえますか？」とよく聞かれる他のサイトでは必要ないと思います。 –気が散ってスペースを取りすぎるのは、煩わしいポップアップです。

要約すると、多くの企業や一部のSaaSマーケティングエージェンシーがチャットボットの開発に費やした時間、労力、およびお金は、顧客に与える価値に見合わないと思います。さらに、長期的にはSaaSのお金を稼いだり節約したりすることにはなりません。

7. DR：トレンドと言えば、クライアントのWebサイトが長期的に関連性を維持できるようにするにはどうすればよいですか。そして、UXとUIデザインの長期的な構成要素は何ですか？企業はどのくらいの頻度でWebデザインを更新する必要がありますか？

頻繁ではないにしても、年に1回、クライアントにUX監査を行うことを常にお勧めします（四半期ごとに監査されるクライアントが最良の結果をもたらします）。

ドロップオフや顧客の苦情につながる問題を特定して修正するだけでなく、現在の傾向についてクライアントのWebデザインを監査します。

これにより、クライアントは顧客を維持し、競合他社に先んじることに積極的に取り組むことができます。

8. DR：あなたの本の中でB2B UXデザインの最良の例をいくつか挙げてください。何が彼らを素晴らしいものにしているのですか？

2019年のベスト10UXウェブサイトとベスト10SaaSウェブサイトの2つの最新のブログ投稿をチェックしてください。以下は私のブログから取った3つの例です。

1. Tenable

（私たち自身の1つ）
ここで強調したいのは、ダッシュボードのUXとデータの視覚化です。

彼らのデータ視覚化のために私たちが行った生産とテストの量は非常に広範囲です。

同じダッシュボードに対して複数のテーマを作成しました（たとえば、夜遅くまで作業したいユーザー向けのダークバージョンや、より優れたアクセシビリティを必要とするユーザー向けのハイコントラストテーマ）。

データの視覚化のために私たちが行った膨大な量の処理のおかげで、それは最高のいくつかです。

2.ゾーイファイナンシャル

（私たち自身の1つ）
これは本当にデータ駆動型の設計でした。

私たちは彼らのウェブサイトやユーザーのオンボーディングで彼らの製品責任者と非常に緊密に協力し、私たちが設計したすべてのものが追跡され分析されていることを確認しました。

私たちが通常実施するユーザビリティテストに加えて、ユーザーエクスペリエンスを設計する方法を導く広範なデータポイントがありました。

3.AirTable

これらの人は素晴らしいです！

彼らは、新しいユーザーをオンボーディングし、現在のユーザーがツールを利用するためのより多くの方法を発見し続ける方法を本当に知っています。

ほとんどのアプリケーションでは、ユーザーが圧倒されたり、迷子になったり、どこから始めればよいかわからないことが多いため、ユーザーがサインアップした直後に解約率が最も高くなりますが、これらの人はギャップを埋めました。

9. DR：業界をリードするWebデザインを作成するためにWANDRはどのツールを使用しますか？

JO：

Figma： SketchがMicrosoft Wordのようなものである場合、FigmaはGoogle Docs for DesignSoftwareのようなものです。リアルタイムでWebベースなので、製品チームの全員が同じファイルを同時に編集できます。バージョン管理にも最適です。
Airtable：この気の利いたツールは組織にとって素晴らしいものです。直面しているプロジェクトやタスクに基づいて、サイズに関係なく、整理する方法をカスタマイズできます（これは、自分で確認せずに説明するのは難しいですが、これがプロジェクトマネージャーに最適なツールであることがわかりました、組織愛好家、そしてその間のすべての人）。
ズーム：明確で信頼性の高いビデオ会議通話と録音のためにこれが大好きです。
Loom：フィードバックやチュートリアル/指示のために画面を記録するための驚くべき簡単なツール。チームの新しいメンバーのオンボーディングとトレーニング、またはチームの誰かが参加できなかったグループ会議の記録に最適です。

一流のウェブ開発会社をお探しですか？