Coleção - Análises de marketing em clientes de

Transcrição

1 Coleção - Análises de marketing em clientes de Introdução Nesta quinta edição da Coletânea de Análises de Marketing em Clientes de , apresentamos o estudo do Windows Mail, um cliente desktop da Microsoft nativo do Windows Vista, em substituição ao Outlook Express. O Windows Mail teve um excelente desempenho nos testes realizados, atendendo a grande maioria das expectativas. Isso deve-se ao fato de que o mecanismo de renderização do Windows Mail é o mesmo do Internet Explorer, logo, a renderização de mensagens em HTML no cliente de é quase a mesma do navegador. Pode-se dizer, inclusive, que o comportamento do Windows Mail é o mesmo que o do Outlook 2003, pois ambos utilizam o mesmo mecanismo de renderização das mensagens. Última atualização: 15/04/2009 Resumo do conteúdo: Com a publicação de uma edição por mês, a Coletânea Análises de marketing em clientes de tem o objetivo de auxiliar os desenvolvedores na codificação de marketing seguindo os padrões web, de acordo com o suporte de cada cliente de . Nesta edição, Windows Mail. Não perca a próxima edição, com as análises de Hotmail e Windows Live Mail. CSS Como o Windows Mail renderiza o HTML da mesma forma que o Internet Explorer, não há grandes problemas com posicionamento e formatação com CSS indiferente dos estilos serem inline, incorporados (dentro do HEAD) ou externos. Ao utilizar todos os estilos dentro da recomendação do W3C, incluindo diferentes seletores e propriedades, os mesmos problemas encontrados na visualização com o Internet Explorer são encontrados na visualização do template no Windows Mail. Algumas propriedades geralmente críticas na maioria dos clientes de , mostraram-se altamente funcionais no Windows Mail, tais como: float, backgroundimage, clear, margin, padding e até mesmo a pseudo-classe hover, que define o comportamento dos links ao passar o mouse sobre eles. As propriedades CSS não suportadas pelo Windows Mail são :focus, white-space, list-style-image e font-stretch. Na propriedade list-style-position, apenas o valor inside é suportado. Para obter a aparência de list-style-position:outside, basta não declarar a propriedade list-style-position.

2 Visualização de template com CSS e imagens desbloqueadas Visualização de template com CSS e imagens bloqueadas

3 Suporte aos atributos de tags HTML Suporta praticamente todos os atributos e tags HTML, incluindo cellpadding, cellspacing, colspan e rowspan. Entre as tags HTML não suportadas, encontram-se ol e base. Bloqueio de imagens Por padrão, o Windows Mail bloqueia as imagens de remetentes que não estão cadastrados na lista de endereços do destinatário e exibe uma mensagem de segurança. Mas se o contato já estiver adicionado na lista, as imagens serão exibidas normalmente, sem bloqueio. Caso a imagem esteja sem atributos de altura e largura definidos no código HTML, seu texto alternativo atributo ALT será exibido dentro de uma caixa com largura ajustável ao tamanho do texto, ou seja, quando mais longo o texto alternativo, maior será a largura da caixa da imagem, pois não haverá quebra de linha. Isso significa que até mesmo uma imagem pequena pode quebrar o layout do template na visualização com imagens bloqueadas, caso ela não possua os atributos de largura e altura definidos. O atributo ALT definido para a imagem no template será exibido no padrão visual do Windows Mail, com a fonte Verdana e tamanho de 11px, mesmo se a imagem receber uma formatação de fonte com atributos diferentes. Neste caso apenas a cor definida será aplicada ao texto alternativo. Se o atributo ALT não for definido para a imagem, na visualização do template com as imagens bloqueadas será exibido apenas um símbolo de erro, indicando que ali deveria haver uma imagem. Teste de visualização de imagens bloqueadas no preview pane do Windows Mail. Note que, quando a largura e altura são definidos no código HTML, o texto alternativo da imagem é exibido dentro de uma caixa com estas mesmas dimensões, respeitando o tamanho da imagem e quebrando linha quando o limite da largura é atingido. Porém, quando não há largura e altura definidos, o texto alternativo é exibido dentro de uma caixa com largura também indefinida, ajustando-se ao tamanho do texto e sem impor quebras de linha.

