Novo design para as notas do Real em tamanhos diferentes

O Banco Central finalmente apresentou esta semana o novo design das notas de Reais com tecnologia mais avançada contra fraudes, que começam a veicular a partir de maio deste ano com as notas de R$100,00 e R$50,00, entrando totalmente em vigor até 2012.

Eu acho que notas com tamanhos diferentes atrapalha na organização. Porém, muita gente está dizendo que esse novo formato foi pensado também para deficientes visuais, o que é totalmente válido. Mas ainda acho que seria mais "fácil" se cada nota tivesse um sistema de leitura com o tato, no caso do braile.

De toda forma, falando do design, achei muito bom, embora ainda seja estranho de se acostumar com a mudança. O bom é que não mudaram as cores!

Ícones para o Twitter - parte 2

Ícones para o Twitter - parte 1

Logotipos clássicos do Rock

Um amigo meu postou no twitter um link com alguns dos logotipos cláááássicos do Rock! Então vamos relembrar alguns mais marcantes da história da música. Alguns chegaram a virar fontes e outros até entraram na categoria de ícones modernosos, mas dúvido que alguém não reconheça pelo menos um deles.

Os 4 primeiros são os meus preferidos! E pra ser mais específica, o 4º é o meu mega-blaster preferido! =D 

E você? qual gosta mais?

As 100 marcas mais sociais

Essa lista com as 100 marcas mais "badaladinhas" de 2009, foi feita pela empresa americana Vitrue, especializada em redes sociais. Essa preocupação com as redes sociais confirma a ideia de que a gestão das marcas está mudando. Querendo ou não, uma empresa pode receber comentários de qualquer pessoa contra ela. Se antes o domínio sobre as marcas era grande, hoje elas estão muito mais vulneráveis à opinião das pessoas. E isso é bom para nós, consumidores.

1. iPhone
2. Disney
3. CNN
4. MTV
5. NBA
6. iTunes
7. Wii
8. Apple
9. Xbox
10. Nike
11. Starbucks
12. NFL
13. PlayStation
14. Adidas
15. BlackBerry
16. Sony
17. Mercedes
18. Microsoft
19. Samsung
20. BMW
21. Nintendo
22. Best Buy
23. ESPN
24. Ford
25. Honda
26. Ferrari
27. Gucci
28. Nokia
29. Major League Baseball
30. Dell
31. Coca-Cola
32. CBS
33. ABC
34. iPod
35. Mac
36. Turner
37. Nissan
38. Toyota
39. eBay
40. Amazon
41. Victoria’s Secret
42. Nutella
43. NASCAR
44. Disneyland
45. Audi
46. NHL
47. Red Bull
48. Verizon
49. Intel
50. Subway
51. Hewlett-Packard
52. Puma
53. Kia
54. Fox News
55. Porsche
56. Jeep
57. Dodge
58. Pandora
59. Walmart
60. Zappos
61. Suzuki
62. McDonald’s
63. Krystal
64. T-Mobile
65. Skittles
66. KFC
67. Volkswagen
68. NBC
69. Sprint
70. Pixar
71. Motorola
72. IKEA
73. Pepsi
74. Cisco
75. REI
76. LG
77. AT&T
78. Converse
79. The Gap
80. Chevrolet
81. Louis Vuitton
82. Toys”R”Us
83. H&M
84. Philips
85. General Motors
86. Pringles
87. Visa
88. Prada
89. Panasonic
90. IBM
91. VH1
92. Hulu
93. Oracle
94. Burberry
95. SEGA
96. Sears
97. Avon
98. Jet Blue
99. Lacoste
100. Comcast

5 ferramentas que medem seu poder e fama no Twitter

Capital social, influência, popularidade - os nomes são muitos, mas a ideia é uma só: saber até onde seus tweets podem chegar.

Segue uma lista de 5 sites que "avaliam" sua popularidade:

Buzzom – O recurso estatístico deste site analisa suas informações no Twitter e mostra um número de gráficos e tabelas que descrevem seu perfil e medem sua influência na Twittersfera. Seu ranking de “influência”, por exemplo, é calculado determinando-se a razão entre o número de pessoas que você segue e o número de pessoas que estão lhe seguindo (sua pontuação será mais alta se as pessoas quiserem segui-lo mesmo que você não as siga de volta). Sua pontuação de “retweet” é determinada pela freqüência com que outros retuítam suas mensagens, e sua “eficiência no Twitter” é determinada pela comparação entre sua taxa de tweet a seus seguidores – se você tuíta com freqüência e tem poucos seguidores, seus tweets são considerados “perdidos” e você receberá uma pontuação baixa. Por fim, sua pontuação geral (que o Buzzom chama de “InRev TwitIn Score”) é calculada levando todas essas pontuações em consideração.

