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 empieza 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 algunas sugerencias para dejar 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 terreno 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:
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:
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 "Global Heritage Fund" resalta contra la selva verde al fondo.
Creación de 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,
- explica el 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 algunas de estas sugerencias 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 una pancarta 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 estandarizar 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.
 El KML de muestra de Santa Cruz (Bolivia, en inglés) ilustra cómo las marcas de posición pueden utilizar <BalloonStyle> tanto en la cabecera como en el pie de página. (Este ejemplo se ha extraído y modificado a partir de la capa "Atlas de nuestro cambiante medio ambiente" del PNUMA).
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 viñeta bajo el nombre. Esto se 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>
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 bueno y otro malo 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>, podrás cambiar los iconos predeterminados por 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í que, 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 sólo un elemento de la carpeta a la vez.
- La opción checkHideChildren permite ocultar el contenido de las carpetas, lo cual viene muy bien si se tienen cientos o miles de marcas de posición dentro.
- La opción Off Only permite marcar una casilla para que el usuario pueda desactivar carpetas, pero no las pueda activar, y viene muy bien para carpetas que tienen muchos modelos, polígonos y rutas. Los visitantes no podrán activar todo al mismo tiempo, lo cual recargaría 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 mira el siguiente ejemplo.
Debates y comentarios
¿Tienes alguna pregunta acerca de este tutorial o algún comentario? Visita el grupo de debate sobre Google Earth Solidario para hablar del tema con otros usuarios.
¿Y después qué?
|
