Comentários
- Nós ' estamos usando um pequeno ícone com um sinal + e – próximo a uma imagem de pasta. (nossos nós de árvore geralmente são pastas)
- Isso ' é uma questão de design. Votado para fechar.
- @Phil: Existem muitas perguntas formuladas " O que é um bom ícone? " que tem muitos votos positivos e respostas. Não consigo ' não ver nada no FAQ indicando que questões de design são proibidas.
- @Phil Como o design não é uma grande parte da experiência do usuário …? Eu posso ver como uma pergunta puramente estilística é indesejada, mas UX tem tudo a ver com projetar as coisas de maneira adequada …
- @alastairs: O FAQ também não ' diz que perguntas sobre girafas são proibidas;) Uma boa pergunta seria: Isso pode ser feito com um ícone? E se sim, qual ' é o mais comum? E minha resposta seria que apenas alguns ícones sem rótulo funcionam para um público amplo e que uma abordagem diferente poderia ser melhor (poderia ser facilmente testada com um teste de usabilidade rápido).
Resposta
Vá com um chevron. É amplamente utilizado para recolher e expandir, e é bastante autoexplicativo.
Comentários
- Gosto deles. Onde você os encontrou?
- Eu mesmo criei, fique à vontade para usá-los.
- Eu crio aqueles com um guillemet ( en.wikipedia.org/wiki/Guillemet ) que giro 90 graus . Isso me permite escolher uma fonte específica para obter uma aparência específica.
- Sim, isso é mais intuitivo para mim do que triângulos que giram 90 graus para representar o que é basicamente um slide vertical mais do que uma rotação. Um idioma que ' vi é usar uma única divisa para baixo para expandir um e o dobro para baixo para expandir todos. Para cima e dobre para recolher.
- Estou pensando que essas são ações de página para baixo, página para cima. Não é ' um pouco confuso? ou sou o único?
Resposta
Eu já usei esse tipo de ideia abaixo – não estes ícones reais, mas algo baseado neles e em conformidade com o resto do estilo de design.
Comentários
- Obrigado; eu tinha visto algo semelhante ao " expandir " ícone em outro lugar.
- Isso faz sentido, uma vez que presumivelmente os nós individuais consistem em uma única caixa contendo um mais ou menos. Se OTOH estiver usando uma única divisa em cada nó da árvore, a versão " all " pode ser divisas duplas, que é um ícone mais simples de analisar visualmente.
Resposta
Eu iria para um visualmente solução mais limpa, ou seja, com menos artefatos / desordem.
Comentários
- Eu não ' acho que ' já vi isso antes, então, pessoalmente, eu não ' ligaria é amplamente adotado!
- Acabei de verificar o Gmail e ele está usando um ícone semelhante a este para o botão expandir / recolher ao visualizar uma conversa por e-mail.
Resposta
Então, há um consenso? Em toda a web, mesmo dentro das mesmas organizações, já os vi usar ícones diferentes. Nos Grupos do Google, eles usam a combinação de seta para a direita / seta para baixo. No Gmail, eles usam + / -. No Google Plus, eles usam o Seta dupla Chevron. WTF? Eu entendo que grupos diferentes criam esses aplicativos e um ícone pode fazer mais sentido contextual em um lugar do que o outro, mas, falando sério, a padronização seria bom.
Fora da seta dupla Chevron, eu “Sempre relutei em usar a seta para a direita / para baixo. Acho que se perderá / confundirá com qualquer caixa de combinação na página.
Resposta
Não consigo entender o contexto em que você precisa que o design seja implementado. mas sempre encontrei casos assim, não é necessário reinventar a roda.
uma boa referência para usar é http://patterntap.com/ Sempre achei útil, espero que ajude você.
Comentários
- Infelizmente, o link patterntap está quebrado.