Creación de una experiencia de inmersión para el usuario

Google Earth te permite poner tu contenido en un contexto geoespacial. Y, lo que es más importante, te permite transmitir lo que tienes que decir. En este tutorial aprenderás algunas maneras de hacer que sea más fácil acceder a tu contenido y a que sea más sencillo y atractivo navegar por él.

La interfaz de Google Earth

Los usuarios pueden interactuar con tu archivo KML a través de la interfaz de Google Earth principalmente de tres maneras:

• el panel "Lugares",
• el mapa 3D,
• las viñetas descriptivas.

Para conseguir que las personas que ven tu contenido vivan una experiencia de inmersión, tienes que pensar en cuál es la ruta más habitual que seguirán estos visitantes. Empieza por examinar el mapa en la vista 3D, explora unas pocas viñetas de marcas de posición y descubre la gama total de opciones que tienes en el panel "Lugares". Asegúrate de que tu diseño empiece por una sólida base en el propio mapa.

Aquí tienes algunos ejemplos de archivos KML que consideramos que proporcionan al visitante una experiencia de inmersión de alta calidad (en inglés):

Deja una buena primera impresión

Lo primero que ve la mayoría de la gente al abrir un archivo KML o KMZ son los iconos, los modelos, las superposiciones de imágenes y los polígonos en la vista 3D de Google Earth. Es tu cometido hacer que se interesen por explorar el contenido. A continuación te damos algunos consejos para causar una buena primera impresión.

Toma instantáneas de tus marcas de posición

Configurar una buena vista predeterminada de tus marcas de posición y tus carpetas es una de las cosas más importantes que puedes hacer para garantizar que el usuario viva una experiencia positiva.

• Al hacer doble clic en las marcas de posición se debe volar a la vista predeterminada correspondiente. Si no has definido una explícitamente, esta vista podría estar demasiado cerca de la marca de posición.
• Elige una perspectiva para cada marca de posición. No te acerques demasiado si las imágenes del satélite circundantes son de baja resolución; si hay imágenes de alta resolución, ¡aprovéchalas!
• No mires siempre hacia abajo. Inclina la cámara para captar el relieve local o para emparejar la perspectiva con fotos reales en la viñeta descriptiva de la marca de posición.
  
  
  
  
  
  
• Para definir la vista predeterminada de una marca de posición, haz clic con el botón derecho del ratón en una marca de posición, bien en el mapa o bien en el propio panel "Lugares", y selecciona Instantánea de vista.

No abrumes a los visitantes

Contar con demasiadas marcas de posición podría resultar abrumador, incluso para los usuarios con más experiencia en Google Earth. Aquí tienes algunas ideas para que el número de marcas de posición sea el correcto para el usuario:

• Utiliza regiones para controlar cuándo aparecen las marcas de posición. Para obtener ayuda sobre cómo empezar a usar las regiones, consulta la sección sobre regiones del tutorial de KML 2.1 y el tutorial Cómo evitar la sobrecarga con regiones que encontrarás en este sitio.
• La combinación de enlaces de red y regiones proporciona un potente método para proporcionar contenido dinámicamente a los visitantes según donde se encuentren. Obtén más información en la sección sobre la carga "inteligente" de enlaces de red basados en regiones del tutorial de KML 2.1.
• No tienes que ponerlo todo en un solo archivo KML o KMZ. Incluye enlaces a otros archivos KML o KMZ en las descripciones de tus viñetas de las marcas de posición para que los visitantes descarguen archivos si lo desean.

Informa mediante iconos

Puedes comunicar muchísima información antes de que el visitante haga clic en una marca de posición. Aquí tienes algunas sugerencias útiles para utilizar los iconos con eficacia:

• Usa iconos personalizados. En Google Earth es fácil utilizar tus propias imágenes como iconos. Te presentamos a continuación algunos iconos personalizados de la capa de contenido patrocinado:
  
  
  
  
  
