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:
Mais alguma ideia?
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:
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:
Tente combinar o descrito acima para criar algo adequado para seu aplicativo e público.
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.
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.
Aqui estão algumas diretrizes simples de usar para notificação:
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'.
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.
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.
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.
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.
Se você considerar sinônimos de "notificações", como "alerta" ou "alarme", talvez algo como uma campainha.