apeescape2.com
  • メイン
  • 仕事の未来
  • 収益性と効率性
  • 製品ライフサイクル
  • 収益と成長
Uxデザイン

StoryBrandフレームワークを使用してより良いホームページを設計する

ホームページはショーウィンドウのようなものです。彼らは消費者に、ビジネスが何をしているのか、誰がビジネスを運営しているのか、そして少なくとも実際の販売、情報、娯楽のいずれであるかを問わず、それが提供する製品やサービスのヒントを与える必要があります。

ショーウィンドウのように、ホームページのデザインは、人々をより深く見るように誘惑するか、訪問者の注意を引くことができない(またはさらに悪いことに、積極的に彼らを追い払う)可能性があります。明確に伝える ブランドストーリー 1つの方法です UXデザイナー ホームページを超えて探索するのに十分なエンゲージメントとエンゲージメントを維持するために使用できます(StoryBrandフレームワークはこのための優れたロードマップを提供します)。

ホームページの目的は何ですか?

に ランディングページ の目標は訪問者を変換することですが、 ホームページの 目標は、訪問者をブランドに引き付け、問題の解決策を提供することです。効果的に行われた場合、ホームページの訪問者は顧客、潜在的にはリピーターになることができます。



プットオプションの価格設定方法

ホームページは、そのデータに基づいてパフォーマンスを改善した分析チームとマーケティングチームおよび設計チームのおかげで、過去数十年で急速に改善されました。

1993年に 600のウェブサイト ウェブサイトのトラフィックを測定する唯一の方法は、訪問者の数をカウントするサーバーログでした。次にヒットカウンターがあり、最終的には、ユニークビジター、ページビュー、直帰率などの洞察を提供する、より包括的な分析スイートが登場しました。

その分析データを使用して、UXデザイナーは行動を促すフレーズの配置を最適化し、サイトの速度、A / Bテストを改善し、動画を使用して訪問者を引き付け、高品質の画像を使用して人々の注意を引き付け、メッセージングツールを組み込んでホームページ。しかし、これは消費者からの忠誠と信頼を保証しますか?

Slackは、ホームページデザインのベストプラクティスに従って、ユーザー中心のデザインを作成します

Slackのホームページは、訪問者へのメリットに焦点を当てています。

ホームページをデザインする際の3つの一般的な落とし穴

ホームページを作成する際に、企業、そして拡張機能の設計者は、次の3つの主な落とし穴に遭遇します。

  1. 彼らは重要なことに焦点を合わせていません。彼らは人々に彼らのサービスや製品の特徴についてすべて話します。人々はこれを気にしません。彼らは、ビジネスが彼らの問題を解決し、彼らの生活を改善することを知りたがっています。
  2. 企業はメッセージを明確に伝えていません。なので トニー・ハイレ Chartbeatのによると、ウェブサイトは訪問者の注意を引くのに15秒もかかりません。
  3. 彼らは誰の問題も解決しない悪い製品を持っています。この場合、デザイナーがビジネスのためにできることはあまりありません。

StoryBrandフレームワークとは何ですか?

一部の企業が信じているように見えますが、ロゴはブランドと同じではありません。それからは程遠い。 a ブランドは約束です その背後にそれらが存在する理由があります。

人々は、合理的理由と感情的理由の両方から、あるブランドを別のブランドよりも選択します。強力なブランドメッセージングは​​、ブランドが作成する個々の製品だけでなく、ブランド自体への忠誠心を生み出すことができます。その目的を達成するには、明確で一貫性のあるメッセージが不可欠です。ブランドを競合他社と一線を画すのは、ブランドのストーリーです。

ストーリーテリング 起業家は、売り込みやソーシャルネットワーキングで投資家を誘惑するために広く使用されています。 Appleのような企業は、明確でシンプルなストーリーテリングの力を理解し、すべての業務に統合しています。彼らはそれが彼らのことではないことを知っています。 それは彼らの顧客についてです。

Appleは、StoryBrandフレームワークの前に顧客を最優先することを理解しています

アップルは、消費者にとって最も初期のコンピュータにまでさかのぼり、顧客を最優先することの重要性を長い間理解してきました。

ザ・ StoryBrand フレームワークは、企業が最も強力なメッセージを簡単かつ明確に伝えるのを支援するためにドナルドミラーによって作成されたストーリーテリングの公式です。彼の本の中で ストーリーブランドの構築 、ミラーは次のように述べています。「あなたの顧客はあなたのブランドではなく、ストーリーのヒーローでなければなりません。これは、驚異的に成功するすべてのビジネスが理解している秘密です。」

