ポップオーバー
ポップオーバーは、コントロールまたはビューをクリックしたときにスクリーン上の他のコンテンツの上に表示されるビューです。たとえば、イベントをダブルクリックすると、カレンダーにポップオーバーで情報が表示されます。通常、ポップオーバーには、ポップオーバーが出現した場所を指す矢印が含まれます。ポップオーバーは 鮮やかさ もサポートします。
ポップオーバーは、ユーザの操作 (一時的な 動作)、ポップオーバーが発生したビューまたは要素のユーザの操作 (一時的に準ずる 動作)、またはアプリで定義された方法で閉じることができます。ポップオーバーはまた取り外し可能にもできます。取り外し可能なポップオーバーは、ユーザがドラッグすると別のウィンドウになり、ユーザが他のコンテンツを操作している間、スクリーン上に表示されたままです。
ポップオーバーを使用して、少量の情報または機能を公開します。 ユーザがポップオーバーを操作するとそれが消えるため、ポップオーバーの機能の量をいくつかの関連タスクに制限します。たとえば、カレンダーイベントのポップオーバーを使用すると、イベントの日付や時刻を簡単に変更したり、別のカレンダーに移動したりできます。ユーザが変更を加えるとポップオーバーが消え、カレンダーのイベントを引き続き確認できるようになります。
サイドバーやパネルなどの一時的なビューの代わりに、ポップオーバーを使用することを検討してください。 ポップオーバーを使用すると、インターフェイスを合理化して、コンテンツ用のスペースを増やすことができます。
ポップオーバーの機能に基づいて意味のあるクロージャ動作を有効にします。 ポップオーバーは、その存在が不要になると自動的に閉じる必要があります。ポップオーバーが単に一連の選択肢を提示するだけの場合は、メニューの動作と同様に、ユーザが選択を行ったらすぐにポップオーバーを閉じることを検討してください。複数の選択を行える場合、ユーザが明示的にポップオーバーを閉じるか、範囲外をクリックするまで、ポップオーバーは開いたままにする必要があります。
確認またはガイダンスのみのために [閉じる] ボタンを提供します。 [キャンセル] や [完了] などの [閉じる] ボタンは、変更を保存するかどうかに関係なく終了する場合など、明確に提供する場合にのみ含める価値があります。
ポップオーバーを自動的に閉じるときは、常に作業を保存してください。 スクリーン上の別の領域をクリックすると、意図せずにポップオーバーを閉じるのは簡単です。誰かが明示的に [キャンセル] ボタンをクリックした場合にのみ、作業を破棄します。
ポップオーバーをスクリーン上に注意して配置します。 ポップオーバーの矢印は、それを明らかにした要素を直接指している必要があります。ポップオーバーはまた、ポップオーバーを表示するためにクリックされた要素をカバーするべきではありません。
人々にポップオーバーを切り離させることを検討してください。 ポップオーバーが表示されたままで、他の情報を表示したい場合、ユーザはポップオーバーをパネルに変換できることを高く評価するかもしれません。
切り離されたポップオーバーの外観への変更を最小限にします。 ユーザがコンテキストを失わないように、パネルは元のポップオーバーと同じように見える必要があります。
一度に 1 つのポップオーバーをスクリーン上に表示します。 ユーザが明示的に切り離していない複数のポップオーバーを表示すると、インターフェイスが乱雑になり、混乱が生じます。あるポップオーバーが別のポップオーバーから出現するカスケードまたは階層を決して表示しないでください。新しいポップオーバーを表示する必要がある場合は、まず開いているポップオーバーを閉じてから、別のポップオーバーを開きます。
ポップオーバーの上に別のビューを表示しないでください。 アラートを除いて、ポップオーバーの上には何も表示すべきではありません。
ポップオーバーを大きくしすぎないようにします。 ポップオーバーはスクリーン全体を占有すべきではありません。その内容を表示し、元の場所を指すのに十分な大きさにします。
一般に、標準のポップオーバーの外観を維持します。 デフォルトでは、ポップオーバーは外観が明るいです。ダークな外観も利用できますが、通常、ダークなインターフェイスを備えた、没入型のメディア中心のアプリ用に予約されています。
カスタマイズされたポップオーバーがまだポップオーバーに似ていることを確認してください。 ポップオーバーの視覚的な側面の多くをあなたはカスタマイズできますが、人々がポップオーバーとして認識できないデザインを作成することは避けてください。ポップオーバーは、標準のコントロールとビューが含まれている場合に最適に機能する傾向があります。
ポップオーバーのサイズを変更するときにはスムーズな移行を提供します。 一部のポップオーバーは、同じ情報の要約ビューと拡張ビューの両方を提供します。たとえば、カレンダーイベントのポップオーバーは、最初に開いたときには折りたたまれています。特定の属性を編集するときに、展開して追加のオプションを表示します。新しいポップオーバーが古いポップオーバーに取って代わったような印象を与えないように、サイズの変更をアニメーション化します。
ポップオーバーをアラートとして使用しないでください。 ポップオーバーとアラートは、非常に異なるインターフェイス要素です。人々はポップオーバーを見ることを選択します。彼らはアラートを見ることを決して選びません。ポップオーバーとアラートを同じ意味で使用すると、それらの区別があいまいになり、混乱が生じます。ポップオーバーを使用してユーザに重大な問題について警告したり、ユーザにとって差し迫った意図しないデータ損失を回避できるようにすると、ポップオーバーを読んだり、否定的な結果が発生したときにあなたのアプリを非難したりせずに、ポップオーバーを閉じてしまうリスクがあります。本当にユーザに警告する必要がある場合 (これはめったに発生しないはずです)、アラートを使用して下さい。アラート を参照してください。
ユーザの文書で ポップオーバー という単語を使用することは避けてください。 代わりに、特定のタスクまたは選択を参照してください。たとえば、"ポップオーバーの下部にある [表示] ボタンを選択して下さい" の代わりに、"[表示] ボタンを選択する" と書くことができます。ポップオーバーをダイアログまたはウィンドウと呼ばないでください。
開発者向けガイダンスについては、NSPopover (NSPopover) を参照してください。