Topsy – O Topsy funciona principalmente como uma ferramenta de busca no Twitter, mas também categoriza os usuários do Twitter como “influentes” ou “altamente influentes” baseado em alguns fatores, incluindo com que freqüência você é citado em tweets e quão influentes são as pessoas que tuítam sobre você ou sobre os links que você publica. Por exemplo, o site afirma que “Se Alice retuíta um tweet de Bob, e Carol retuíta Alice, o tweet do Bob atingiu não apenas  a audiência de Alice, mas também a de Carol”. Quanto mais influentes são as pessoas que o retuítam, maior será sua influência. O Topsy premia com o título de “altamente influente” cerca de 0,2% de seus usuários, enquanto 0,5% são considerados “influentes”.

Twinfluence – O Twinfluence lhe dá quatro rankings, depois que você entre com seu nome de usuário e permita o acesso a sua conta do Twitter. O “reach ranking” é seu ranking geral comparado com outros usuários que já foram avaliados pelo site. O porcentual próximo a esse número é seu grau; o Twitinfluence diz que um grau de 75% indica que você tem um “reach” (que é o número de seguidores que um usuário tem, mais todos os seguidores de seus seguidores) mais alto que o de ¾ de outros usuários que ele analisou.

O próximo grupo de estatísticas analisa sua “velocidade”, “capital social” e “centralização”. A velocidade mede o número de seguidores de primeiro e segundo grau atraídos por dia desde que você criou sua conta. Quanto maior esse número, mais rapidamente você tem acumulado sua influência. O capital social mede quão influente seus seguidores são. Um valor alto indica que a maioria dos seus seguidores também tem um bom número de seguidores. O capital social varia de “muito baixo” a “muito alto”, em comparação com outros cuja rede tem o mesmo tamanho que a sua. O último item, centralização, mede quanto de sua influência é investida em um pequeno número de seguidores, e é classificada de “muito frágil” a “muito resiliente”. Se você tiver baixa centralização, seu alcance não será muito reduzido se alguns usuários com perfil alto pararem de segui-lo, por exemplo.

Twitter Grader – O Twitter Grader leva seis fatores em consideração na hora de classificá-lo como usuário do Twitter: o número de seguidores que você tem (mais seguidores = maior grau), o poder de seus seguidores (se você é seguido por pessoas com um alto grau, isso conta mais), atualizações (mais geralmente equivale a um grau maior), freqüência de atualizações (uma data recente na sua última atualização lhe dará notas altas) e a taxa seguidores/seguidos (quanto maior a taxa, melhor). Esses seis fatores determinam sua pontuação. O cálculo de “grau” é a porcentagem aproximada dos outros usuários que têm uma pontuação igual ou menor. Seu posto é baseado em como os outros usuários pontuaram; essa será sua posição na lista. Schawbel diz que o Twitter Grader é sua ferramenta favorita para medição de influência no Twitter.

TwitterScore – O TwitterScore é uma ferramenta básica que julga sua “popularidade” no Twitter. Digite seu nome de usuário e dê permissão ao site para acessar sua conta. Seu “Twitter Score Report” aparecerá, dando-lhe uma posição em relação a 90 mil usuários. O relatório também mostrará o número de seguidores, amigos (que ele considera como as pessoas que você segue e que também lhe seguem), e o número de atualizações já publicadas. O TwitterScore considera essa informação (ou, como diz, “nós levamos em conta seus seguidores e a popularidade deles, a quantidade de pessoas que você segue e  a quantidade de atualizações que você já publicou e outras poucas coisas...”) para determinar sua pontuação no Twitter, de zero a dez.

