web-dev-qa-db-ja.com

ウェブサイトに時折のお知らせを表示する方法は?

アナウンスバナーまたは同じ機能を持つ要素(アラート、ボタンなど)をWebサイトに追加して、今後の調​​査についてユーザーに通知したいと思います。参加の呼びかけ、調査サイトへの追加リンクが含まれている必要があり、一時的にのみ表示されます(調査の実行中)。現時点では、ウェブサイト上でいかなる種類の発表にも使用されるスペースはありません。そのため、煩わしさは少ないものの、ユーザーにアンケートに登録してもらうと同時に注目を集める、ポジショニングの解決策を見つけたいと思います。

以下は、同じトピックを対象とする古い質問です。
現在のイベント(ニュース速報など)のWebサイトへの訪問者への警告

そして、これが可能な解決策のセットです: Announcement Solutions

お知らせを表示する方法や、共有するためのベストプラクティスについて、他に何かアイデアはありますか?

6
ITJ

すばらしい質問です。

これは非常に一般的な設計パターンであり、サイトが常にめちゃくちゃになっているものです(IMO!)。通常、目的は次のとおりです。

  1. ユーザーに通知が表示されることを確認します。
  2. その後、ユーザーがサイトをスムーズに使用できるようにします。
  3. ユーザーを怒らせないでください。

これは簡単に見えますが、実装はしばしば目的を破ります!例えば:

  • モデルのポップアップボックス-この解決策は嫌いです。 (a)不必要に邪魔にならない。 (b)ユーザーは、ポップアップ広告のためにポップアップを悪い感情に関連付けます。 (c)ユーザーが1つのこと(何かを購入するなど)を望んでいるサイトに到着すると、突然、サイトを隠し、最初に何かを見ることを強いる壁に遭遇します。これらはどれもユーザーに良い印象を与えません。したがって、これは目的#1を達成しますが、目的#3に失敗し、部分的に#2に失敗します。

  • 側の通知。ユーザーは通常、ウィンドウの左上から下に向かってサイトを読むため、これは#2と#3を達成しますが、ほとんどが#1に失敗します。

3つすべてを達成するソリューションは次のとおりです。

notification

ここに:

  • 通知は、ユーザーの視覚的な流れが始まる中央上部=>目標#1であるため、目立ちます。

  • 色やフレーミング(影、輪郭)の使用により、他のコンテンツと区別されます。他にもハイライトするのに役立つ他のテクニック(フェード/エキスパンド/視差)があります=>目的#1

  • これはページの通常のレイアウト内に配置されるため、ユーザーはサイトに慣れ親しむことができます。 =>目標#2および#3

  • ユーザーフローの上部に配置されているため、単にスキャンして通常どおりに作業を続けることができます=>目的#2および#3

  • 通知を却下して作業を続行できるのでユーザーにとって便利な「閉じる」ボタンがあり、クリックを測定してユーザーが通知を見たことを知ることができるので便利です。また、通知にイライラしたユーザーは、「それについて何かをする」ことができ、それを根絶することができます=>目的#2および#3

お役に立てば幸いです。

6
tohster