interfaces visuais de apresentação de dados e navegação
DESCRIPTION
Certos domínios da ciência lidam com quantidades exorbitantes de informação. Lidar com toda essa informação por si só pode ser uma barreira enorme para muitas pessoas e empresas, barreira esta que não existe isolada. Depois de conseguir armazenar e organizar informação, é necessário ser capaz de a interpretar de uma forma correta. Dependendo do utilizador, isto pode ser mais ou menos acessível. Alguém sem treino ou experiência técnica não vai ser capaz de interpretar informação com uma folha de cálculo com milhões de entradas. Para isto utilizam-se ferramentas que criam gráficos intuitivos a partir dos dados em bruto. Com o propósito de criar um produto tão poderoso como acessível, este documento vai reunir e observar as melhores e mais interessantes ferramentas de visualização e análise de dados utilizados hoje em dia, estejam estas relacionadas com email ou não, para que possam vir a ser consideradas no processo de conceção e desenvolvimento futuro do projeto.TRANSCRIPT
-
7/17/2019 Interfaces Visuais de Apresentao de Dados e Navegao
1/43
SmartMail| Entidade Promotora: Parceiros:
1/2Projeto em curso com o apoio de:
11-03-2014
Estado da arte sobretcnicas de interfaces
visuais de apresentao
de dados e navegao
-
7/17/2019 Interfaces Visuais de Apresentao de Dados e Navegao
2/43
-
7/17/2019 Interfaces Visuais de Apresentao de Dados e Navegao
3/43
SmartMail| Entidade Promotora: Parceiros:
2/2Projeto em curso com o apoio de:
AbstractCertos domnios da cincia lidam com quantidades exorbitantes de informao. Lidar com toda essa
informao por si s pode ser uma barreira enorme para muitas pessoas e empresas, barreira esta que noexiste isolada. Depois de conseguir armazenar e organizar informao, necessrio ser capaz de a
interpretar de uma forma correta. Dependendo do utilizador, isto pode ser mais ou menos acessvel.
Algum sem treino ou experincia tcnica no vai ser capaz de interpretar informao com uma folha de
clculo com milhes de entradas. Para isto utilizam-se ferramentas que criam grficos intuitivos a partir dos
dados em bruto. Com o propsito de criar um produto to poderoso como acessvel, este documento vai
reunir e observar as melhores e mais interessantes ferramentas de visualizao e anlise de dados utilizados
hoje em dia, estejam estas relacionadas com emailou no, para que possam vir a ser consideradas no
processo de conceo e desenvolvimento futuro do projeto.
Este estudo est associado ao projeto SMART Mail, includo na fase do Estado da Arte, e especificamente atividade 4. Linha de investigao 4 - Interfaces visuais de explorao de informao . Este documento
composto por cinco seces. A primeira inclui uma introduo sobre o tema e o estado da visualizao de
dados. A segunda seco olha para ferramentas de visualizao de dados no geral, sem pertencerem a
qualquer um domnio especfico. A terceira seco apresenta uma anlise de ferramentas ligadas anlise
de dados de emails, seguida da quarta onde solues especificamente de email marketingso estudadas.
A concluso encontra-se na quinta seco onde so feitas algumas observaes sobre a relevncia das
solues disponveis.
IntroduoOs tipos de grficos utilizados para facilitar a absoro de informao variam dentro de cada domnio e
entre domnios diferentes, sendo certos tipos mais apropriados para certos dados do que outros. Uma tag
cloudfunciona muito bem para grupos de dados simples e com poucos atributos, realando os resultados
mais ocorrentes, mas torna-se insuficiente quando a complexidade aumenta. Grficos de barras e
histogramas so algumas das solues mais comuns. So usadas h muitos anos e so conhecidas por
muitos. A maioria das solues de visualizao de mtricas em vrios domnios usam-nas e so eficazes no
geral. No entanto, todas estas formas so simples apresentaes de dados, sem existir forma de os explorar
para alm do que est imediatamente aparente. A capacidade de explorar os dados e de identificar ligaesque no existiriam normalmente extremamente valiosa. Visualizaes como um grfico de barras ou um
pie chart, usadas diretamente mostram simplesmente a informao como ela est apresentada nos dados
em bruto. Uma pivot table, por outro lado, mostra o que no imediatamente aparente e, com a
visualizao apropriada e de forma dinmica e exploratria, pode identificar eventos e problemas e permite
obter informao que de outra forma no estaria visvel.
-
7/17/2019 Interfaces Visuais de Apresentao de Dados e Navegao
4/43
SmartMail| Entidade Promotora: Parceiros:
2/2Projeto em curso com o apoio de:
Solues GeraisWolfram AlphaO Wolfram Alpha(WolframAlpha Homepage, s.d.) um motor de conhecimento computacional com um
grande nmero de possveis utilizaes. A caixa de pesquisa recebe tanto linguagem natural, Ingls
especificamente, como frmulas matemticas e apresenta os resultados diretamente no browser. Esta
ferramenta oferece um conjunto substancial de visualizaes de dados para complementar toda a
informao que disponibiliza. Por exemplo, a Figura 1 mostra a informao referente distribuio de
alturas do ser humano com um grfico de barras e alguma informao complementar. NaFigura 2 podemos
ver como o Wolfram Alpha interpreta uma lista de nmeros, em particular quando coloca os nmeros dessa
lista num referencial para os visualizar. Como no foi realizado um pedido especfico quanto forma de
processar e apresentar os dados o motor apresentou as solues mais provveis. Os grficos tambm
podem ser especficos para um certo conceito como naFigura 3,em que o grfico representa o fractal Flocode Neve de Koch.
Figura 1 - Exemplo Wolfram Altura Mdia Humana
-
7/17/2019 Interfaces Visuais de Apresentao de Dados e Navegao
5/43
SmartMail| Entidade Promotora: Parceiros:
2/2Projeto em curso com o apoio de:
Figura 2 - Exemplo Wolfram Interpretao de Lista de nmeros
-
7/17/2019 Interfaces Visuais de Apresentao de Dados e Navegao
6/43
SmartMail| Entidade Promotora: Parceiros:
2/2Projeto em curso com o apoio de:
Figura 3 Exemplo Wolfram Alpha Koch Snowflake
-
7/17/2019 Interfaces Visuais de Apresentao de Dados e Navegao
7/43
SmartMail| Entidade Promotora: Parceiros:
2/2Projeto em curso com o apoio de:
SCG+D3Utilizando uma combinao de SVG (Scalable Vector Graphics, s.d.), um formato de imagens vetoriais com
base em XML, e de D3 (Data-Driven Documents Homepage, s.d.), uma bibliotecaJavaScript opensourcedemanipulao de documentos, possvel criar grficos personalizveis a partir de tabelas de dados. Isto d
efetivamente uma quantidade infinita de formas de visualizar os dados, dependendo somente dos
utilizadores e dos grficos que estes criarem. A ilustrao seguinte mostra os exemplos criados numa
demonstrao de alguns dos grficos e layouts possveis de desenvolver. (Siddiqui, 2013) AFigura 4 mostra
a utilizao e o fluxo de clientes atravs de cinco redes sociais hipotticas ao longo de trs semanas. Os
primeiros dois tipos de grficos, os de crculos e os de barras, mostram a mesma informao de duas formas
semelhantes. Eles mostram a quantidade de views de uma determinada pgina, representados pelos
crculos exteriores, e a quantidade de interaes nas pginas respetivas, ilustrados pelos crculos interiores.
A representao equivalente nos grficos de barras, existindo uma correspondncia entre as barras mais
escuras e os crculos exteriores. O terceiro tipo de grficos mostra o fluxo de utilizadores entre as cincoredes sociais. Cada faixa colorida em contacto com cada arco exterior representa quantos utilizadores
mudaram da rede social representada no arco para a rede social representada na faixa. Por exemplo, na
primeira semana, muitos dos utilizadores da pgina azul mudaram para as pginas verdes e amarelas.
Figura 4 - Exemplos criados com SVG+D3
-
7/17/2019 Interfaces Visuais de Apresentao de Dados e Navegao
8/43
SmartMail| Entidade Promotora: Parceiros:
2/2Projeto em curso com o apoio de:
DatawatchO Datawatch (Datawatch Homepage, s.d.) oferece uma grande variedade de opes de visualizao de
qualquer tipo de dados e com a possibilidade de o fazer em tempo real. A aplicao permite escolher aquantidade e tipo de grficos e montar um dashboardpersonalizado e partilhvel, podendo alternar entre
uma viso geral de todas as variveis inseridas e uma mais detalhada e concentrada. Esta soluo mais
user friendlydo que a anterior mas tambm no tem o mesmo potencial no que toca a possibilidades de
desenho. NaFigura 5 em particular est visvel a mesma informao de duas formas diferentes, tree mape
scatterplot, com o propsito de conhecer o estado de vrias indstrias e servios. NaFigura 6 podemos ver
um grfico atualizado em tempo real que mostra o spreadde vrias transaes, dependendo do brokerque
serviu de intermedirio e da moeda usada. Podem-se tambm criar dashboardsadaptveis para qualquer
combinao de browsere dispositivo, havendo diferenas no look and feelpara ter o maior conforto em
qualquer situao. (Web Browser Visual Data Discovery Dashboard, s.d.)
Figura 5 - Exemplo Datawatch Dashboard Indstrias
-
7/17/2019 Interfaces Visuais de Apresentao de Dados e Navegao
9/43
SmartMail| Entidade Promotora: Parceiros:
2/2Projeto em curso com o apoio de:
Figura 6 - Exemplo Datawatch Scatterplot spread+broker
Cinemetrics
Cinemetrics (Brodbeck, s.d.) um projeto de Licenciatura de Frederic Brodbeck cujo propsito criar
impresses digitais de filmes. Utilizando diversos dados sobre um filme, desde as cores principais de cada
cena at ao movimento da cmara, este programa cria uma roda animada que resume todos os dados de
um filme numa imagem simples de interpretar. D ainda a possibilidade de escolher cenas especficas para
ter informao mais detalhada. Isto permite no s ter uma viso global de um filme instantaneamente
como tambm facilita a comparao de filmes. As trs componentes mais rapidamente visveis nesta forma
de visualizao so o tamanho, a irregularidade e as cores da roda, correspondendo durao, movimento
das imagens e ao aspeto geral, respetivamente. Contudo, esta ferramenta no funciona s com filmes,
podendo ser aplicada a qualquer tipo de vdeo. Apesar de este projeto no ter aplicaes cientficas bvias,
esta forma de apresentar os dados oferece um ponto de vista interessante que faz surgir informao que
talvez no se poderia obter facilmente de outra forma. As figurasFigura 7,Figura 8 eFigura 9 mostram osresultados obtidos com alguns filmes, um jogo de Futebol e um episdio dos Simpsons. NaFigura 8 h uma
diferena aparente na quantidade de movimento de cada filme. O 2001: A Space Odyssey um filme com
muito pouco movimento, o que se torna ainda mais aparente quando em contraste com oAliens, um filme
cheio de ao e movimentos rpidos de cmara. AFigura 9 mostra quanto maior a durao de um jogo
de Futebol do que um episdio dos Simpsons.
-
7/17/2019 Interfaces Visuais de Apresentao de Dados e Navegao
10/43
SmartMail| Entidade Promotora: Parceiros:
2/2Projeto em curso com o apoio de:
Figura 7 - Fingerprint do Quantum of Solace
-
7/17/2019 Interfaces Visuais de Apresentao de Dados e Navegao
11/43
SmartMail| Entidade Promotora: Parceiros:
2/2Projeto em curso com o apoio de:
Figura 8 - Comparao de Fingerprints: 2001 e Aliens
Figura 9 - Comparao de Fingerprints: Jacques Cousteau, Jogo de Futebol, Simpsons
Honeycomb
The Hive Group(The Hive Group Homepage, s.d.) uma empresa especializada em oferecer diversas formas
de criar treemaps para negcios, apesar dos seus produtos terem outros usos. Tm aplicaes mais
robustas para ser usadas em setupsmais complexos mas tambm oferecem aplicaes mobilee webpara
utilizadores que no tenham acesso ao client-side softwarehabitual. Todas as aplicaes que The Hive
-
7/17/2019 Interfaces Visuais de Apresentao de Dados e Navegao
12/43
SmartMail| Entidade Promotora: Parceiros:
2/2Projeto em curso com o apoio de:
Group oferece usam a tecnologia do Honeycomb como base, divergindo na forma como os dados so
entregues. NaFigura 10 podemos ver um treemap com as 100 msicas mais populares no iTunesem 2005
(Viz4All, s.d.) e pedir mais informao ao clicar em cada cano individual. O live demodeste exemplo estdisponvel no site do Honeycombcom informao atualizada.
Figura 10 - Honeycomb iTunes Top 100
Tableau
Esta soluo (Tableau Software Homepage, s.d.) fornece uma criao de grficos extensa e variada com um
foco em incorporar aplicaes de mapas. Tal como com o Datawatch possvel criar dashboards
personalizados e partilh-los. A facilidade de adicionar mapas faz com que este conjunto de solues se
destaque quando o tema do negcio em questo afeta uma rea extensa, o que d a conhecer as regies
que mais utilizaram cada parte de um negcio. Neste caso em particular, naFigura 11,temos a distribuio
de visualizaes de um websitepor seco do prprio websitee por pas, seguido de um grfico temporal.
AFigura 12 reala os dados relativos ao User-generated content visualizado em Portugal a partir de 2 de
Dezembro de 2012 em vez da data inicial por omisso, 11 de Novembro de 2012. possvel ainda aceder a
formas alternativas de ver os dados para ter uma viso pormenorizada de dados em concreto. NaFigura 13
-
7/17/2019 Interfaces Visuais de Apresentao de Dados e Navegao
13/43
SmartMail| Entidade Promotora: Parceiros:
2/2Projeto em curso com o apoio de:
podemos ver a hierarquia da popularidade do contentem forma de treemap, um grfico de linhas a mostrar
ospage viewsdas ltimas semanas, a relao entre o nmero de visitas e o tempo mdio que um utilizador
passa em cada pgina e as pginas que viram mais atividade. O live democorrespondente (Tableau SoftwareVisual Gallery, s.d.) a esta imagem completamente interativo, permitindo ver com detalhe os dados
disponveis. A tecnologia por trs deste produto pertence RedPoint Global (RedPoint Homepage, s.d.),
uma empresa com ferramentas desenhadas para oferecer tudo o que uma organizao precisa para
planear, criar e executar campanhas de marketing.
Figura 11 - Tableau Traffic Trends Geral
-
7/17/2019 Interfaces Visuais de Apresentao de Dados e Navegao
14/43
SmartMail| Entidade Promotora: Parceiros:
2/2Projeto em curso com o apoio de:
Figura 12 - Tableau Traffic Trends Portugal, User-Generated
-
7/17/2019 Interfaces Visuais de Apresentao de Dados e Navegao
15/43
SmartMail| Entidade Promotora: Parceiros:
2/2Projeto em curso com o apoio de:
Figura 13 - Tableau Page Metrics Geral
Gapminder
Hans Rosling (Hans Rosling: Stats that reshape your world-view, s.d.) um mdico e estaticista que fundou
o Gapminder (Gapminder Homepage, s.d.), uma ferramenta de visualizao de dados altamente
personalizvel e especializada em tornar evidente comportamentos e padres globais. A ferramenta
permite criar grficos e anim-los de acordo com as alteraes dos dados em cada ano, permitindo um tipo
de explorao temporal dos dados no disponvel com outras ferramentas. Na Figura 14 est visvel a
relao entre o tempo mdio de vida e o Produto Interno Bruto de cada pas em 2012, com Portugal
destacado. O tamanho de cada crculo representa o tamanho da populao do pas correspondente. Ao
pressionar no boto Play no fundo da pgina o Gapmindermostra o percurso de cada pas desde o ano
1800 at 2012, evidenciando as diferenas entre os pases neste estudo. AFigura 15 mostra o estado dos
dados no ano 1800.
-
7/17/2019 Interfaces Visuais de Apresentao de Dados e Navegao
16/43
-
7/17/2019 Interfaces Visuais de Apresentao de Dados e Navegao
17/43
SmartMail| Entidade Promotora: Parceiros:
2/2Projeto em curso com o apoio de:
Figura 15 - Gapminder Portugal 1800
CartoDBO CartoDB permite criar mapas completamente personalizveis e preench-los com dados. tambm
possvel filtrar e explorar os dados inseridos para obter toda a informao disponvel. O potencial desta
ferramenta grande, sendo til para mais do que visualizar informao geogrfica ou meteorolgica. Tudo
o que tenha um impacto numa rea mais extensa pode ser representado desta forma. As figuras Figura
16,Figura 17 eFigura 18 apresentam a atividade criminosa observada em parte do metro de Nova Iorque,em que a primeira figura representa todos os crimes detetados, a segunda olha para s para roubos e atos
de vandalismo e a terceira mostra somente os crimes relacionados com drogas.
-
7/17/2019 Interfaces Visuais de Apresentao de Dados e Navegao
18/43
SmartMail| Entidade Promotora: Parceiros:
2/2Projeto em curso com o apoio de:
Figura 16 - Zonas mais perigosas no metro de Nova Iorque
-
7/17/2019 Interfaces Visuais de Apresentao de Dados e Navegao
19/43
SmartMail| Entidade Promotora: Parceiros:
2/2Projeto em curso com o apoio de:
Figura 17 - Zonas mais perigosas do metro de Nova Iorque: Property Crimes
-
7/17/2019 Interfaces Visuais de Apresentao de Dados e Navegao
20/43
SmartMail| Entidade Promotora: Parceiros:
2/2Projeto em curso com o apoio de:
Figura 18 - Zonas mais perigosas do metro de Nova Iorque: Drug Crimes
-
7/17/2019 Interfaces Visuais de Apresentao de Dados e Navegao
21/43
SmartMail| Entidade Promotora: Parceiros:
2/2Projeto em curso com o apoio de:
Solues de gesto de EmailPolitemail
O Politemail(Politemail Homepage, s.d.) um plugindo Outlookque oferece um conjunto de mtricas e
ferramentas para ajudar empresas com a gesto de emails. A visualizao de dados no revoluciona a forma
de olhar para as mtricas dos emailsenviados mas tudo feito de forma simples e integrada com o Outlook,
sendo mais apelativo para quem no deseja ter de aprender a utilizar uma interface completamente nova.
NaFigura 19 temos em forma de bar grapha atividade relacionada aos mails de uma newsletter, tanto em
termos de quantas pessoas receberam, abriram e responderam ao email como em termos de quantas
mostraram interesse e o partilharam, para alm de apresentar as mtricas de forma numrica. O Open Rate
representa quantos emails foram abertos da totalidade. Os Undeliverables so os emails que nunca
chegaram ao seu destino. A percentagem de pessoas que desistiu da newslettercorresponde mtrica Opt-
Out. As estatsticas de Click-Thru,Response eInterest Levelcorrespondem, respetivamente, quantidade
de linksque foram pressionados, s respostas enviadas pelos subscribers no total e s respostas relativas
ao nmero de emails.
-
7/17/2019 Interfaces Visuais de Apresentao de Dados e Navegao
22/43
SmartMail| Entidade Promotora: Parceiros:
2/2Projeto em curso com o apoio de:
Figura 19 - Politemail Bar Graph
ClearContext
O ClearContext(ClearContext Homepage, s.d.) umpluginpara o Outlookque pretende ajudar a separar,
organizar e classificar emails, tornando a vida dos seus utilizadores mais simples. efetivamente um
upgrade direto ao client do Outlook base, tornando a sua utilizao mais fcil para poupar tempo. O
ClearContext, no entanto, no adiciona novas funcionalidades para alm da criao de grficos,simplesmente reduz os clickse esforo necessrios do lado do utilizador para alcanar os objetivos. AFigura
20 tem um overviewda atividade da conta sem destacar nenhum elemento de informao. A capacidade
de comparar os dados com todos os outros utilizadores do ClearContextglobalmente, ou com subgrupos,
apresentado naFigura 21,fornece uma perspetiva diferente sobre a eficincia do utilizador, o que poder
ser til para melhorar os seus mtodos e hbitos, funcionalidade disponvel s depois de criar uma conta
nosforumsde support. O grfico mais interessante o que corresponde Effectiveness, em foco naFigura
22,o que oferece uma viso instantnea do estado global da inboxe daperformancedo utilizador, baseado
no tempo de resposta, quantidade de emails presentes na inboxe quantidade de respostas enviadas.
-
7/17/2019 Interfaces Visuais de Apresentao de Dados e Navegao
23/43
SmartMail| Entidade Promotora: Parceiros:
2/2Projeto em curso com o apoio de:
Figura 20 - ClearContext Home
-
7/17/2019 Interfaces Visuais de Apresentao de Dados e Navegao
24/43
SmartMail| Entidade Promotora: Parceiros:
2/2Projeto em curso com o apoio de:
Figura 21 - ClearContext Stats
-
7/17/2019 Interfaces Visuais de Apresentao de Dados e Navegao
25/43
SmartMail| Entidade Promotora: Parceiros:
2/2Projeto em curso com o apoio de:
Figura 22 - ClearContext Scorecard
Bells & Whistles
O Bells & Whistles (Bells & Whistles for Outlook, s.d.) outro plugin para o Outlook que simplifica as
funcionalidades existentes do Outlook automatizando a insero e adequao a normas, assinaturas,
disclaimers e identificadores no Assunto de cada email para poupar tempo aos utilizadores quando a
-
7/17/2019 Interfaces Visuais de Apresentao de Dados e Navegao
26/43
SmartMail| Entidade Promotora: Parceiros:
2/2Projeto em curso com o apoio de:
compor mensagens. As mtricas recolhidas so as mais comuns, no oferecendo nenhuma inovao tanto
nos dados que oferece nem na forma de os apresentar. No entanto, a possibilidade de guardar e partilhar
os resultados d a possibilidade de criar um histrico detalhado com a informao disponvel ou decomparar os dados com outros utilizadores em particular. Quando um utilizador deseja visualizar certos
dados, este pode selecionar o intervalo de tempo e as mtricas a incluir, dentro das possibilidades visveis
naFigura 23.AFigura 24 mostra um dos grficos pedidos, o trfico dirio de emails, em que a linha vermelha
representa os emailsrecebidos e a linha azul corresponde aos enviados.
Figura 23 - Bells & Whistles Prompt
-
7/17/2019 Interfaces Visuais de Apresentao de Dados e Navegao
27/43
SmartMail| Entidade Promotora: Parceiros:
2/2Projeto em curso com o apoio de:
Figura 24 - Bells & Whistles Grfico
Gmail Meter
O Gmail Meter(Gmail Meter Homepage, s.d.) uma aplicao instalada diretamente na conta de Google
Drivede um utilizador, visvel naFigura 25.Ao ter este setup, esta aplicao consegue aceder diretamente
a todos os dados da conta de Gmail, executada a partir da prpria Drive. Uma das principais vantagens
ter as mtricas recolhidas e os grficos relacionados disponveis em qualquer dispositivo que tenha acesso
ao Drive. Os servidores da ShuttleCloud Corp.(ShuttleCloud Corp. Homepage, s.d.) no intervm na anlise
dos dados, sendo tudo calculado a partir dos dados gravados no Google Drive. AFigura 26,Figura 27 eFigura 28 so exemplos de grficos fornecidos pela ShuttleCloud Corp. e mostram a informao que
possvel visualiza com esta soluo. AFigura 26 mostra a localizao dos emailsnas diversas pastas da conta
e a proporo de emails trocados que contm anexos, tanto para dentro da prpria empresa como para
outras. AFigura 27 mostra o volume de emailstrocados ao longo do dia, da semana e do ms e aFigura 28
permite ver os tempos de resposta tanto da parte do utilizador como da parte dos seus contactos.
-
7/17/2019 Interfaces Visuais de Apresentao de Dados e Navegao
28/43
SmartMail| Entidade Promotora: Parceiros:
2/2Projeto em curso com o apoio de:
Figura 25 - Instalao no Google Drive
Figura 26 - Gmail Meter A
-
7/17/2019 Interfaces Visuais de Apresentao de Dados e Navegao
29/43
SmartMail| Entidade Promotora: Parceiros:
2/2Projeto em curso com o apoio de:
Figura 27 - Gmail Meter B
Figura 28 - Gmail Meter C
Xobni
O Xobni (Xobni Support Homepage, s.d.) oferece as mtricas mais comuns, semelhante s solues
anteriores, mas a visualizao de mtricas no o ponto central da aplicao. No entanto, a sua funo
chave - pesquisa e criao rpida de contactos de pessoas mesmo que no se encontrem na Lista de
-
7/17/2019 Interfaces Visuais de Apresentao de Dados e Navegao
30/43
SmartMail| Entidade Promotora: Parceiros:
2/2Projeto em curso com o apoio de:
Contactos - est aliada visualizao dos dados. Esta fuso de funcionalidades permite conhecer
detalhadamente a origem de cada email e ver nas medidas apresentadas os autores de cada email,
independentemente de j os conhecer ou no. A Figura 29 apresenta os contactos com quem foramtrocados mais emailse a quantidade de emailsenviados e recebidos das ltimas 24 horas,
Figura 29 - Xobni Summary
-
7/17/2019 Interfaces Visuais de Apresentao de Dados e Navegao
31/43
SmartMail| Entidade Promotora: Parceiros:
2/2Projeto em curso com o apoio de:
Solues de Email MarketingGetResponse
O GetResponse(GetResponse Homepage, s.d.) oferece a capacidade de no s armazenar e apresentar as
mtricas dos emailsenviados como tambm sugerir e/ou aplicar alteraes forma atual de enviar para
maximizar produtividade e eficcia. Do como exemplo o envio automtico de emailsa diferentes horas
para diferentes grupos de subscribers, dependendo das horas em que mais pessoas esto disponveis ou
recetivas para os receber, apresentado naFigura 30.Outras funcionalidades do GetResponse incluem a
capacidade de mostrar resultados globais lado a lado, presente naFigura 31,monitorizar os devicesmais
usados pelos clientes e as redes sociais onde os emailsso partilhados mais frequentemente com outros.
Isto, combinado com a liberdade de pedir o drilldowndos dados, facilita a tomada de decises e garante
que os emailsenviados esto otimizados para cada cliente. Estas funcionalidades no so nicas desta
soluo mas a visualizao dos dados nesta, apesar de usar grficos tradicionais, mais intuitiva do que
outras.
Figura 30 - GetResponse Times
-
7/17/2019 Interfaces Visuais de Apresentao de Dados e Navegao
32/43
SmartMail| Entidade Promotora: Parceiros:
2/2Projeto em curso com o apoio de:
Figura 31 - GetResponse Analytics
SumAllOferecendo anlise de redes sociais, emailse mais, o SumAll (SumAll Homepage, s.d.) funciona como um
aglomerador de dados de muitas fontes. Atualizados em tempo real, os grficos apresentados nesta
ferramenta permitem ver dados simples ou cruzados, at mesmo entre servios diferentes, tal como a
relao entre emailsabertos e transferncias feitas com PayPal a cada altura do dia. A ferramenta processa
dados de algumas outras ferramentas de marketingou analytics, possibilitando o uso da ferramenta mais
apropriada para cada situao sem nunca perder a viso na globalidade, com a possibilidade de unir dados
semelhantes de fontes diferentes. Tudo isto est disponvel a partir do client webapp em qualquer
computador enquanto o mobile apps permite analisar os dados mais superfcie. AFigura 32 mostra os
dados recolhidos do Google Analytics, do Facebook Adse do BigCommerce.
-
7/17/2019 Interfaces Visuais de Apresentao de Dados e Navegao
33/43
SmartMail| Entidade Promotora: Parceiros:
2/2Projeto em curso com o apoio de:
Figura 32 - SumAll Grfico
SilverpopSemelhante ao SumAll, o Silverpop Engage, produto desenvolvido pela Silverpop (Silverpop Homepage,
s.d.), une dados de redes sociais e outras fontes de informao, permitindo chegar a informao que no
est diretamente disponvel. Em particular, o Silverpop Email Insights (Email Insights, s.d.), uma extenso
do Silverpop Engage,rene mtricas de emails e permite visualizar os dados recolhidos com os tipos de
grficos mais comuns. No entanto, esta soluo conta com mais 23 extenses opcionais (SilverPop Engage
Apps, s.d.), tais como o Adobe Analytics, Silverpop Revenue Analytics, IBM Core Metrics, entre outras,
capazes de acrescentar imensa informao apoiada por grficos especializados, aumentando
drasticamente a forma de visualizar os dados de uma campanha de marketing. AFigura 33 mostra os dados
de uma marketing campaign doAdobe Analytics, incluindo as compras feitas pelo pblico-alvo, com o
objetivo de revelar onde h as maiores barreiras entre os recipientes e a finalizao das suas compras. A
Figura 34 corresponde Silverpop Revenue Analytics onde o grfico mostra os ganhos gerados por
webeventsao longo de alguns meses e aFigura 35 contm um grfico de barras que mostra as sesses
abertas num sitegerido pela extenso IBM Core Metrics, divididas por pas.
-
7/17/2019 Interfaces Visuais de Apresentao de Dados e Navegao
34/43
SmartMail| Entidade Promotora: Parceiros:
2/2Projeto em curso com o apoio de:
Figura 33 SilverPop App Adobe Analytics Funnel
-
7/17/2019 Interfaces Visuais de Apresentao de Dados e Navegao
35/43
SmartMail| Entidade Promotora: Parceiros:
2/2Projeto em curso com o apoio de:
Figura 34 - Silverpop Revenue Analytics
Figura 35 - Silverpop App IBM CoreMetrics
-
7/17/2019 Interfaces Visuais de Apresentao de Dados e Navegao
36/43
SmartMail| Entidade Promotora: Parceiros:
2/2Projeto em curso com o apoio de:
MailChimpO MailChimp(MailChimp Homepage, s.d.) oferece uma viso mais detalhada de cada recipiente do que as
solues anteriores. Com esta aplicao possvel conhecer o histrico, condies e preferncias de cada
subscribere at associar notas e respostas automticas a pessoas em especfico. Estas funcionalidades
permitem que os gestores de marketing conheam e personalizem a experincia de cada subscriber,
especialmente dos seguidores mais dedicados que se destacam da maioria. Na Figura 36 so visveis as
mtricas gerais de uma marketing campaign e na Figura 37 apresentada a pgina do perfil de um
subscriberonde podem ser inseridos ou consultados dados sobre este.
Figura 36 - MailChimp Campaigns
-
7/17/2019 Interfaces Visuais de Apresentao de Dados e Navegao
37/43
SmartMail| Entidade Promotora: Parceiros:
2/2Projeto em curso com o apoio de:
Figura 37 - MailChimp Subscriber Profile
Zoho CampaignsSendo uma empresa muito nova, a soluo de email marketingdaZoho(Zoho Campaigns, s.d.) ainda no
est to polida como outras, mas quando aliada com outras ferramentas da mesma empresa, ou addons
de associados, aZoho Campaignstorna-se bastante robusta. Em particular, aZoho Reports (Zoho Reports,
s.d.) oferece a capacidade de criar dashboardspersonalizveis com vrios tipos de grficos, para visualizar
toda a informao necessria num s lugar. As figurasFigura 38 eFigura 39 ilustram alguns dos tipos de
grficos disponveis, todos mostrando os lucros obtidos em relao ao tempo, cliente, regio ou produto.
O bar graph, ofunnel graphe opie chartmostram os lucros totais por ano. O area graphdispe os dadospor regio e no espao de trs anos. O stacked bar graphe o web grapholham para a relao entre produtos
e ano. O scatterplotapresenta os dados dispostos por produto e cliente.
-
7/17/2019 Interfaces Visuais de Apresentao de Dados e Navegao
38/43
SmartMail| Entidade Promotora: Parceiros:
2/2Projeto em curso com o apoio de:
Figura 38 Zoho Campaigns+Reports A
-
7/17/2019 Interfaces Visuais de Apresentao de Dados e Navegao
39/43
SmartMail| Entidade Promotora: Parceiros:
2/2Projeto em curso com o apoio de:
Figura 39 - Zoho Campaigns+Reports B
SendinBlueEsta soluo destaca-se das outras porque uma das muito poucas que utiliza heat mapspara mostrar o
nmero de clicksem cada linkde um determinado email, exibindo instantaneamente que zonas de um
emailgeraram mais interesse. Essa forma de visualizar os dados no nova mas ainda pouco usada por
servios de email marketing e a sua utilidade neste meio imediatamente aparente. O SendinBlue
(SendinBlue Homepage, s.d.) tambm oferece as funcionalidades mais comuns de um servio de email
marketing, sendo comparvel a todos os outros mencionados anteriormente. AFigura 40no tem o aspeto
habitual de um heat mapmas funciona da mesma forma, mesmo assim perdendo alguma facilidade de
visualizao.
-
7/17/2019 Interfaces Visuais de Apresentao de Dados e Navegao
40/43
SmartMail| Entidade Promotora: Parceiros:
2/2Projeto em curso com o apoio de:
Figura 40 - SendinBlue Heat Map
-
7/17/2019 Interfaces Visuais de Apresentao de Dados e Navegao
41/43
SmartMail| Entidade Promotora: Parceiros:
2/2Projeto em curso com o apoio de:
ConclusoNum meio to saturado, muito poucas ferramentas relevantes de visualizao de dados sobressaem. Semolhar para um domnio em particular, o Datawatchoferece um alto nvel de personalizao e uma forma
de qualquer organizao entender o que tem de ser feito a qualquer altura, independentemente do tipo
de atividades que realiza. O Tableaupartilha algumas funcionalidades com o Datawatchmas destaca-se ao
ser mais intuitivo e interativo. Especificamente no domnio de email marketing, h imensas solues que
so virtualmente idnticas, diferenciando-se na forma como apresentam os templates de emailsou na
facilidade de utilizao. O SumAlle o MailChimpdestacam-se a oferecendo uma especializao em viso
de grande escala e viso de pequena escala, respetivamente. H uma quantidade colossal de diferentes
ferramentas de anlise de emails, tanto na rea do marketing como noutras, mas no existem muitas que
tirem proveito de tcnicas de visualizao que sejam diferentes das tradicionais. Existem tambmmuitssimas formas de visualizar informao, cada uma com certas vantagens e desvantagens, mas estas
no esto ainda muito divulgadas ou tm usos muito especficos.
-
7/17/2019 Interfaces Visuais de Apresentao de Dados e Navegao
42/43
SmartMail| Entidade Promotora: Parceiros:
2/2Projeto em curso com o apoio de:
Bibliografia e RefernciasBells & Whistles for Outlook. (s.d.). Obtido de Outlook Apps: http://www.outlook-apps.com/product/bells-whistles-for-outlook/
Benchmark Homepage. (s.d.). Obtido de Benchmark: http://www.benchmarkemail.com/
Brodbeck, F. (s.d.). Cinemetrics. Obtido de Cinemetrics: http://cinemetrics.fredericbrodbeck.de/
ClearContext Homepage. (s.d.). Obtido de ClearContext: http://www.clearcontext.com/
Cytoscape Homepage. (s.d.). Obtido de Cytoscape: http://www.cytoscape.org/index.html
Data-Driven Documents Homepage. (s.d.). Obtido de Data-Driven Documents: http://d3js.org/
Datawatch Homepage. (s.d.). Obtido de Datawatch: http://www.datawatch.com/
DirectIQ Homepage. (s.d.). Obtido de DirectIQ: http://www.directiq.com/
Email Insights. (s.d.). Obtido de Silverpop: http://www.silverpop.com/Software/Engage-Apps/Apps/email-
insights/
Gapminder Homepage. (s.d.). Obtido de Gapminder: http://www.gapminder.org/
GetResponse Homepage. (s.d.). Obtido de GetResponse: http://www.getresponse.com/
Gmail Meter Homepage. (s.d.). Obtido de Gmail Meter: http://www.gmailmeter.com/
Graphite Wiki Home Page. (s.d.). Obtido de Graphite Wiki: http://graphite.wikidot.com/
Hans Rosling: Stats that reshape your world-view. (s.d.). Obtido de Youtube:
https://www.youtube.com/watch?v=hVimVzgtD6w
MailChimp Homepage. (s.d.). Obtido de MailChimp: http://mailchimp.com/
MailerMailer Homepage. (s.d.). Obtido de MailerMailer: http://www.mailermailer.com/index.rwp
Odyssey Homepage. (s.d.). Obtido de Odyssey: http://cartodb.github.io/odyssey.js/index.html
Politemail Homepage. (s.d.). Obtido de Politemail: https://www.politemail.com/
RedPoint Homepage. (s.d.). Obtido de RedPoint: http://www.redpoint.net/Home.aspx
RedPoint Homepage. (s.d.). Obtido de RedPoint: http://redpoint.net/Home.aspx
Scalable Vector Graphics. (s.d.). Obtido de World Wide Web Consortium:
http://www.w3.org/Graphics/SVG/
-
7/17/2019 Interfaces Visuais de Apresentao de Dados e Navegao
43/43
SmartMail| Entidade Promotora: Parceiros:
SendinBlue Homepage. (s.d.). Obtido de SendinBlue: https://www.sendinblue.com/
ShuttleCloud Corp. Homepage. (s.d.). Obtido de ShuttleCloud Corp.: http://shuttlecloud.com/
Siddiqui, B. (15 de 7 de 2013). Data Visualization, Part 1: Visualize browsing metrics with SVG and D3.Obtido
de IBM Developer Works: http://www.ibm.com/developerworks/opensource/library/os-
dataviz1/index.html?ca=drs-
SilverPop Engage Apps. (s.d.). Obtido de Silverpop: http://www.silverpop.com/Software/Engage-
Apps/Apps/
Silverpop Homepage. (s.d.). Obtido de Silverpop: http://www.silverpop.com/
SumAll Homepage. (s.d.). Obtido de SumAll: https://sumall.com/
Tableau Software Homepage. (s.d.). Obtido de Tableau Software: http://www.tableausoftware.com/
Tableau Software Visual Gallery. (s.d.). Obtido de Tableau Software:
http://www.tableausoftware.com/learn/gallery
The Hive Group Homepage. (s.d.). Obtido de The Hive Group: http://www.hivegroup.com/
Viz4All. (s.d.). Obtido de UMD Department of Computer Science:
http://www.cs.umd.edu/class/spring2005/cmsc838s/viz4all/viz4all_v.html
Web Browser Visual Data Discovery Dashboard. (s.d.). Obtido de Datawatch:http://www.datawatch.com/video/visual-data-discovery-dashboard/
WolframAlpha Homepage. (s.d.). Obtido de WolframAlpha: http://www.wolframalpha.com/
Xobni Support Homepage. (s.d.). Obtido de Xobni Support: https://support.xobni.com/home
Zoho Campaigns. (s.d.). Obtido de Zoho: http://www.zoho.com/campaigns/
Zoho Reports. (s.d.). Obtido de Zoho: http://www.zoho.com/reports/