4 Template com imagens bloqueadas. Note que a imagem sem float e com align=right não possui largura e altura definidos, por isso, o texto alternativo é exibido numa caixa ajustável, ocasionando a quebra do layout. Template com imagens desbloqueadas. Formulários Exibe perfeitamente formulários, exibindo apenas uma mensagem de segurança sobre o dados enviados. As informações foram enviadas tanto com o formulário que usa método GET quanto com o formulário que utiliza método Post.

5 Formulário que utiliza método GET Formulário que utiliza método POST Vídeos Assim como seu antecessor Outlook Express, o Windows Mail não suporta vídeo em mensagens. Ao clicar no , aparece um aviso informando que tal ação não é permitida, sendo assim o não é visualizado corretamente, ficando em branco o espaço do vídeo. Aviso exibido pelo Windows Mail ao abrir uma mensagem que contenha um objeto Flash ou vídeo. Ele informa que um ou mais controles ActiveX não puderam ser exibidos porque: 1) As atuais configurações de segurança proibem a execução de controles ActiveX na página ou 2) Houve um bloqueio dos publicadores de um dos controles. Exemplo de marketing com vídeo inserido. A área com contorno vermelho indica o local onde o vídeo deveria ser exibido.

6 Animação em flash Objetos SWF não são suportados, seguindo os mesmos erros descritos na seção Vídeos. Não importa se o objeto for inserido através de Javascript, que é naturalmente bloqueado, ou através da tag <object>. Exemplo de template com vídeo no conteúdo. A área com contorno vermelho determina o local onde o vídeo deveria ser exibido.

7 Painel de visualização O Windows Mail possui um painel de visualização das mensagens. Na opção do menu Exibir > Layout, é possível selecionar um entre dois diferentes modos de visualização do painel: Vertical ou Horizontal. Windows Mail com painel de visualização (preview pane) vertical Windows Mail com painel de visualização (preview pane) horizontal O uso de painel de visualização de mensagens altera o modo de exibição das informações de Assunto e Remetente das mensagens especialmente o Layout Vertical, uma vez que ocupa uma boa porção da tela, e influencia também o modo de leitura das mensagens. O Layout Vertical permite uma visualização de uma parte maior do template, enquanto que o Layout Horizontal ressalta apenas a porção superior da mensagem. A observação destes detalhes é importante para que o conteúdo do marketing seja distribuído de acordo com estas áreas de destaque. Na visualização do Layout Vertical, são exibidos 16 caracteres para o Remetente e 33 caracteres para o Assunto na lista de mensagens. Caso estes limites sejam ultrapassados, as palavras são interrompidas com reticências (...). Na visualização com o Layout Horizontal, a lista mostra o Remetente com até 15 caracteres (caso ele seja maior, há a interrupção com reticências após o 16º caractere) e no Assunto com até 38 caracteres. O espaço disponível para exibição destas informações varia de acordo com o cliente de , por isso, é importante adotar uma média na quantidade de caracteres para que a leitura não seja prejudicada em nenhum cliente de . A média recomendada é de até 23 caracteres para o Assunto e para o Remetente.

8 Espaço disponível para o template Em clientes de desktop, existem diversas variáveis a serem consideradas antes de determinarmos o tamanho ideal do template para que seja exibido adequadamente nas janelas, sem ocultar informações. A possibilidade de uso e ajuste de dimensões do painel de visualização com Layout Vertical e Layout Horizontal, o ajuste do painel de mensagens e a variação da resolução de tela dos usuários são exemplos destas variáveis que, combinadas entre si, nos informam diferentes tamanhos disponíveis na tela para o template. Nestes casos, é importante adotar os limites mínimos até mesmo para continuar de acordo com os limites de webmails, que geralmente têm um espaço mais reduzido para a exibição da mensagem com uma largura de até 600 pixels. Resolução 800 x x x px 770 px 1000 px