web-development-kb-pt.site

Um ícone com duas setas apontando na direção oposta pode ser usado como um indicador para "Siga-me"

Eu estou criando um ícone representando "Siga-me". Duas setas apontando para os dois lados podem ser usadas como siga-me ou quaisquer outras setas de sugestões em um círculo ??? elo de corrente...?

6
iAspire

A menos que você esteja acostumado a andar em duas direções opostas diferentes ao mesmo tempo, este ícone é uma representação gráfica ruim para segui-lo :-)

O problema é que não há representação gráfica padrão aceita para "siga-me", principalmente porque não há definição aceita para a ação "siga-me" (pelo menos em um computador).

Portanto, 1. você realmente precisa fornecer mais informações se quiser sugestões de ícones e 2. o ícone não será padrão (porque a ação não é padrão) e será (não poderá, será) confuso para os novos usuários de seu site - para que um rótulo seja uma solução melhor nesse caso.

A propósito, duas setas na direção oposta é o ícone padrão para "conflito" nas ferramentas de desenvolvimento, e os elos de cadeia são o ícone "link" em quase todos os programas/componentes de edição de documentos da planta (incluindo a caixa de texto na troca de pilha da interface do usuário) Estou digitando isso agora).

Se você quer dizer siga-me no Twitter use um ícone de pássaro (de preferência com o rótulo "siga-me no Twitter").

3
Nir

"Seguir" não é uma ação comum e não possui ícone padrão. m rótulo de texto é mais óbvio.

O Twitter fornece texto no botão "seguir". Se a abordagem apenas por ícone não funcionar para eles, dificilmente funcionaria em outro lugar. Suponho que eles fizeram alguns testes de usabilidade.

Twitter Screenshot

13
dbkk

O usabilidadePost publicou um ótimo artigo na semana passada sobre falsa simplicidade. Aqui está uma ótima citação relacionada ao que foi discutido até agora com esta pergunta:

Em todos os estudos que consideraram a questão, demonstrou-se que os ícones são mais difíceis de entender do que os rótulos, principalmente na primeira visualização, o que contradiz uma das razões mais frequentemente citadas para o uso de ícones, a saber, a compreensibilidade para iniciantes.

Eu precisaria entender mais o contexto do seu ícone "Siga-me" para dar uma resposta concreta, mas parece algo que precisa ser mais óbvio para o usuário.

Se seu layout não deixar espaço para uma etiqueta, use um botão mais fácil de entender. Talvez um ícone com um pássaro no Twitter? Caso contrário, use um rótulo.

9
wnathanlee

Em uma observação geral, os ícones não têm para representar com precisão a operação que representam, embora o wnathanlee aponte com seu link para este artigo do artigo sobre usabilidade os ícones podem não ter sentido sem contexto.

Sim, ajuda, mas o mais importante é que os ícones dos aplicativos sejam claros e inequívocos no contexto do aplicativo e você facilitou a descoberta dos usuários. Você também precisa se certificar de que é consistente com as normas do setor - usando <- para trás e -> para a frente, por exemplo.

As dicas de ferramenta e o texto opcional ajudam a educar as pessoas sobre o significado dos ícones, mas você pode considerar o uso de texto.

Qual é o contexto? Esse é o seu próprio site ou um gadget/widget que outras pessoas incluem em seu site?

3
ChrisF

+1 na nota de Chris - e eu também diria que você não deve apenas tentar ser consistente com as normas do setor e, mais importante, ser consistente dentro do seu aplicativo: ter o ícone em lugares diferentes ainda indica a mesma coisa.

Além disso, se for clicável, certifique-se de representar visualmente sua clicabilidade como distinta de rótulos e texto simples.

Finalmente, tente ser sensível às normas culturais - preto, branco e vermelho têm significado cultural em vários países. E daltonismo - evite combinações de vermelho/verde, pois 6% da população masculina tem isso .

2
Julian H