it-swarm-ja.com

Windowsアプリでのマウスオーバー「クイックプレビュー」の例

私は、ユーザーにアイコンギャラリーの名前のテキストリストが表示されるWindowsデスクトップアプリのUIに取り組んでいます。 1つをクリックすると、そのギャラリーが開きます。 「クイックプレビュー」機能を追加して、ユーザーが「ビーチアイコン」の上にマウスを置くと、ギャラリーからいくつかのアイコンが表示されるようにします。

既存のデザインを認識できるように、Microsoftアプリの前例を思いつく人はいますか?

3
RexE
  • Windows Liveフォトギャラリーでは、ギャラリービューで写真にカーソルを合わせると、大きなサムネイルツールチップが表示されます。

  • Visual Studio Power Toolsのソリューションナビゲーターは、プロジェクト内の画像にカーソルを合わせると画像プレビューを表示します

  • Visual Studio XAMLデザイナーのドキュメントアウトラインウィンドウに、マウスオーバー時にコントロールのサムネイルプレビューが表示されます

1
SLaks

まったく同じではありませんが、Microsoft Office 2010(および場合によっては2007)でも同じように動作します。

Wordでは、リボンのいずれかのスタイルにカーソルを合わせると、そのスタイルがプレビューとしてテキストに適用され、クリックせずにスタイルからマウスを離すとプレビューが削除されます。

Word

PowerPointでは、リボンのテーマにカーソルを合わせると、現在のスライドにプレビューとしてテーマが適用され、マウスがテーマから離れると再び削除されます。

PowerPoint

2
adrianbanks

あなたの質問を読んだとき、頭に浮かぶ最初の例はMacでもWindowsでもないことに気づきました。それらはWebベースのものです。すなわち:

enter image description here

1
Hisham

例えば: - Patterntap image
(ソース: patterntap.com

1

興味深い質問です。一般的に、ホバーはプレビューではなくツールチップを表示する傾向があります。ただし、マイクロソフトでアプリとWindows UX機能の開発に12年間費やしてきたので、あなたの考えについて本質的に悪いことは何もありません。

この流れで正しく機能するMicrosoftの機能の1つは、Windows 7シェルのタスクバーです。ボタンのいずれかにカーソルを合わせると、開いているウィンドウのサムネイルを含むポップアップが表示されます。

Explorer window thumbnails while hovering over the Taskbar icon

1
Pettiross