Chiusa. Questa domanda è fuori tema . Attualmente non accetta risposte.

Commenti

  • ' stiamo utilizzando una piccola icona con un segno + e – accanto allimmagine di una cartella. (i nostri nodi dellalbero sono generalmente cartelle)
  • Questa ' è una domanda di progettazione. Votato per chiudere.
  • @Phil: Ci sono molte domande formulate " Che cosè una buona icona? " che hanno molti voti positivi e risposte. Non riesco ' a vedere nulla nelle FAQ che indichi che le domande sul design sono vietate.
  • @Phil In che modo il design non è una parte enorme dellesperienza utente …? Riesco a vedere come una domanda puramente stilistica sia indesiderata, ma la UX è tutta una questione di progettare le cose correttamente …
  • @alastairs: anche le FAQ ' non dicono che le domande sulle giraffe sono vietate;) Una buona domanda sarebbe: può essere ottenuto con unicona? E se sì, qual è ' il più comune? E la mia risposta sarebbe che solo pochissime icone senza etichetta funzionano per un vasto pubblico e che un approccio diverso potrebbe essere migliore (potrebbe essere facilmente testato con un rapido test di usabilità).

Risposta

Vai con una freccia. È ampiamente utilizzato per la compressione e lespansione, ed è piuttosto autoesplicativo.

inserisci la descrizione dellimmagine qui inserisci la descrizione dellimmagine qui

Commenti

  • Mi piacciono. Dove li hai trovati?
  • Mi sono creato da solo, sentiti libero per usarli.
  • Creo quelli con un guillemet ( en.wikipedia.org/wiki/Guillemet ) che poi ruoto di 90 gradi . Mi consente di scegliere un carattere specifico per ottenere un aspetto specifico.
  • Sì, questo è più intuitivo per me dei triangoli che ruotano di 90 gradi per rappresentare ciò che è fondamentalmente una diapositiva verticale più di una rotazione. Un modo di dire che ' ho visto è usare un singolo chevron verso il basso per espanderne uno e il doppio verso il basso per espandere tutto. Su e raddoppia per comprimere.
  • Penso che queste siano azioni pagina giù, pagina su. ' non crea confusione? o sono lunico?

Risposta

Ho già utilizzato questo tipo di idea di seguito, non queste icone reali, ma qualcosa basato su di esse e in linea con il resto dello stile di design.

inserisci qui la descrizione dellimmagine

inserisci qui la descrizione dellimmagine

Commenti

  • Grazie; avevo visto qualcosa di simile al " espandere " icona altrove.
  • Ciò ha senso, poiché presumibilmente i singoli nodi sono costituiti da una singola casella contenente un segno più o meno. Se OTOH stavi utilizzando un singolo gallone su ogni nodo dellalbero, la versione " all " potrebbe essere doppio chevron, che è unicona più semplice da analizzare visivamente.

Risposta

Vorrei andare a un visuale soluzione più pulita, cioè con meno artefatti / disordine.

Google Mail - Comprimi tutto Google Mail - Comprimi tutto Esempio2

Esempio1

Commenti

  • Non ' Non credo di ' lho mai visto prima, quindi personalmente ' non chiamerei è ampiamente adottato!
  • Ho appena controllato Gmail e utilizza unicona simile a questa per il pulsante di espansione / compressione durante la visualizzazione di una conversazione di posta elettronica.

risposta

Quindi cè un consenso? In tutto il Web, anche allinterno delle stesse organizzazioni, li ho visti utilizzare icone diverse. Su Google Gruppi, usano la combinazione freccia rivolta verso destra / freccia giù rivolta verso il basso. In Gmail, usano il + / -. In Google Plus usano il Doppia freccia Chevron. WTF? Capisco che diversi gruppi costruiscono queste applicazioni e unicona potrebbe avere più senso contestuale in un posto rispetto allaltro, ma seriamente, la standardizzazione sarebbe piacevole.

Al di fuori della doppia freccia Chevron, io “Sono sempre stato riluttante a usare la freccia rivolta verso destra / giù. Penso che andrà perso / confuso con le caselle combinate nella pagina.

Risposta

Non riesco a cogliere il contesto di cui hai bisogno per implementare il progetto. Ma ho sempre trovato casi come questi non è necessario reinventare la ruota.

un buon riferimento da usare è http://patterntap.com/ Lho sempre trovato utile, spero che ti aiuti.

Commenti

  • Sfortunatamente, il collegamento patterntap è rotto.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *