it-swarm-ja.com

ビューポート外の重要なコンテンツを示すUIパターン

ビューポートの外に重要なコンテンツがあることを示すインジケーターを追加するパターンの名前を誰かが知っていますか?

私はいくつかのインスピレーションを見つけようとしていますが、神の愛のために何も見つけることができません。私が考えることができる唯一の例はSlackです(図を参照)。

垂直方向と水平方向の両方で機能するソリューションが必要です。水平スクロールは実際には固定位置にスナップする列のカルーセルであり、連続的なスライドモーションではありません。

どんなインスピレーションも役立つでしょう、それは私の特定の問題の解決策である必要はありません。

Slack example

9
Ovidiu Berdila

これはContextual Notificationと呼ばれます。

ユーザーがアクションを実行する必要はありませんが、何かを通知します。重要なイベントをアナウンスしますが、ユーザーに何かを要求したり、ユーザーの即時アクションによってトリガーされることはありません。その単に有益です。

詳細については、 NNgの記事 とその説明、およびその他のタイプの通知とアラートの違いを参照してください。

これらは、必要に応じて、画面の周囲に垂直または水平に表示できます。

10
UIO

Destiny プラチナ賞を受賞 UIデザイン。これは、画面外に興味深い何かがあったことを示すために実装したメソッドです。

Destiny offscreen indicator

カメラが回転するときに画面の周りを追跡し、最も近いエッジに表示されます。テクノロジーがSFからインスピレーションを得ることを好むのと同じように、「滑らかなUI」がビデオゲームHUDからインスピレーションを引き出すことは、少し理にかなっています。

12
Ian MacDonald

おそらくそれが本当に重要なコンテンツである場合は、ビューポートの外にあるべきではありません。または、少なくとも表示されるコンテンツは、常にそうではないコンテンツよりももっと重要である必要があります。

提供した例では、リストは上から下に「重要度が高い/選択される可能性が最も高いオプション」から「重要度が低い...」オプションの順に並べられていると想定しています。

その場合、私が関連付けることができると考えることができるパターンはプログレッシブ開示になります。

  • 最初に、最も重要なオプションのいくつかのみをユーザーに表示します。
  • リクエストに応じて、特別なオプションのより大きなセットを提供します。これらの二次機能は、ユーザーが要求した場合にのみ開示してください。つまり、ほとんどのユーザーは、この複雑さを心配することなくタスクを続行できます。

すべてのオプションが非常に重要な場合は、デフォルトですべてを表示しないようにして、ユーザーが見逃すことはお勧めできません。

2