• Selecciona iconos diferentes para distintos tipos de ubicaciones. Puedes usar un icono para hospitales generales y otro para clínicas especializadas más pequeñas.
  
• No utilices un icono si viene mejor una etiqueta de texto. Si una marca de posición no tiene descripción que puedan leer los visitantes, haz clic en No hay icono en la ventana de propiedades del icono. (Para ver la ventana de propiedades del icono, haz clic con el botón derecho del ratón en la marca de posición, selecciona Propiedades y, a continuación, haz clic en el icono situado a la derecha del campo "Nombre").
  
  
  
   

  Visita la capa Concienciación global del Nimrud en la capa Global Heritage Fund para ver ejemplos de etiquetas solo con texto.

• Si no quieres que tu icono sea cuadrado, utiliza una transparencia cuando guardes las imágenes tal y como se ve en los ejemplos siguientes de la capa Concienciación global.
  
  Las imágenes GIF y PNG de 8 bits admiten áreas con una transparencia básica (activada o desactivada) y 256 colores. Las imágenes PNG de 24 bits admiten transparencias de canal alfa (transparencia parcial; aspecto translúcido) y 16 millones de colores, siendo la mejor opción para los iconos de Google Earth.
  
  
  
  
  
  
• Lo ideal para los iconos del mapa 3D es que tengan 64 x 64 píxeles. Para crear iconos más grandes o más pequeños, utiliza las dimensiones 32 x 32, 128 x 128 y otras dimensiones que sean una potencia de 2, ya que se reproducen mejor a escala en Google Earth.
  
• Procura que tu diseño resulte sencillo. Evita utilizar texto en el icono, pues de todos modos no se podrá leer a una escala pequeña.
  
• Selecciona un diseño limpio que informe sin distraer.

Elige los colores con cuidado

• Utiliza diferentes colores para las líneas, los polígonos y los iconos para mostrar los datos o para representar diferentes clases de ubicaciones.
  
  Mira este ejemplo de la capa Crisis en Darfur, donde se usan polígonos con diferentes colores para representar a la población desplazada y los campos de refugiados, así como iconos con diferentes colores para representar a poblados parcialmente dañados o completamente destruidos:
  
  
  
  
  
  
• Elige colores para los iconos y las líneas o los polígonos que contrasten con las imágenes de satélite de fondo.
  
  El uso de líneas amarillas en la capa del Global Heritage Fund resalta contra la selva verde al fondo.
  
  
  
  

Crea viñetas que brillen

Cuando consigas que el visitante abra una de tus viñetas de marca de posición, aprovecha al máximo su atención. Las viñetas descriptivas de las marcas de posición son una forma estupenda de comunicar información adicional sobre un enclave concreto, pero también son una herramienta muy potente para guiar a los usuarios a otras marcas de posición y a tu sitio web.

Incluye una marca de posición introductoria

Tú conoces tu contenido mucho mejor que cualquier otra persona, así que es fácil olvidar que los otros necesitan ayuda para explorarlo todo. Piensa en la posibilidad de incluir una marca de posición introductoria que indique cómo utilizar el archivo KML. Resalta los componentes más diferenciados de tu contenido. Te sugerimos incluir los siguientes elementos:

• una descripción de tu organización y el trabajo que desempeña,
• capturas de pantalla del panel "Lugares" o del deslizador de tiempo para indicar a los visitantes cuál es la mejor manera de desplazarse por el contenido,
• explicación del uso de los iconos y los colores que se emplean en el archivo KML.

A continuación hemos incluido algunos ejemplos de una guía del usuario y una marca de posición introductoria de la capa "Concienciación global" (Global Heritage Fund y Crisis en Darfur).

Procura que la información sea breve y útil

Las mejores viñetas son las que captan al usuario con una breve descripción con enlaces a información adicional. Siempre puedes dirigir al usuario a tu sitio web para que lean la historia completa o para que puedan descargar otros archivos KML con información más detallada.

