Como criar uma experiência de usuário mais aprofundada
O GoogleEarth 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 use sempre a visão diretamente de cima 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 de captura de tela.
Não sobrecarregue os visitantes.
O excesso de marcadores pode sobrecarregar o visitante, até mesmo para o mais experiente deles. Veja algumas idéias para manter o número de marcadores gerenciável:
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:
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 adicionar cabeçalhos e rodapés em cada balão, de maneira fácil, confira os tags de <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.
 O KML de exemplo de Santa Cruz, Bolívia mostra como os marcadores podem usar <BalloonStyle> para o cabeçalho e rodapé. (Este exemplo foi modificado pela camada do Atlas of Our Changing Environment da UNEP.)
Use <BalloonStyle>para colorir o balão inteiro.
Usando tags de <bgcolor> e <textColor> com <BalloonStyle>, é possível especificar uma cor de plano de fundo para o balão inteiro. 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 (Seleção de cor de KML).
- 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 cor de 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 se chama 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>
Escolha nomes informativos.
- Muitas vezes, quando um projeto KML é salvo, os seus recursos são salvos pelo Google Earth em um <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>, você pode alterar os ícones padrão para pastas, documentos, marcadores e 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 do KML 2.1 oficial e os exemplos abaixo
Exemplo de ListStyle: A pasta “ícone de pasta padrão” usa <ListStyle> para especificar um ícone de cruz vermelha, informando os visitantes que o conteúdo deve representar 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 da visualização de pasta usando os tags de <ListStyle> e <listItemType>.
- As pastas com botão permitem que os visitantes ativem somente um item da pasta por vez.
- Selecione Ocultar filhos para ocultar o conteúdo das pastas – uma ótima idéia 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 saber mais e confira o exemplo abaixo.
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 trocar idéias com os outros usuários.
Próximos passos
|