クライアントでStoryBrandを使用する方法

中小企業であろうと数百万ドル規模のブランドであろうと、クライアントは、顧客を混乱させるとお金がかかることを理解する必要があります。 StoryBrandの公式を通じてメッセージを明確にすると、ミラーが言うように、「思考を整理し、マーケティングの労力を減らし、混乱をなくし、競争を恐れ、最終的にビジネスを再び成長させる」でしょう。

ミラーは、StoryBrandの作成と、脚本のストーリーの作成を比較しています。彼はそれを7つのプロットポイントに分解します。

StoryBrandフレームワークの基本構造

からの画像 ストーリーブランドの構築 ドナルドミラーによる。

に キャラクター 何かを欲しがっている人(ウェブサイトを使用している人)は、 問題 (彼らの必要性)、そして満たす ガイド (ビジネス)誰が彼らに 予定 (次のステップを示します)および 彼らを行動に移す (行動を促すフレーズのボタン)。 サクセスストーリー (彼らは製品を購入します)そして彼らを助けます 失敗を避ける (彼らが買わなかったらどうなるかを思い出させる)。

この構造は、ほぼすべての成功した映画で認識できます。また、企業とその顧客にも適用できます。次のステップは、クライアントがこの構造に従ってブランドストーリーを書くことです。

  1. キャラクター :顧客は常にストーリーのヒーローであり、ブランドではありません。通常はUXの調査とユーザーテストを通じて、顧客がブランドに何を求めているかを理解するのはUXデザイナー次第です。彼らは、財源の節約、時間の節約、ソーシャルネットワークの構築、ステータスの獲得など、人々を駆り立てる欲求に焦点を当てる必要があります。
  2. 問題があります :StoryBrandアークの悪役は、キャラクターの問題です。その問題を擬人化し、会社の製品は顧客がそれを打ち負かすために使用できる武器のようなものであることを理解することは有用です。企業は外部の問題の解決に集中する傾向がありますが、顧客は 内部 問題。人々には3つのレベルの対立があります。
    -外部(ほとんどの企業は外部の問題を解決しようとします)
    -内部(欲求不満、脅迫、不安など)
    -哲学的(なぜこの話が重要なのですか?)
  3. そしてガイドに会う :ガイドはビジネスまたはブランドです。お客様には、問題を処理してくれる人が必要です。ブランドに対する彼らの認識は、彼らの信頼にとって非常に重要です。 2つのことを伝える必要があります。
    -共感(顧客が感じるかもしれない痛みの理解を示す)
    -権限(ブランドが彼らを助けることができるという顧客の自信を与えるでしょう)
  4. 誰が彼らに計画を与えるのか :ビジネスは、顧客が次に何をする必要があるかを示します。顧客は、簡単な行動計画が示されるまで、購入するかどうかまだわかりません。 UXデザイナーは、顧客のために正確な次のステップを詳しく説明できます。また、製品やサービスに関連する懸念に対処することで、顧客が抱える不安を軽減することもできます。
  5. そして彼らを行動に移す :効果的な行動を促すフレーズにより、購入や申し込みが容易になります。
  6. それは彼らが失敗を避けるのを助けます :お客様にとって何が問題になっていますか?このブランドから購入しないと、何が失われますか?
  7. そして成功に終わる :この特定の行動がどのように彼らの生活を変えることができるかを顧客に伝えてください。彼らが製品を購入した後の彼らの生活がどのようになるか、そしてその決意が彼らにどのように感じさせるかを彼らに示してください。ストーリーテラーがストーリーを終わらせる3つの確実な方法は、キャラクターに次のことを許可することです。
    -勝利の力または地位
    -誰かまたはそれらを完全にする何かを見つける
    -何らかの形の自己実現を体験してください。

StoryBrandフレームワークワークシートStoryBrandフレームワークの基本構造

からの画像 StoryBrand Brandscript 。

ホームページでStoryBrandフレームワークを使用する方法

ホームページは決してビジネスに関するものであってはなりません。それはその潜在的な顧客についてであるべきです。

www.uberfinancial。我ら

