web-development-kb-pt.site

Qual ícone poderia ser usado para significar 'notificações'?

Como parte de um aplicativo baseado na Web, temos uma barra de ferramentas na parte superior da página. A barra de ferramentas contém botões que consistem em ícones pequenos (30x30) com uma única palavra embaixo (por exemplo, um botão de pesquisa consiste em um ícone de uma lupa com a palavra "pesquisa" embaixo).

Adicionamos um novo botão que permite aos usuários receber notificações sobre itens nos quais eles já haviam registrado interesse (se eles foram alterados desde então).

Qual seria uma boa imagem para usar neste ícone para transmitir o significado de "notificações"?


Obrigado pelas respostas, mas deixe-me jogar uma chave inglesa nos trabalhos:

Já usamos pontos de exclamação e ícones 'i' em outras partes do aplicativo para outros fins, portanto, a reutilização de um deles pode causar confusão. Além disso, o recurso de notificações não é passivo (como a obtenção de um novo email), mas exige que o usuário os carregue ativamente; portanto, ele só precisa de um ícone estático.

As opções que consideramos até agora, mas não acho que sejam particularmente óbvias no que elas significam:

  • ponto de exclamação
  • um "triângulo de advertência" (por exemplo, algo como this )
  • um balão de fala (por exemplo, algo como this )
  • um ícone alto-falante (por exemplo, algo como this )
  • algo como um ícone de feed RSS

Mais alguma ideia?

7
adrianbanks

Eu já vi muitos pontos de exclamação e "i" como ícones efetivos. Se você deixar o ícone branco em vermelho e circular, você invocará uma associação com a convenção do iOS de mostrar números em círculos vermelhos para indicar "novos" itens nos aplicativos. Então você pode tentar colocar um ponto de exclamação em um ou um "i". Em seguida, teste os dois para ver que tipo de efeito isso tem na sua base de usuários.

O amarelo é outra cor usada para notificações em geral, bem como uma cor que geralmente se destaca bastante (embora o amarelo às vezes implique um aviso). O azul é usado frequentemente como uma cor indicativa neutra em combinação com pontos de interrogação (para botões de ajuda, etc.).

Veja como os ícones ficam no iOS:

Notification icons in iOS

Este ícone chama uma associação com mensagens, certamente parte do conceito de notificação, por meio da metáfora de seu balão de bate-papo:

Notification icon within a chat bubble

Tente combinar o descrito acima para criar algo adequado para seu aplicativo e público.

10
Rahul

Eu usaria um ponto de exclamação e daria a ele algum tipo de estado para novas notificações.

Cinzento ! para nenhuma notificação. Vermelho! para notificações.

1
MushinNoShin

Eu acho que o ícone não depende tanto do fato de ser uma notificação quanto do tipo tipo do aviso.

Se você estiver mostrando que existem três avisos, o ícone de aviso é apropriado. Mas parece que você não sabe ou não pode saber o tipo de aviso quando o exibe, então o alto-falante ou como Rahul sugeriu, apenas um número é o IMHO mais apropriado.

Não gosto do branco no vermelho, porque me parece que é um erro, embora você possa argumentar que é branco no vermelho porque é urgente. Se você não souber a contagem antes de visitar os avisos, poderá usar uma estrela/brilho para indicar que há algo novo nas notificações.

1
Bernhard Hofmann

Aqui estão algumas diretrizes simples de usar para notificação:

  1. A Apple tem uma ótima maneira de mostrar notificações. Eles não usam um ponto de exclamação. O círculo neutro funciona porque um ponto de exclamação é muito pesado. Às vezes, o usuário pode ter mais de 200 notificações para determinados aplicativos e, se 'tudo for urgente, nada será urgente'.

  2. Quadrados, bolhas e outras formas neutras funcionam. Tente diferentes combinações de cores também. A cor deve se destacar no pano de fundo, mas não deve ser tão avassaladora que o usuário possa ignorá-la e continuar com seus negócios.

  3. Reserve usando pontos de exclamação, balões de fala e outros ícones mais literais com moderação. Use-os para avisos que gritam 'Olhe para mim, estou aqui !!!' e outros assuntos urgentes que exigem ação do usuário antes de continuar.

0
squeezemylime

Em termos de notificações, acho que o Apple ficou bem claro e a maioria das pessoas que já ouviu falar do Apple ou possui um iPhone ou conhece um iPhone sabe sobre o sistema de notificação.

Se for uma notificação de um item específico, talvez você precise de um ícone que reflita os layouts do item.

Algo semelhante ao abaixo com uma notificação de estilo Apple sobrepondo o canto superior direito.

http://www.iconfinder.com/icondetails/42270/48/bullets_list_icon

http://www.iconfinder.com/icondetails/42139/48/2_3x3_grid_icon

http://www.iconfinder.com/icondetails/42258/48/image_text_icon

Se você não estiver satisfeito com uma nova notificação do tipo Apple), talvez seja possível adicionar uma cor de ícone mais vibrante quando uma nova notificação aparecer.luzes, pulsos ou similares também são ótimas maneiras de obter o usuário atenção.

Espero que isto ajude.

0
Michael Henley

Então, você deseja que os usuários notem a atualização e que eles atuem baixando as novas notificações?

Eu sugeriria um círculo vermelho (que, como explica bem o post de Rahul, é uma cor comum para novos alertas de atualização) com uma seta branca para baixo. Isso, é claro, é um símbolo amplamente reconhecido para algo que precisa ser baixado ou "buscado". Se a microcópia para acompanhar o ícone for "Notificações", acho razoável presumir que os usuários entenderão.

Dito isto, é claro que a chave de todas essas coisas é testar qualquer uma das alternativas que você está considerando.

0
theothermatt

Se você considerar sinônimos de "notificações", como "alerta" ou "alarme", talvez algo como uma campainha.

0
DJClayworth