Siempre atendiendo a la misma filosofía, no hagas viñetas demasiado grandes. Pon todo tu contenido en una tabla HTML que no mida más de 400 o 500 píxeles de ancho. Esto ayuda a que las viñetas no se vean demasiado grandes en monitores pequeños y que quede un poco de espacio para que el usuario pueda ver el mapa y pueda volver a hacer clic en él.

Sé coherente en tu estilo

Si tus viñetas tienen un aspecto coherente, ayuda a orientar a tus visitantes. Por ejemplo, empieza con algunas plantillas que crees con el tutorial Creación de mejores viñetas descriptivas. Ten presente algunos de estos consejos cuando desarrolles tus propios diseños:

• Utiliza un diseño de viñeta ligeramente diferente para indicar diferentes tipos de marcas de posición. Puedes usar colores llamativos en los bordes para denotar niveles de amenazas medioambientales o programas de distintos continentes. También puedes utilizar diseños más ornamentados para diferentes niveles jerárquicos dentro del contenido, como oficinas internacionales, nacionales, regionales y locales, enclaves de investigación o proyectos de ayuda humanitaria.
• Utiliza una cabecera. Crea un banner con el logotipo de tu organización y usa siempre el mismo color o una fotografía llamativa para la parte superior de cada viñeta.
• Incluye un pie de página. Pon siempre el nombre de tu organización, un enlace a tu sitio web y un aviso de copyright en la parte inferior de todas las viñetas. Utiliza una fuente de color gris o clara de modo que el texto del pie se pueda ver, pero sin que distraiga.
• Utiliza esquemas de color del sitio web de tu organización para hacer que la experiencia del usuario resulte homogénea.
• Aprovecha la posibilidad de usar colores en el texto. Utiliza colores para añadir o quitar énfasis a los títulos y a las leyendas.
• Utiliza iconos estándar, como el icono de KML, si tu viñeta incluye enlaces a contenido adicional.

Utiliza <BalloonStyle> para homogeneizar tus cabeceras y pies de página.

Si quieres ver una forma sencilla de añadir cabeceras y pies de página homogéneos en cada una de tus viñetas, consulta la información sobre las etiquetas <BalloonStyle> y <text>. Estas etiquetas permiten crear una plantilla HTML para después aplicarla a todas las marcas de posición. Puedes insertar descripciones exclusivas de cada marca de posición en la plantilla. Esto distinguirá los elementos universales en el diseño de las viñetas del contenido específico de cada una.

Usa <BalloonStyle> para colorear toda la viñeta.

Combinando las etiquetas <bgcolor> y <textColor> con <BalloonStyle>, podrás especificar un color de fondo para toda la viñeta. Los colores se codifican con código hexadecimal de 8 dígitos, como AABBGGRR (R - rojo, G - verde, B - azul, A - transparencia de canal alfa). Esto varía con respecto al código hexadecimal de 6 dígitos tradicional que se usa en HTML (RRGGBB). A continuación te mostramos dos maneras de elegir un color de fondo en Google Earth:

• Prueba el seleccionador de color de KML.
• Si conoces el código de color HTML que quieres emplear, intercambia los dos últimos caracteres con los dos primeros caracteres y añade "FF" al principio para convertir el color en totalmente opaco. Por ejemplo: para el color HTML #0066CC, usa FFCC6600 (FF + CC6600).
  
  

No te olvides del panel "Lugares"

Aunque muchos visitantes quedan totalmente absorbidos por la vista 3D de Google Earth, también es importante mantener la vista del archivo KML en el panel "Lugares" correctamente organizada y conservar su utilidad.

Deja fragmentos en blanco

• De forma predeterminada, Google Earth muestra las dos primeras líneas de la descripción de la marca de posición bajo el nombre. A esto se le llama fragmento. Para no malgastar este espacio, especifica un fragmento vacío en tu archivo KML:

