web-dev-qa-db-ja.com

最小化に最適なアイコン

アクションを最小化するための正しいアイコンの選択には常に苦労しています。例:アコーディオンメニューまたは最小化できるパネルで、最適なアイコンは何ですか。

OSX Finderのように回転する矢印(右側/パネルの例、など)

+/-ボタン?

私が矢印で持っている問題は、1つが詳細メニュー(ドロップダウン)として頻繁に使用されることです

例のために。あなたはそれらをfirefox/ie/windows OSに持っています。これは単なるボタンではなく、ドロップダウンメニューが表示されることを強調しています。

+/-の問題は、作成/削除(削除)によく使用されることです

何か案は?提案?

10
Marc D

アンダースコアには絶対にノーと言ってください。これはウィンドウを最小化するためのものであり、実際には裏面がありません。表面を開くために何を使用しますか。

WindowsとOS Xの両方が、説明している状況で矢印/三角形/コントロールの開閉を使用します。iPhoneでも、サブコントロールが開かずにビューが変更されます

Windows Disclosure controls

このコントロールのセットは Microsoft UIエクスペリエンスガイドライン からのものですが、+ /-アイコンが含まれていますが、他のすべてのアイコンは矢印と三角形です。

適切なAppleドキュメントはそれを Disclosure Triangle)と呼んでいます

Apple Disclosure Triangle Example

そしてすでに述べたように、 JQuery Accordion はこの種類の機能に対して同じ外観を使用します。

これらのほとんどの場合、矢印は非表示セクションの開閉とともに回転します

ドロップダウンボックスで使用されている矢印と間違われているという心配については、ほとんどの場合、完全に異なって見えますが、ビューが現在のコンテンツ上にあっても、非表示のビューを公開することで、実際には同じ目的を果たします。コンテンツの中ではなく。

+/-を使用したい場合は、Windowsの使用方法が独立しているだけでなく、ボタンを示唆する段階的な表面にあることに注意してください。

14

矢印、下線、+ /-はすべて機能する可能性が最も高く、考えなければならないのは、それらのそれぞれの関連付けであり、状況で最も意味のあるものを確認します。

Minimizing in Google Chrome on Ubuntu

underscoreは、ChrisFが言ったように、画面から完全なユニットを最小化する関連付けがあります-所定の位置に折りたたむのではなく、「取得これは私の顔から」感じ。それはそれを所定の位置に保持するのではなく、それをより小さくするのではなく、焦点が合っていない場所にそれを最小化します。

Plus-Minus Icon, meaning "collapse a tree"

+/-(2つの間で切り替わる場合のみ-どちらかが単独で、類似アイテムのリストからアイテムを追加または削除することを意味します、 FF/Chromeのタブのように)はツリーと折りたたみ可能なノードとの特定の関連付けがあります。タイトルは、[-]を押してもタイトルはそのままで、contentが展開することを前提としています。私が知る限り、コンテンツ自体ではなく、コンテンツのリストと名前/タイトルにも関連しています(たとえば、これを使用してlistファイルのうち、ファイルを表示しない自分自身)。

arrow/triangleの多くが、AdobeのパネルやさまざまなWebアプリなど、さまざまな形で最近表示されます。これは下向きの矢印で、+ /-と機能が似ています。ここで、+は横向きの矢印(図のように)で、-は下向きの矢印です。 +/-と同様の処理を行っていますが、+ /-のサブメニューの列挙値に重点が置かれておらず、一般的な「コンテンツ」に向かっていると私は主張します。新しいパネルが、ポップアップするリストとスタイルが関係なく、矢印の下から表示されるのは奇妙なことではありません。このスタイルの例については、チェックアウト jQueryのアコーディオンメニュー をご覧ください。ポップアウトメニューの関連付けは、タイトル/識別子のすぐ横に配置されていない場合や、次のようにボタンのように見える場合に適していると思います。

alt text

ここには3つの矢印があり、それぞれがタイトルから分離されており、ボタンのように見えます。予想通り、メニューはすべてポップアップ表示されます。 (もう1つの興味深いひねりは、まったく動かない右矢印です。一種の「リンク」を意味します。)

正直なところ、それがアコーディオンメニューの場合は、アイコンを避け、タイトル/識別子をクリックできるようにして、カーソルを合わせて、同じように示します。 Iパターンの例 にはそれがあり、実際にはスタイルが好まれます。これらのアイコンすべての関連付けが削除されます。

お役に立てば幸いです。

5

「Microsoft」の場合-ボタンの下部にあるアンダースコアは、一見すると安全なアプローチのように見えます。

Minimize Icon

しかし、それはウィンドウが「に」最小化された場所に依存し、「それ自体」でパネルを折りたたんでいる場合はおそらく機能しません。

4
ChrisF

ChrisFの回答に記載されているように、Windows 95はアンダースコアを一般化しましたが、それは、ウィンドウが「最小化する」タスクバーとの関連付けとその最も一般的な位置が原因​​であると思います。 1つの潜在的な問題は、タスクバーを(たとえば、画面の上部に)移動できることです。この時点で、アイコンの類推は崩れます。 Windows 3は 上矢印と下矢印 を使用しました。

ミニファイがウィンドウシステムに類似している場合、アンダースコアは意味があると思います。ただし、アコーディオンはまったく異なり、最も一般的な例にはアイコンがなく、クリックすると拡大する背景が塗りつぶされた水平のブロックだけがあると思います。通常、インタラクションを伝えるためのホバー効果があります。

1
Bobby Jack

アンダースコアまたは「-」は安全ですが、メニュー/パネルが最小化されている方法によっても異なります。たとえば、Photoshopでは、ツールパネルは最小化する方向を指す小さな二重矢印でツールパネルを最小化します。この場合、二重矢印はアンダースコアよりもうまく機能すると思います。

0
Ben

要約すると、

_(アンダースコア/四角)、来るアニメーションに依存しないのはなぜですか。私の質問は、OSXシステムでその象徴を決して見ないことです。 Windows OSのみのメタファーですか?

› Arrowは広く使われているようです。ただし、拡張/最小化動作(iGoogleなど)には適しません

-/ +(マイナス/プラス)はあまり人気がありません。コンテンツの追加/削除と混同されます。

正しい?

0
Marc D

アンダースコアはOSXでは機能しません(円の中にあります)

少し違うことを自問すべきでしょう。

アイコンの外観をどのように最大化しますか?次に、最小化アイコンがどのように見えるかがわかります。 (例えば+ +次に-)

0
ThomPete