私はジュニアデザイナーで、Webサービスのサイトデザインに取り組んでいます。何をホームページに配置すればよいかわかりません。
Dropboxや読みやすさなどの一部のサービスには、製品とは何かを説明するクイックビデオツアーがあります。一方、BasecampHQやキャンペーンモニターなどは、静止画像とテキストしかありません。
使用するものをどのように決定すればよいですか?一般的なガイドラインはありますか?それともすべて製品に依存していますか?
実際には「ガイドライン」はありませんが、どのデザインが変換に適しているかについては、多くの情報が浮かんでいます。 abtests.com から多くのことを学ぶことができます。これは、売上の増加につながった製品のホームページに加えられた変更についてよく話します。
私が出会い、設計に適用したベストプラクティス 私の製品のプロモーションサイト :
聴衆を知る。あなたはデザインパターンと慣習から学ぶことができますが、あなたのように誰もあなたの聴衆を知りません。生産性スイートなどの多くの製品には、技術者以外の人々が非常に多くいます。私の製品は専ら技術者を対象としています。前者のカテゴリの同じレッスンが必ずしも後者に適用される必要はありません。なぜあなたが何かをするのか、そしてあなたの聴衆がどのように反応するのかを常に知っているようにしてください。
動画の視聴は長期的な取り組みです。このように見てください。あなたの製品のホームページはインターネット上の他のすべてのWebサイトと私がやろうとしていることで私の注意を奪っています。だから私の時間の2分間を求めることは大きなコミットメントです。あなたのサイトにビデオを載せるなら、それはフォールバックである必要があります-余暇に一目でわかるように、静的なテキストと画像でまったく同じ情報を見ることができるはずです。
匿名にしないでください。ブランドのロゴとお客様の声をページに掲載することで自信を持たせてください。そうすれば、私だけがこれにサインアップしたのではありません。社会的証拠は非常に強力な説得力のある要素です(そのため、「A +、もう一度購入する」が非常に効果的です)。
スクロールせずに見える範囲に明確な行動を促すフレーズを入れます。 7signals さまざまな行動を促すフレーズを使ってテストについて多くのことを書きました 最終的には「プランと価格を確認する」で終わりました クリックすると何が起こるかについての期待を設定したため、「無料でお試しください」とは対照的に、クレジットカード情報の入力などの義務があるかどうかの問題が発生しました。さらに、価格設定ページを通じて見込み客をリードすると、有料アカウントへのコンバージョンが増加します。
copyを慎重に検討してください。 37signalsについて再度言及し、彼らはかつて Highrise製品のヘッドライン変更に関するブログ投稿 を書いた。期待値を設定し、命令型の口調を使用した見出しは、コンバージョンの最大の改善がありました。重要なポイントは?できる限り明確に期待を設定し、何をすべきかを伝えます(または、疑いを取り除きます。見方によって異なります)。
さらに、デザインを起動したら、反復とテストを継続することが重要です。 A/Bテスト は、これを行う優れた方法です。 Performable のような製品も、次のステップに進み、「顧客ライフサイクル」を追跡する方法を理解するのに役立ちます。誰かがあなたのサイトに到着した瞬間から、彼らは何をし、いつ彼らは去りますか?そして、あなたは 5秒のテスト のようなものを試して、いくつかのリモートのユーザビリティのフィードバックを得ることができます(議論の中で大きな武器、そしてところで、自分のサイトでいくつかの5秒のテストを行うことは、コンバージョン向けに設計されたさまざまなマーケティングサイトが表示されます)。
最後に、思考のためのいくつかの食べ物:37signals(ここでも)がテスト中です Highriseページの新しいデザイン これには画像が含まれておらず、ページの下部に行動を促すフレーズが配置されています。 -6ページ。これらは現在多変量テストされているので、これらがページの上部に行動を促すフレーズや画像/動画を使用したものよりもコンバージョンが大きいことを証明するものはありません。しかし、それはあなたを不思議に思うでしょう?
私は強くお勧めします...両方。しかし、あなたがうまくできることだけをしてください。動画は人にとってより魅力的です。 Webサイトはごちゃごちゃしたものになる可能性があり、ビデオを見ることは、製品に関する情報を収集するためのはるかに楽しいガイド付きの方法です。しかし...うまくうまくいかないと、会社の見た目が小さくなったり、専門的でなかったり、さらには安っぽくなったりします。
reallyが必要な場合にのみ、画像を使用してビデオも追加します。
それが十分に単純な説明であれば、画像は常に最もよく機能します。一度に複数の「ステップ」を表示して保存し、必要に応じてメールで送信できます。
動画の主な問題は、Flash内にあるかどうか(iOSでブロックされているかどうか)です。 Silverlightを使用してホストする場合、ユーザーはSilverlightプラグインをインストールしていますか?または、ユーザーがビデオやストリーミングメディアを完全にブロックする会社のインターネット接続を使用していますか(私のような)。
ビデオは多くのハードルを提供できるようです。製品の説明にどうしても必要な場合は、同じ情報を説明する画像やテキストに補足要素として追加してください。
これがお役に立てば幸いです。
ユーザーエクスペリエンスUXの向上に役立つ場合、ホームページでビデオを使用することは理にかなっています。
サイトのコンテンツを作成するときは、さまざまなタイプの人々を引き付けるコンテンツが必要です。誰かがあなたの製品やサービスに関する動画を検索している場合は、それらの検索結果にホームページを表示する必要があります。あなたのホームページにビデオを追加することはそれを達成します。
ページのどこにビデオを配置するかを決める必要があります。ビデオの静止画は、ページの主画像として2つの目的を果たすことができます。
ビデオを自動再生するか、ビジターにビデオの再生を選択させるかを検討します。ターゲットオーディエンスがポップアップのような否定的な観点から自動再生を表示していることがわかっている場合、それは適切な方法ではない可能性があります。動画での発言によっては、自動再生が機能するかどうかが決まる場合があります。ビデオがサイトを紹介し、ホームページで他に何をするべきかを伝えれば、うまくいくかもしれません。
すべてをスクロールせずに見える範囲に保つことを忘れないでください。片側にビデオを、反対側にアンカーテキストとCTAを配置します。