web-dev-qa-db-ja.com

単一製品のWebサイトの標準はありますか?

私は友人が彼の姉妹の新興企業にウェブサイトのデザインのフィードバックを提供するのを助けたいと思っています。
サイトは http://myyogaloop.com です

彼らはかなり基本的な間違いを犯しています。たとえば、ナビゲーションの2つの主要な領域、上部と左側のサイドバーがあります。また、会社が製品とは別のものであるかどうかについても混乱があるようです。これは、URLが実際には当てはまらないように見えるためです。

効果的な単一製品サイトの基準はありますか?

6
GollyJer

影響力についてはわかりませんが(「効果的」という意味ですか?)、1製品のWebサイトの一般的な、標準的なデザインパターンも明確に特定できます。

ここにいくつかの例があります: SquareDoxieFeedlyハイライトドルシェーブクラブ

私が理解している限り、1つの製品のWebサイトの主な原則は次のとおりです。

  1. 前面の製品-これらのWebサイトでは、大きな画像と大きなフォントを使用して製品を宣伝しています。製品(およびその価格!)は、見込み客の目の前にあります。彼らはそれを推測したり掘ったりする必要はありません。
  2. ユーザーに焦点を合わせる-これらのWebサイトは、誰も気にしない機能については書いていません。また、マーケティングの宣伝文句で埋め尽くされていません(例:「最高です!」)。代わりに、これらのWebサイトはuserと、それらが提供する製品が目標/問題/ニーズにどのように役立つかに焦点を当てています。たとえば、squareのWebサイトでは、キャッチフレーズは「今日からクレジットカードの受け入れを開始する」です。
  3. 強力なCTA(行動を促すフレーズ)-これらのWebサイトは、ユーザーに何をしてほしいか明確です-製品を購入するか、サービスにサインアップします。すべてのパスがそれにつながります。すぐに実行することも、実行する前に詳細を読むこともできます。これを達成するために、彼らは強い色と明確なラベルの付いた大きなボタンを使用します:「サインアップ」、「[製品]を購入」、「それを行う」、「無料でダウンロード」。もちろん、他のニーズ(顧客サービス、会社情報など)にも対応しますが、これらはすべてセカンダリナビゲーション要素に転送されます。
  4. クリーンでミニマルな美的デザイン-視覚的な魅力により、知覚される信頼性が向上します( の6番目のガイドライン)Webの信頼性に関するスタンフォードガイドライン )。

もちろん、これらは私がこのタイプのウェブサイトを分析して集めた共通の特徴です。それぞれのケースは特別であり、特定のビジネス要件とターゲットユーザーのニーズに合わせてWebサイトを設計する必要があります。

幸運を!

8
Yosef Waysman

ヨセフによる本当に素晴らしい答え。彼の言ったことすべてに同意する。私が提起する主な問題は次のとおりです。

製品とWebサイトの間に明確な区別はありません。彼らは同じですか? Yogaの宣伝またはYoga loop製品の販売を主な目的としています。これを明確にしてください。

主な目標が製品の販売である場合、ホームページでこれを目立たせる必要があります。これは、上記で作成したCTAポイントのYosefと非常に密接に関連しています。

指摘したように、UIにさらに焦点を当てると、ナビゲーションを複製する理由がわかりません。

美的な観点から、私は個人的にはもう少し作業でそれができると信じています。美学と信頼は、特に製品を販売しているサイトでは非常に重要です。詳細については、以下を参照してください。 http://www.usability.gov/articles/062009news.html

2
Sheff

最新の製品サイトのほとんどは、次のような構造になっています。

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

例: http://www.zendesk.com

http://www.karmaplatform.com

1

そのサイトに基づいて、私はすぐに特定した2つの主な問題があると思います。

  1. サイドナビゲーションは必要ありません、そして混乱。失くす。
  2. 「当社の製品」と「Amazonから購入」のページは同じです。それらの2番目を失います。

あなたが持っているものは、私が単一の(または小さな範囲の)製品サイトに期待するものとはるかに似ていると思います。

  1. 組織の概要を説明するホームページ。主に販売/ eコマースサイトの場合は、製品を含める必要があります。情報サイトである場合、またはチャットエリアがある場合、または製品がサイトの目的の一部にすぎない場合は、製品をホームページの一部としてリンクし、サイトの概要を説明する必要があります。 。
  2. 他の関連ページへのヘッダータブ:購入ルートを含む製品の詳細。情報ページ;連絡先の詳細。多分プレス情報、ソーシャルエリア。

それを非常にシンプルに保つこと-少ないほど多くのアプローチ-が重要です。もしそうでなければ、主要な小売業者であるふりをしないでください。人々はあなたが何であるかを尊敬し、あなたを好きになるでしょう、そしてあなたがふりをしている場合、あなたはその一部を失います。

1