web-dev-qa-db-ja.com

現在のイベント(ニュース速報など)のWebサイトへの訪問者への警告

バックストーリー:

カンファレンスのウェブサイトがあります。会議のプロセスの一環として、限られた期間のみセッションを提出するように招待しています。この期間が現在開いていることをサイトの訪問者に警告し、セッションの送信を促したいと思います。ニュースサイトで「速報」の流れに沿って何かを考えていました。

現在、メインサイトの本文の一部として表示されるバナーがあります(実際のサイトについては here を参照)。ただし、少し見苦しいです。また、あまりにも「自分の顔をしている」という批判もありました。私たちはもっとトーンダウンしたものを試しましたが、それはページの他の要素から本当に十分に際立っていません。

質問:

どのように私たちはサイトに、それが行き過ぎることなく、訪問者の注意を引く何かを加えることができますか?この種のものに適している一般的に使用されるアプローチはありますか(たとえば、ある種のうなり声/トースト/ポップアップ)?

12
adrianbanks

いくつかの選択肢:

  • ボックス/コンテナ/ボタンをゆっくりと脈動させる。それはあなたの顔ではなく、素敵で温かく、生き生きとした感じがあります。

  • ユーザーがサイトにアクセスするときに、オーバーレイを作成できます。同様に、価値のある記事を開くと、質問されます http://www.upworthy.com/this-rapper-can-brag-about-being-arrested-because-he-was-arrested- for-doing-some?c = fea 。時々迷惑になることがあります。

  • ページが読み込まれたら、数秒間その他すべてを暗くして、イベント通知セクションのみをそのままにします。このように、ユーザーにアクションを強制するのではなく、すべてが表示されます。特定のことに注意を向けるのは数秒間だけです。調光がスムーズであることを確認してください。

6
rk.

この解決策はあまりにもうまく調和していると思います。

コントラストは違いについてです。位置、近接、サイズ、色の違い、流れの乱れ。

グリッドから外すで中断した場合はどうなりますか?

同様に、それをオーバーレイされたボタンに入れますが、通常見られるモーダルシャドウはありません。別のフォーム(角の丸みなど)、色(すべて緑)、フォントなどを使用し、それがでないことを確認しますエッジのいずれかで他の要素とうまく整列します。ああ、どうぞ:これらのプロパティの1つまたは2つだけを選択してください。コントラストは目立たなく、目立ちません。

タイポグラフィでどのように教えるかを考えてみてください。サイズまたはのどちらかを増やしてください。たとえばiOSのホーム画面を見てみると、それはかなり明白です。Appleデザイナーによると、日付または時刻の方が重要ですが、同じフォントで書かれています!

そして、はい、ここのいくつかのアニメーションは害はありませんが、約1〜2秒だけ再生するようにしてください。何かが存在することを認識するのに十分です(1秒は人間の平均反応時間*)が、その後、それは迷惑です。

(*)「Designing With The Mind in Mind」または「すべてのデザイナーが知っておくべき100のこと」で調べてください。

0
Aadaam