Como criar uma experiência de usuário mais aprofundada

O Google Earth permite que você coloque seu conteúdo em um contexto geoespacial. E, mais importante, permite que você conte histórias. Neste tutorial, você aprenderá algumas formas para tornar seu conteúdo acessível, mais fácil de navegar e mais interessante.

A interface do Google Earth

Os usuários podem interagir com o seu KML pela interface do Google Earth de três maneiras diferentes:

• Painel “Lugares”
• Mapa tridimensional
• Seus balões de descrição

Para criar uma experiência aprofundada para as pessoas que visualizam seu conteúdo, escolha o caminho mais comum adotado pelos visitantes. Comece varrendo o mapa na visualização em 3D, explore alguns balões de marcadores e descubra uma vasta gama de opções no painel Lugares. A sua criação deve começar por uma fundação sólida no próprio mapa.

Veja alguns exemplos de KMLs que oferecem uma experiência de visitante aprofundada e de alta qualidade:

Cause uma boa primeira impressão

A primeira coisa que as pessoas vêem quando abrem um KML ou um arquivo KML são os ícones, modelos, superposições de imagens e polígonos na visualização em 3D do Google Earth. É sua tarefa impressioná-los e fazer com que eles se interessem em explorar seu conteúdo. Veja algumas dicas para causar uma boa primeira impressão.

Tire instantâneos de seus marcadores.

Criar uma boa visualização padrão dos seus marcadores e pastas é uma das coisas mais importantes que você pode fazer para garantir uma boa experiência de usuário.

• Clique duas vezes nos marcadores para ser levado à visualização padrão atual. Se ainda não configurou uma explicitamente, esta visualização pode estar próxima demais do seu marcador.
• Escolha uma perspectiva para cada marcador. Não se aproxime demais se a imagem de satélite no local estiver em baixa resolução; se houver imagem em alta resolução, aproveite ao máximo!
• Não olhe sempre para baixo! Incline a câmera para capturar o terreno local ou represente a perspectiva de fotos reais no balão descritivo do marcador.
  
  
  
  
  
  
• Para configurar a visualização padrão de um marcador clique com o botão direito do mouse em um marcador, no mapa ou no painel Lugares e selecione Visualização tipo instantâneo.

Não sobrecarregue os visitantes.

O excesso de marcadores pode sobrecarregar o visitante, até mesmo para o mais experiente deles. Veja algumas ideias para manter o número de marcadores gerenciável:

• Use regiões para controlar a visibilidade dos marcadores. Para obter ajuda com os primeiros passos em regiões, consulte a seção Regiões do Tutorial do KML 2.1 e o tutorial Como evitar sobrecarga com regiões neste site.
• A combinação de links de rede e regiões oferece um método poderoso de fornecer um conteúdo dinâmico para os visitantes com base em seu local. Saiba mais na seção Carregamento inteligente de links de rede baseados em regiões do Tutorial do KML 2.1.
• Não é preciso colocar tudo em um arquivo KML ou KMZ. Inclua links para outros arquivos KML ou KMZ nas descrições de balão de marcador para os visitantes baixarem sob demanda.

Informe com seus ícones.

É possível divulgar bastante informação antes mesmo que o visitante clique em um marcador. Veja algumas dicas úteis para o uso eficaz dos ícones:

• Use ícones personalizados. O Google Earth facilita o uso de suas próprias imagens como ícones. Veja alguns ícones personalizados da camada Destaques:
  
  
  
  
  
• Selecione diferentes ícones para diferentes tipos de locais. Use um ícone para grandes hospitais e outro para clínicas locais menores.
  
• Não use um ícone se um rótulo de texto for mais adequado. Se um marcador não tiver descrição para os visitantes lerem, clique em Sem ícone na janela de propriedades de ícone. Para exibir a janela de propriedades de ícone, clique com o botão direito do mouse, selecione Propriedades e clique no ícone à direita do campo Nome.
  
  
  
   

  Consulte Nimrud na camada do Global Heritage Fund chamada Consciência global para obter exemplos de rótulos somente com texto.

• Se você prefere que o ícone não tenha um formato quadrado, use transparência quando salvar suas imagens, como mostrado nos seguintes exemplos da camada Consciência Global.
  
  As imagens GIF e PNG são compatíveis com áreas de ativação/desativação de transparência básica e 256 cores. As imagens PNG de 24 bits são compatíveis com transparência alfa (transparência parcial; aparência translúcida), 16 milhões de cores, e são a melhor opção para ícones do Google Earth.
  
  
  
  
  
  
• Os ícones ideais no mapa tridimensional têm 64 x 64 pixels. Para ícones maiores ou menores, use 32 x 32, 128 x 128, e outras dimensões múltiplas de dois (2^x), pois apresentam uma escala melhor no Google Earth.
  