初デートのように、印象は重要であり、目標は興味を生み出すことです。 UXデザイナー どのコンテンツが含まれ、どのように配置されるかについて戦略的である必要があります。前のセクションで説明したフレームワークに従うことで、設計者は適切なメッセージが適切な場所に配置されるようになります。

単純に聞こえるかもしれませんが、ホームページを設計する際に留意すべき重要な要素は5つだけです。

見出し

魅力的な画像と組み合わせて使用​​されることもある見出しは、ホームページの上部に配置されます。ほとんどすべての場合、見出しは顧客中心であり、ブランドが彼らに利益をもたらす何かを持っていることを訪問者に示す必要があります。見出しは次のいずれかである必要があります。

  • メリットを顧客に伝える
  • 訪問者が抱えている問題を特定し、ブランドが問題を解決できることを安心させます
  • ビジネスが行っていることを明確かつ簡潔に説明してください

権威を示して信頼を築く

ビジネスをガイドおよび顧客の問題の解決策として位置付けることが不可欠です。信頼を築く技術を習得したUXデザイナーは、この特定のブランドが問題の正しい解決策であることを人々に納得させるのが簡単になります。彼らはこれを行うことができます:

  • ブランドを推薦する重要な顧客からの推薦状を含む
  • ブランドが協力している企業のロゴを表示する
  • ユーザー数、トランザクションなどに関する特定のデータを表示します。
  • 賞と称賛、出版された作品、メディア出演、および同様の成果をフィーチャー
  • チームまたは会社の本社の画像を表示する

ホームページデザインのベストプラクティス:顧客に焦点を当てる

ザ・ ZeBrand ホームページは顧客に真っ向から焦点を合わせます。

アクションの呼び出し

ホームページの訪問者との感情的なつながりを作ることは、彼らを顧客に変えるための最初のステップです。その感情的なつながりができたら、行動を促すフレーズで取引を成立させます。

行動を促すフレーズには2種類あります。

  1. 行動を促すフレーズは、購入または登録の準備ができていることを知っている人を対象としており、「購入」、「登録」、「はじめに」などの言葉が含まれています。これらのCTAをクリックすると、購入者はフォームに直接移動して取引を完了できます。
  2. 暫定的な行動を促すフレーズは、まだ購入する準備が整っていない訪問者を対象としています。コミットする前に、より多くの時間と情報が必要になる場合があります。これらは、「詳細」、「無料で試す」、または「連絡を取る」タイプのボタンの形式で提供されます。

行動を促すフレーズの中には、2つを組み合わせたり、並べたりするものがあります(多くの場合、[今すぐ購入]ボタンと[詳細]ボタンのペアとして表示されます)。

ホームページのデザインのヒント:行動を促すフレーズの組み合わせボタン

カナリアラボ 購入を行うための行動を促すフレーズが目立つようになっているほか、情報を取得するための目立たないボタンがあります

魅力的な画像

ホームページのコンテンツがどれほど深刻であるかに関係なく、StoryBrandフレームワークはハッピーエンドを要求します。画像を選択するときは、画像の中には「いつまでも幸せ」な感じを与えるものもあることに注意してください。

画像はにアピールします 訪問者の感情 、特に幸せな人々の画像。幸せな人の写真を見せることは、人々が購入した場合に自分の幸せな結末がどのようになるかを想像するのに役立ちます。

ホームページのデザイン原則:人々の画像は訪問者の感情に訴えます

人々のイメージは訪問者の感情に訴えます。

短いテキスト

テキストが少ないほど良いです。多くの消費者は長いテキストブロックを読まないため、ブランドメッセージをできるだけ少ない単語で伝えるのが最善です。

githubを使用してWebサイトをホストする

UXデザイナーは、クライアントが最も簡単な方法でストーリーを共有できるように支援する必要があります。

優れたホームページデザインにはテキストが少ない

Squarespace ホームページで最小限のテキストを使用します。

成功したホームページは重要な質問に答えます

成功したホームページは、5秒未満で訪問者の興味を捉えることができます。そこから、ホームページにアクセスするときに人々が(しばしば無意識のうちに)自問する3つの質問に答えるのに約15秒かかります。

  • 彼らは何をしますか?
  • 彼らはどのように私を助けることができますか?
  • 購入または契約するには何をする必要がありますか?

UXデザイナー StoryBrandフレームワークを使用して、興味を即座に捉え、それらの質問に効果的に答えるホームページを作成できます。それは、デザイナーとブランドの両方に成功への明確な道を提供します。