• <Placemark>
    <name>Mi marca de posición</name>
      <Snippet></Snippet>
    <description>Mucha información interesante</description>
    ...
  </Placemark>
  

  

  Ejemplo de un fragmento vacío

Elige nombres que transmitan información

• A menudo, al guardar el proyecto KML, Google Earth guarda los recursos en un contenedor <Document>. Lo reconocerás por su icono:
  
  De forma predeterminada, el nombre de los documentos es el mismo que el de los archivos KML. A menudo, este nombre transmite muy poca información, además de ser confuso. Evita utilizar caracteres no permitidos en los nombres de archivo ( / ? < > \ : * | ). Si intentas guardar una carpeta con el nombre "Oficinas: 2007" o "Locales/regionales", Google Earth no te dejará guardar el recurso. Para solucionar este problema, vuelve a abrir el archivo KML, cambia el nombre del documento de nivel superior y guárdalo sobrescribiendo el archivo original.
• A continuación tienes un ejemplo de un nombre correcto y otro incorrecto para un documento: "bgColor Examples" en contraposición a "ux_bgcolor.kml".
  
  
• 

Utiliza iconos de lista para transmitir mejor el contenido y su propósito

• Con las etiquetas <ListStyle> y <ItemIcon>, cambia los iconos predeterminados de carpetas, documentos, marcas de posición y otros recursos.
• Personaliza tus capas con el logotipo de tu organización en los documentos y carpetas de nivel superior. Esta técnica resulta especialmente útil para ocultar el contenido de una carpeta, pero de forma que la carpeta siga representando visualmente las marcas de posición que contiene. (Consulta "Cómo evitar un aspecto recargado" a continuación para ver más información acerca de cómo ocultar el contenido de una carpeta).
• Los iconos de lista se muestran en una escala de 16 x 16 píxeles. Así pues, para obtener los mejores resultados posibles, utiliza imágenes con estas dimensiones exactas.
• Consulta el material de referencia de KML 2.1 oficial y los siguientes ejemplos.
  
  
  
  
  
  

  Ejemplo de ListStyle: la carpeta "custom folder icon" utiliza la etiqueta <ListStyle> para especificar un icono de cruz roja que informa a los visitantes de que el contenido pueden ser clínicas u hospitales.
  
  

Cómo evitar un aspecto recargado: controla cómo funcionan las carpetas

• Haz que la vista de lista del archivo KML sea breve y organizada.
• No incluyas más de dos o tres niveles de jerarquía dentro de los documentos.
• Cuando sea importante poder ver ciertas marcas de posición, guarda el archivo KML con las carpetas abiertas; si no, déjalas cerradas.
• Controla el contenido de una carpeta desde la vista de lista con las etiquetas <ListStyle> y <listItemType>.
  • Las carpetas con botón de selección permiten a los visitantes activar solo un elemento de la carpeta a la vez.
  • La opción Hide Children (Ocultar secundarios) permite ocultar el contenido de las carpetas, lo cual viene muy bien si se tienen cientos o miles de marcas de posición dentro.
  • Marca Off Only (Solo desactivar) para que el usuario pueda desactivar carpetas, pero no las pueda activar. Viene muy bien para carpetas que tienen muchos modelos, polígonos y rutas. Los visitantes no pueden activar todo al mismo tiempo, ya que recargarían en extremo Google Earth.
  
  

Consulta el material de referencia de KML 2.1 y el tutorial de KML 2.1 para obtener más información y observa el siguiente ejemplo.

Debates y comentarios

¿Tienes alguna pregunta acerca de este tutorial o algún comentario? Visita el grupo de debate de Google Earth Solidario para hablar del tema con otros usuarios.

¿Y después qué?

• Creación de mejores viñetas
• Cómo evitar la sobrecarga con regiones
• Empaquetado de contenido en un archivo KMZ