• Mantenha as coisas simples. Evite usar texto no ícone, pois ficará ilegível em escalas menores.
  
• Selecione um design simples que forneça a informação sem, contudo, desviar a atenção.

Escolha as cores cuidadosamente.

• Use cores diferentes para linhas, polígonos e ícones para visualizar dados ou representar classes de locais.
  
  Veja este exemplo da camada Crise em Darfur que usa polígonos de cores diferentes para representar pessoas desabrigadas e campos de refugiados, assim como ícones de cores diferentes para representar vilarejos parcialmente destruídos ou completamente destruídos:
  
  
  
  
  
  
• Escolha cores para recursos de polígono/linha e ícones que se destaquem na imagem de satélite no plano de fundo.
  
  O uso de linhas amarelas na camada Global Heritage Fund (Fundo do Patrimônio Global) se destaca contra a floresta verde no plano de fundo.
  
  
  
  

Crie balões que chamem a atenção

Obtenha o máximo da atenção do visitante que abre um dos seus balões marcadores. Os balões de descrição de marcador são uma ótima maneira de divulgar informações extra sobre um determinado local, mas também são uma excelente ferramenta para guiar os visitantes para outros marcadores e para o seu site.

Inclua um marcador de apresentação.

Ninguém conhece o seu conteúdo melhor do que você, então não se esqueça de que os outros precisam de ajuda para explorar tudo o que ele tem a oferecer. Inclua um marcador de apresentação para auxiliar no uso do seu arquivo KML. Destaque os diferentes componentes do seu conteúdo. Algumas sugestões do que deve ser incluído:

• Uma visão geral de sua organização e seu trabalho.
• Capturas de tela do painel Lugares ou um regulador de tempo para guiar os visitantes em direção à melhor forma de navegar pelo seu conteúdo.
• Explique o uso de ícones ou cores usadas no KML.

Veja alguns exemplos de um guia de usuário e um marcador de apresentação da camada Consciência Global (Global Heritage Fund (Fundo do Patrimônio Global) e Crise em Darfur).

Seja breve e agradável.

Os melhores balões atraem o usuário, oferecendo uma breve descrição com links para informações adicionais. Você sempre poderá direcionar o usuário para o site para contar a história completa ou convidá-lo a baixar arquivos KML adicionais com mais informações detalhadas.

Dando continuidade a essa filosofia, dê um tamanho razoável aos balões. Coloque todo o seu conteúdo em uma tabela HTML de no máximo 400-500 pixels. Assim, os balões não ficarão grandes demais em monitores pequenos, deixando um pequeno espaço para o usuário ver ou clicar de volta ao mapa.

Mantenha um estilo consistente.

Uma aparência e toque consistente de seus balões orienta os seus visitantes. Comece com alguns modelos que você pode criar com o tutorial Como criar balões melhores. Ao desenvolver suas próprias criações, lembre-se de algumas dicas:

• Diferencie um pouco os designs nos balões, indicando tipos diferentes de marcadores. Use diferentes cores de contorno significando níveis de ameaça ambiental ou programas em diferentes continentes. Também é possível usar layouts mais rebuscados para diferentes níveis de hierarquia em seu conteúdo, como escritórios internacionais, nacionais, regionais e locais, locais de pesquisa ou projetos de ajuda humanitária.
• Use um cabeçalho. Crie um banner com o logo de sua organização e uma cor consistente ou uma foto chamativa para a parte superior de cada balão.
• Inclua um rodapé. Inclua sempre o nome da sua organização, um link para o seu site e um aviso de direitos autorais no rodapé de cada balão. Use uma fonte cinza ou clara para que o texto do rodapé seja acessível sem desviar a atenção.
• Use o esquema de cores do site de sua organização, criando uma experiência integrada.
• Tire proveito das cores de texto. Use cores para dar ou diminuir a ênfase nos títulos e legendas.
• Use ícones padrão, como o Ícone KML, se o balão incluir links para tal conteúdo adicional.

Use <BalloonStyle> para padronizar o cabeçalho e o rodapé.

Para obter um meio fácil de adicionar cabeçalhos e rodapés consistentes em cada um de seus balões, consulte as tags <BalloonStyle> e <text>. Estes tags permitem a criação de um modelo de HTML que pode ser aplicado a todos os seus marcadores. Insira no modelo as descrições particulares de cada marcador. Assim, os elementos universais do seu design de balão ficarão separados do conteúdo específico de cada marcador.

Use <BalloonStyle> para colorir o balão inteiro.