(fonte: http://idgnow.uol.com.br/internet/2010/01/15/5-ferramentas-que-medem-poder-e-fama-no-twitter/)

URL Fail

Fiz a minha própria montagem fail, se eu começar a prestar mais atenção...vai chover coisas desse tipo por aqui.
Dizem no twitter que foi um estagiário que fez esta obra!
Se foi ou não, eu não sei, mas isso é nome de URL que se coloque? Ainda mais no site do G1!

Ninguem deve ter visto, pelo menos a URL continua a mesma, até o momento:
http://g1.globo.com/Noticias/Rio/0,,MUL1442198-5606,00-PUTA-QUE-PARIU-CALOR-DA-PORRA-VIXE.html

Fail...muito Fail !

Pacotes de Patterns para Photoshop

Esse é um site muiiiiiiiiiiiito legal! Tem vários pacotes de patterns para photoshop, todos em alta resolução.

http://www.webtreats.mysitemyway.com/category/photoshop-resources/patterns/

Formato ideal de imagens no email marketing

Entre os formatos PNG, JPEG e GIF de imagens, qual é o ideal para compor o email marketing?
A escolha equivocada pode deixar as imagens bem mais pesadas do que o recomendado. Aumentando o tamanho final da sua mensagem e tornando seu download e abertura mais lentos para o destinatário.


Veja alguns detalhes de cada formato:

O JPG é o mais usado em email marketing, por aliar qualidade de imagem e tamanho otimizado. Aceita diferentes níveis de compressão: quanto maior a compressão, menor a fidelidade com a imagem original. Lembrando que o JPG não suporta transparências.

O GIF suporta transparências, e uma imagem salva como GIF, normalmente, tem o tamanho bastante reduzido. Porém, o uso do formato GIF é indicado para ícones ou imagens que não precisam de muitas cores. Outro fator que contribuiu para popularização do GIF é a possibilidade de criar pequenas animações. O GIF animado é a alternativa ideal em substituição às animações SWF no email marketing, porém, o Outlook 2007 exibirá apenas o primeiro quadro da animação por não suportar GIF animado.

O PNG tinha como objetivo ser um GIF melhorado e de fato é: assim como o GIF, ele suporta transparências, mas também traz a mesma vantagem do JPG de possuir suporte a 24bits ou 16,8 milhões de cores, mas com um algoritmo de compressão mais eficiente e que não proporciona perda de qualidade a cada vez que é salvo o arquivo.


Porém, as imagens com extensão PNG também trazem algumas desvantagens quando utilizadas no email marketing: as imagens ficam bem mais pesadas do que um JPG (por sua qualidade superior) e as que têm áreas transparentes não são aceitas em versões do outllook anteriores a 2007, pois seu render engine é o mesmo que o do IE6, que não suporta PNG transparente. As áreas que deveriam ser transparentes podem ser exibidas em cinza.

Concluímos que não existe um formato certo ou errado, apenas o mais indicado para cada tipo de imagem. Para ícones, botões e imagens sem degradé, o recomendado é usar GIF, que trabalha muito bem com poucas cores ou cores chapadas e deixa a imagem leve, com poucos bytes. Já uma foto, paisagem ou ilustração com um espectro maior de cores ou mesmo degradé, o recomendado é usar JPG, que salva com uma qualidade boa e não deixa o arquivo pesado. O PNG pode ser utilizado em imagens que exigem a combinação de qualidade superior com áreas transparentes e bordas com alta definição, independente da cor do fundo em que a transparência for aplicada.

Truques de HTML para Email marketing

Separei aqui algumas dicas de HTML que demonstram a melhor maneira de formatar textos, links e imagens no email marketing.

Textos

Até pouco tempo atrás, muitos webmails não interpretavam corretamente CSS. Atualmente, ainda existem algumas limitações, mas o uso de CSS na forma inline para formatação de textos já é bem aceito nos clientes de email:

< p style="font-family:arial, sans-serif; font-size: 12px; color:red; font-weight:bold;" > Esta formatação produz um paragrafo de texto em fonte Arial, tamanho 12px, em vermelho e negrito < /p >

O recomendado ainda é usar o < font >, pois desta forma o código não fica tão extenso.



- Para formatar texto com a tag < font >

< font face="Arial, Helvetica, sans-serif" size="2" color="#FF0000" > Parágrafo de texto com a fonte Arial, tamanho 2, em vermelho. < /font >

Imagens


O atributo alt oferece um texto alternativo quando alguma imagem não carrega ou não pode ser visualizada. Esse atributo é muito usado para melhorar a acessibilidade de uma página na web e principalmente de um email marketing, já que muitos clientes de email bloqueiam as imagens enviadas por remetentes desconhecidos do destinatário. Nesta situação, a função do atributo é facilitar a "pré-leitura" para o usuário. O atributo ALT pode ser formatado para a leitura ficar mais organizada:

< font face="Arial, Helvetica, sans-serif" size="2" color="#FF0000" > < img src="email_01.jpg" alt="Virtual Target" width="186" height="31" >< /font >

Em imagens e quaisquer outros elementos de bloco do HTML, evite o uso das propriedades de posicionamento, como position, left, top, clear e float. Apesar de suportarem CSS inline, estas propriedades não são muito bem aceitas pelos clientes de email.


Links

Para formatar a aparência do link, basta colocar uma formatação de cor de fonte entre as tags

< a > e < /a >.





< a href="#" target="_blank" style="text-decoration:none;" >
< font color="#009900" > Exemplo de link com formatação. < /font > < /a >



Lembrando que, através dos atributos face e size da tag font, é possível também alterar o tamanho e tipo de fonte utilizados para o link.

Se necessário, você pode remover o sublinhado dos links através de CSS.
Na tag < a > , insira o trecho style= “text-decoration:none;” (como indicado no exemplo acima). Isso irá remover o efeito de sublinhado do link. Mas não se esqueça que as pessoas associam textos sublinhados com links, tornando sua identificação mais rápida em meio aos demais textos.

(material desenvolvido para o Virtual Target) 

Prevenção de erros no envio do email marketing

Depois  de todo o processo  de desenvolvimento do  email marketing, é preciso testar e verificar alguns detalhes antes do envio. Leia algumas dicas:

Todas  as imagens estão hospedadas?  Se as imagens de seu email marketing não estiverem hospedadas na web, não serão visualizadas pelo destinatário quando ele abrir a mensagem. Isso significa que o endereço do src da tag de imagem deve ser do tipo http://www.exemplo.com.br/imagem.jpg

Todas  as imagens importantes  estão com o atributo  Alt definido? Alguns clientes de email bloqueiam as imagens quando o endereço de remetente não for conhecido (não constar no catálogo de endereço do destinatário). Nesta condição o destinatário verá apenas os textos alternativos definidos no atributo alt.

Os  links estão corretos?  Teste todos os links da sua mensagem e verifique se estão levando para o lugar certo. Lembre-se de que todos os links devem conter o atributo target=”_blank”. Isso garante que os endereços de destino serão abertos em novas janelas.

As  informações contidas na  mensagem estão corretas?  Leia e releia todos os textos de sua mensagem, pois qualquer informação incorreta pode levar à má interpretação pelo destinatário.

O  endereço de remetente  é válido? É importante que o endereço de email do remetente exista e esteja ativo para receber respostas. Caso as respostas precisem ser direcionadas para outro endereço, verifique se este também está correto.

O  email marketing foi  testado em todos os  clientes de email? Esse é um dos passos mais importantes do check list. Teste seu email marketing nos webmails e clientes desktop mais utilizados. Se possível, faça o teste dos webmails em diferentes browsers, pois o Internet Explorer e o Firefox, por exemplo, renderizam o HTML de diferentes formas.

O  tamanho da mensagem  está adequado? Verifique se o HTML tem até 30kb e se a soma das imagens resulta em até 100kb. Se esses limites forem ultrapassados, sua mensagem pode demorar para carregar.

A  base de contatos para  a qual será enviada  a mensagem está correta? Uma mensagem enviada a um destinatário indevido pode causar transtornos para a empresa remetente ou para o próprio destinatário.

A  data e o horário  do envio estão corretos? A última etapa do check list é a confirmação do envio. Verifique se o dia e o horário escolhidos estão de acordo com suas melhores taxas de visualização e cliques.

Nesse  check list, apresentamos  alguns dos pontos mais  importantes a serem  verificados antes do  envio da mensagem para  prevenir erros muito  comuns no email marketing.

(material desenvolvido para o Virtual Target)

Cadeira Tetris

O designer Gabriel Cañas, do México, criou cadeiras inspiradas no clássico game de raciocínio "Tetris". As peças de mobília utilizam os formatos existentes no game e são feitas em preto e branco ou coloridas. As cadeiras são feitas de fibra de vidro.



Via (Clicrbs)

Kanban para Design Gráfico e User Experience (UX) usando Scrum

(artigo do site Dubaralho - http://www.dubaralho.com.br/2009/10/28/kanban-para-design-grafico-e-user-experience-ux-usando-scrum/)

Para quem já mexeu no Scrum, vai entender a real necessidade de colar algo desse tipo na parede!

Uma ferramenta importante no Scrum, é o Kanban, que eles insistem em querer fazer um formato digital, mas nada tão simples e interativo como o tradicional onde todos olham o tempo todo, sem necessidade de login, senha, abrir navegador, alt+tab e etc.

Porém todos os kanban que vejo, são bem feios, alguns dão até medo e em muitos casos acaba poluindo o local de trabalho.

Foram desenvolvidas 3 propostas/tipos de quadros kanban:

1. Kanban para UX

Na nossa primeira experiência com o Kanban, utilizamos o modelo da imagem abaixo, nele todas as etapas do método de Design, desde da Compreensão (Briefing) até Look&Feel e Design Final estavam distribuidas sem distinção na coluna de “Em Andamento”.

Este mostra os entregráveis ao lado, principalmente para quem está iniciando, é bem importante observar.

Download Kanban UX (PDF)

2. Kanban para UX – Incremental

Com a experiência de uso, vimos a necessidade em dividir em mais etapadas e de acordo com o método de Design de UX que utilizamos. Com isso, criamos um novo Kanban como é mostrado abaixo.

A área de Design cria sites, software, intranet, extranet e são muitos clientes internos de diversas áreas.

Como a área de Design funciona como um pool de recursos para todos os projetos da empresa, analisamos que o Scrum ideal ainda não se adapta as nossas necessidades de acordo com os processos internos. Com isso usamos uma ferramenta que o Scrum também utiliza que é o Kanban.

É muito mais detalhado e os post-its ficam cada um na sua fase do projeto. Procuramos mostrar o que siginifica cada fase e algumas ferramentas e entregáveis podem ser utilizada, um resumo do nosso método.

Download kanban UX – Incremental (PDF)

3. Kanban para Designer Gráfico/Comuicação

Nossa área é como se fosse uma agência dentro de uma empresa e dividimos em 2 partes, Designer Gráfico/Comunicação e User Experience e também fizemos um quadro especial para quem trabalha mais na parte gráfica e comunicação.

No lado esquerdo colocamos alguns tópicos da identidade visual alguns pontos importantes da estratégia de branding que precisam ser analisados antes e durante a execução do projetos de Desgin Gráfico/Comunicação.

Download Kanban – Designer Gráfico e Comunicação (PDF)

Dicas para diminuir o descadastramento de emails

O descadastramento de emails, mais conhecido como Opt-Out, quer dizer que um usuário quer ser retirado de uma determinada lista de emails. Isso pode acontecer por diversos motivos, mas você pode evitá-los, veja como:

- Atenção a freqüência para enviar seu email marketing
Muitas vezes o excesso de mensagens enviadas é a causa da decisão de seus destinatários cancelarem o recebimento de emails. Você pode oferecer aos seus destinatários uma opção para alterar a freqüência das mensagens enviadas, quando clicarem no link de cancelamento. O que também pode ser previsto no momento em que o destinatário se cadastrar para o recebimento de seus emails.

- Proporcionar formas alternativas de manter contato
É importante que seus destinatários saibam que há outras maneiras para que permaneçam em contato, forneça links para seu site, blog, feeds e quaisquer outros meios de comunicação.

- Deixe o destinatário opinar sobre as mensagens recebidas
Disponibilize no email marketing alguma maneira em que o destinatário possa opinar sobre a mensagem. A forma mais usada é um campo contendo o seguinte texto: “Que nota você dá ao conteúdo dessa newsletter”, seguido por uma seqüência numérica, de 1 a 5, onde o número 1 é ruim e o número 5 é muito bom.

- Pergunte aos assinantes o por quê do cancelamento da inscrição
É importante saber porque seus contatos estão cancelando o recebimento de emails. Forneça aos seus destinatários, um formulário de resposta voluntária, quando clicam no link de cancelamento. Isso lhe dá informações valiosas no que diz respeito ao motivo do cancelamento. Você pode usar essas informações para evitar que outros assinantes possam cancelar pelo mesmo motivo.

- Dê aos assinantes o que eles estão procurando
Seus assinantes esperam que você cumpra determinadas expectativas. Se você não der o que eles querem, não terão razão para continuarem inscritos em sua base. Se você prometeu enviar emails informativos, evite colocar conteúdo promocional dentro da sua mensagem.
• Forneça aos destinatários uma lista de temas e assuntos que preferem receber, já no formulário de cadastro.
• Também é importante proporcionar-lhes a opção de cancelamento apenas a partir de um determinado tema ou assunto.
•Analise seus relatórios e faça uma lista sobre os temas e promoções que conseguem a melhor resposta de seus destinatários para adequar o seu e-mail.

Seguindo essas dicas, além de melhorar o relacionamento com sua base de contatos, você também pode diminuir a taxa de opt-out.

(dica escrita para o site da Virtual Target: http://ptbr.virtualtarget.com.br/dicas.php/3/45/dicas-para-diminuir-o-descadastramento-de-emails/)

Orkut terá novo visual

O Google resolveu mudar umas coisas no Orkut, mudou o padrão de cor e tem uma "novidade": Ele terá um pouco do twitter.
Quem fizer o download do navegador Chrome em sua página oficial terá uma surpresa. Pela imagem, é possível ver que o novo Orkut trará mais possibilidades de modificação da página inicial do usuário, que poderá adicionar cores e postar atualizações aos moldes do Twitter.