it-swarm-eu.dev

Icona migliore per minimizzare

Faccio sempre fatica a scegliere l'icona corretta per ridurre al minimo l'azione. Ad esempio: nel menu delle fisarmoniche o nei pannelli che possono essere minimizzati quale sarebbe l'icona migliore:

Una freccia che ruota come in OSX Finder (lato destro/pannello deveices, ad es.)

Un pulsante +/-?

Il problema che ho con la freccia è che uno è spesso usato come menu avanzato (menu a discesa)

Per es. li hai su firefox/ie/windows OS. Sottolinea il fatto che questo non è solo un pulsante ma c'è un menu a discesa che verrà.

Il problema del +/- è che viene spesso utilizzato per creare/eliminare (rimuovi)

Qualche idea? suggerimenti?

10
Marc D

Direi sicuramente no al carattere di sottolineatura, è specifico per ridurre a icona una finestra, inoltre non ha davvero un rovescio, cosa useresti per aprire il backup della superficie.

Sia Windows che OS X usano la freccia/triangolo/controllo di divulgazione nella situazione che stai descrivendo, si verifica anche sull'iPhone anche se in quel caso non apre il sottocontrollo in posizione ma cambia la vista

Windows Disclosure controls

Questo set di controlli proviene da Microsoft UI Experience Guidelines mentre contiene le icone +/-, tutte le altre sono frecce e triangoli.

L'appropriato Apple Document lo chiama Disclosure Triangle

Apple Disclosure Triangle Example

E come già accennato, JQuery Accordion utilizza lo stesso aspetto per questo tipo di funzionalità.

Nella maggior parte di questi casi la freccia ruota con l'apertura e la chiusura della sezione nascosta

Per quanto riguarda la tua preoccupazione che venga confuso con la freccia utilizzata nella casella a discesa, nella maggior parte dei casi sembra completamente diverso, ma in realtà soddisfa anche uno scopo simile, nell'esporre una vista nascosta, anche se la vista si trova sopra il contenuto corrente anziché all'interno del contenuto.

Se vuoi andare con la nota +/- che il modo in cui Windows lo utilizza non è solo indipendente, è su una superficie graduata che suggerisce un pulsante

14
Harald Scheirich

La freccia, il carattere di sottolineatura e +/- funzionerebbero molto probabilmente, quello che direi che dovresti pensare sono le associazioni di ognuna di esse e vedere cosa ha più senso nella tua situazione.

Minimizing in Google Chrome on Ubuntu

Il carattere di sottolineatura , come ha detto ChrisF, ha l'associazione di minimizzare un'unità completa fuori dallo schermo - non comprimerla in posizione, ma una sorta di "get questa sensazione "fuori dal mio viso". Lo minimizzerebbe in un luogo fuori fuoco, piuttosto che tenerlo in posizione ma ridurlo.

Plus-Minus Icon, meaning "collapse a tree"

Il +/- (solo dove passa tra i due - uno da solo significherebbe l'aggiunta o la rimozione di un elemento da un elenco di elementi simili, come le schede in FF/Chrome) ha un'associazione specifica con alberi e nodi comprimibili. Il presupposto è che il titolo rimarrà al suo posto quando si preme il tasto [-] e il contenuto si espanderà. Per quanto ne so, è anche legato più agli elenchi e ai nomi/titoli dei contenuti, piuttosto che al contenuto stesso (come in, puoi usarlo per espandere un elenco dei file, ma non per vedere i file stessi ).

Di recente sto vedendo più della freccia/triangolo in varie forme, come nei pannelli di Adobe e in varie app Web. Questa è una freccia in giù, dove è simile in funzione a +/-, dove + è una freccia laterale (come mostrato) e - è una freccia in giù. Sta facendo qualcosa di simile al +/-, anche se direi che ha meno enfasi sui valori enumerati nel sottomenu che +/- ha, e conduce di più verso un "contenuto" generico. Non sarebbe strano vedere un nuovo pannello, non correlato nello stile all'elenco da cui fuoriesce, uscire da sotto la freccia - controlla menu a fisarmonica di jQuery per un esempio di questo stile. Direi che l'associazione del menu a comparsa è maggiore quando non è posizionata direttamente accanto al titolo/identificatore e quando sembra più un pulsante , in questo modo:

alt text

Qui hai tre frecce, ognuna separata da un titolo, e sembrano più pulsanti che altro. Come previsto, tutti pop-up menu. (Un'altra svolta interessante è la freccia destra che non si muove affatto - una sorta di "collegamento".

In tutta onestà, se si tratta di un menu a fisarmonica, perché non evitare qualsiasi icona e rendere semplicemente cliccabile il titolo/identificatore, con un passaggio del mouse per indicare quanto? esempio in UI Patterns ha questo, in realtà preferisco lo stile - rimuove le associazioni di tutte quelle icone.

Spero che aiuti!

5
Chris Vandevelde

Quello "Microsoft" - un carattere di sottolineatura nella parte inferiore del pulsante sembrerebbe un approccio sicuro a prima vista.

Minimize Icon

ma dipende da dove la finestra è ridotta a "a" e forse non funziona quando si sta comprimendo un pannello "su se stesso".

4
ChrisF

Windows 95 ha reso popolare il carattere di sottolineatura, come descritto nella risposta di ChrisF, ma penso che sia a causa dell'associazione con la barra delle applicazioni, che la finestra "minimizza" e la sua posizione più comune. Un potenziale problema è che la barra delle applicazioni può essere spostata (nella parte superiore dello schermo, ad esempio), a quel punto l'analogia dell'icona cade. Windows 3 utilizzato frecce su e giù .

Penso che se la minimizzazione è analoga a un sistema a finestre, la sottolineatura ha senso. Una fisarmonica è piuttosto diversa, tuttavia, e penso che gli esempi più comuni non abbiano alcuna icona, solo un solido blocco orizzontale con sfondo che si espande al clic. Normalmente, c'è un qualche tipo di effetto hover per comunicare l'interazione.

1
Bobby Jack

Il trattino basso o "-" è sicuro, ma dipende anche da come il menu/pannello sta minimizzando. Ad esempio, in Photoshop, i pannelli degli strumenti vengono ridotti a icona con una piccola doppia freccia che punta nella direzione in cui il pannello viene ridotto al minimo durante il collasso. Penso che in questo caso la doppia freccia funzioni meglio di un carattere di sottolineatura.

0
Ben

Quindi per riassumere,

_ (trattino basso/quadrato), perché non dipende dall'animazione che verrà. La mia domanda è che non vedo mai quello simbolico sul sistema OSX. Il sistema operativo Windows è solo metafora?

›La freccia sembra ampiamente usata. Ma non si adatta a un comportamento di espansione/minimizzazione (come in iGoogle)

-/+ (meno/più) non sembra molto popolare. e viene confuso con aggiungi/rimuovi contenuto.

Giusto?

0
Marc D

Il trattino basso non funzionerà su OSX (è - in un cerchio)

Penso che dovresti chiederti qualcosa di un po 'diverso.

Come si fa a massimizzare l'aspetto dell'icona? Quindi saprai come apparirà anche la tua icona minimizza. (ad esempio + quindi -)

0
ThomPete