Usando as tags <bgcolor> e <textColor> com <BalloonStyle>, é possível especificar uma cor de fundo para todo o balão. Insira códigos hexadecimais de 8 dígitos para as cores, como AABBGGRR (R - vermelho, G - verde, B - azul, A – transparência alfa). Este sistema é diferente dos códigos hexadecimais tradicionais de 6 dígitos usados em HTML (RRGGBB). Há duas maneiras de escolher uma cor de plano de fundo no Google Earth:

• Experimente o KML Color Picker.
• Se você já sabe qual o código de cor de HTML que deseja usar, substitua os dois últimos caracteres pelos dois primeiros e adicione "FF" no início para tornar a cor totalmente opaca. Por exemplo: para a cor em HTML: #0066CC, use FFCC6600 (FF + CC6600).
  
  

Não se esqueça do painel Lugares!

Muitos visitantes são atraídos pela visualização em 3D do Google Earth, mas também é importante manter o seu arquivo KML no painel Lugares de forma organizada e útil.

Use snippets em branco.

• Como padrão, o Google Earth mostra as duas primeiras linhas da descrição de um marcador abaixo de seu nome. Isso é chamado de Snippet. Recupere este espaço muitas vezes desperdiçado especificando um snippet vazio em seu KML da seguinte forma:

• <Placemark>
    <name>Meu marcador</name>
      <Snippet></Snippet>
    <description>Muitas informações interessantes!</description>
    ...
  </Placemark>
  

  

  Exemplo de um Snippet em branco

Escolha nomes informativos.

• Geralmente, quando você salva seu projeto KML, o Google Earth salva seus recursos em um recipiente <Document> container. Você reconhecerá um documento pelo seu ícone:
  
  Como padrão, um documento tem o mesmo nome do próprio arquivo KML. Este nome geralmente não diz nada e é muitas vezes confuso. Evite caracteres impróprios para nomes de arquivo ( / ? < > \ : * | ). Se você tentar salvar uma pasta com o nome "Escritórios: 2007" ou "Local/Regional", o Google Earth não permitirá que o recurso seja salvo. Resolva este problema reabrindo o arquivo KML, renomeando o documento de nível superior e salvando-o, substituindo o arquivo original.
• Veja um exemplo de um nome bom e um nome ruim para um documento - "Exemplos de Cor bg" contra "ux_bgcor.kml".
  
  
• 

Use ícones da lista que melhor representem o conteúdo e o propósito.

• Usando <ListStyle> e <ItemIcon>, é possível alterar os ícones padrão de pastas, documentos, marcadores e de outros recursos.
• Dê uma marca a suas camadas usando o logotipo de sua organização para pastas e documentos de nível superior. Esta técnica é especialmente útil se você deseja ocultar o conteúdo de uma pasta, mas quer que ela represente visualmente os marcadores que ela contém. Veja "Como evitar a acumulação" abaixo para saber mais sobre como ocultar o conteúdo de uma pasta.
• Os ícones de lista são reduzidos para 16 x 16 pixels, portanto, para obter bons resultados, use imagens com estas dimensões.
• Consulte a Referência oficial do KML 2.1 e os exemplos a seguir
  
  
  
  
  
  

  Exemplo de ListStyle: A pasta "ícone personalizado da pasta" usa <ListStyle> para especificar um ícone de cruz vermelha, informando aos visitantes que o conteúdo pode se referir a clínicas ou hospitais.
  
  

Como evitar a acumulação: controle o comportamento de suas pastas.

• Mantenha a visualização de lista do seu arquivo KML breve e organizada.
• Não inclua mais do que 2 ou 3 níveis de hierarquia em seus documentos.
• Onde a exposição de certos marcadores for importante, salve o KML com as pastas abertas, caso contrário deixe-as fechadas.
• Controle o conteúdo de uma pasta a partir da visualização em lista usando as tags <ListStyle> e <listItemType>.
  • As pastas com botão permitem que os visitantes ativem somente um item da pasta por vez.
  • Selecione Ocultar secundários para ocultar o conteúdo das pastas – uma ótima ideia se há centenas ou milhares de marcadores dentro!
  • Marque Somente desativado para que as pastas possam estar sempre desativadas – ótimo para pastas com muitos modelos de caminhos e polígonos complexos. Os visitantes não podem ativar tudo ao mesmo tempo e sobrecarregar o Google Earth.
  
  

Consulte a Referência do KML 2.1 e o Tutorial do KML 2.1 para obter mais informações e consulte o exemplo a seguir.

Discussão / Comentários

Tem alguma dúvida sobre este tutorial? Deseja nos enviar algum comentário? Visite o Grupo de discussão do Google Earth Solidário para discutir isso com outros usuários.

Próximos passos

• Como criar balões melhores
• Como evitar sobrecarga com regiões
• Empacotamento de conteúdo em um arquivo KMZ