ご意見をお聞かせください。以下にあなたの考え、コメント、フィードバックを残してください。

•••

ApeeScapeデザインブログの詳細:

  • すべてのトレンドは価値がありますか? Webデザイナーが犯す最も一般的なUXの間違いトップ5
  • 効果的なランディングページをデザインする方法
  • 変換するように構築–ランディングページデザインのベストプラクティス
  • eコマースウェブサイトデザインの究極のガイド
  • 情報アーキテクチャの包括的なガイド

基本を理解する

ブランドストーリーをどのように特定しますか?

優れたブランドストーリーは、事実だけでなく、ブランドが生み出す感情、つまりブランドの約束を含む物語を作成することで、顧客に感情的な反応を生み出します。 StoryBrandフレームワークは、このタイプのブランドストーリーまたはナラティブを作成するための1つの方法を示しています。

StoryBrandフレームワークとは何ですか?

StoryBrandフレームワークは、企業が最も強力なメッセージをシンプルかつ明確な方法で伝達できるようにするために、DonaldMillerによって作成された式です。ミラーは次のように述べています。「あなたの顧客はあなたのブランドではなく、ストーリーのヒーローでなければなりません。これは、驚異的に成功するすべてのビジネスが理解している秘密です。」

良いホームページデザインを作るものは何ですか?

優れたホームページは、ブランド自体ではなく、訪問者のニーズに焦点を合わせています。顧客はブランドを気にしません。彼らはブランドが彼らにどのように利益をもたらすかを気にします。 StoryBrandフレームワークは、会社ではなく顧客のニーズに重点を置いたナラティブを作成する1つの方法です。

あなたのホームページには何を含めるべきですか?

ホームページはショーウィンドウのようなものです。ホームページのデザイン原則に従うことで、消費者は、ビジネスが何をしているのか、誰がビジネスを運営しているのか、そして少なくとも実際の販売、情報、娯楽のいずれであるかを問わず、提供する製品やサービスのヒントを得ることができます。

ユニバーサルミュージックグループの市場シェア

ホームページの目的は何ですか?

ホームページの目的は、人々をブランドに引き付け、問題の解決策を提供することです。デザイナーがホームページデザインのベストプラクティスに従って魅力的なエクスペリエンスを作成すると、ホームページの訪問者を顧客に、場合によってはリピーターに変えることができます。

ロボアドバイザー業界ポートフォリオのリスク:効率性かコーナーカットか?

財務プロセス

ロボアドバイザー業界ポートフォリオのリスク:効率性かコーナーカットか?
UXデザインにおけるメンタルモデルの活用

UXデザインにおけるメンタルモデルの活用

Uiデザイン

人気の投稿
冷戦技術:それはまだここにあり、まだ使用されています
冷戦技術:それはまだここにあり、まだ使用されています
WordPressで排他的なカスタム分類法を作成する方法
WordPressで排他的なカスタム分類法を作成する方法
モバイル向けの情報アーキテクチャの原則(インフォグラフィック付き)
モバイル向けの情報アーキテクチャの原則(インフォグラフィック付き)
ラテンアメリカM&Aのベストプラクティス
ラテンアメリカM&Aのベストプラクティス
ハイブリッドパワー:フラッターの利点と利点
ハイブリッドパワー:フラッターの利点と利点
 
差し迫った商用ロボット革命
差し迫った商用ロボット革命
購入への道を開く– eコマースUXのベストプラクティス
購入への道を開く– eコマースUXのベストプラクティス
Ecto、同時Elixirアプリ向けの妥協のないデータベースラッパーをご覧ください
Ecto、同時Elixirアプリ向けの妥協のないデータベースラッパーをご覧ください
デザイン心理学と素晴らしいUXの神経科学
デザイン心理学と素晴らしいUXの神経科学
リモートワーカーに関するトップ5の神話を破る
リモートワーカーに関するトップ5の神話を破る
人気の投稿
  • 最初にcまたはc ++を学ぶ
  • どちらが良いccorpまたはscorp
  • サーバーノードとは
  • 次のうち、欠落している要素の間違いと見なされるのはどれですか?
  • パーソナルファイナンスの勘定科目表のサンプル
カテゴリー
技術 ツールとチュートリアル 収益と成長 トレンド アジャイルタレント 仕事の未来 ブランドデザイン バックエンド エンジニアリング管理 プロセスとツール

© 2021 | 全著作権所有

apeescape2.com