DM weblog La vida es complicada y tú la quieres complicar más. Take it easy, man.

Publicado
6/05/06

Categoría
CSS, Internet

De inmobiliarias, promociones y mapas

Águilas no está situada donde señala el mapa de la web corporativa de la constructora Dursa. Por ahí anda, desde hace varios miles de años, Cartagena. Lo corrijen, todo sea dicho, en el micrositio del resort (odiosa palabra) en cuestión. situación geográfica de Águilas según la constructora Dursa

To map or not to map?

Estoy rediseñando la web de una inmobiliaria importante en mi zona. Debido al número de promociones que están edificando en distintas localidades -en un radio de 40 kilómetros- hemos decidido utilizar un mapa interactivo para facilitar la navegación. No construyen urbanizaciones de 3000 viviendas, merecedoras de su propia web, por lo que el sitio contendrá todas sus obras en curso y futuras.

Nuestro mapa, para ser verdaderamente útil, debe mostrar las capitales de provincia, carreteras y aeropuertos cercanos. Así, el radio aumenta 100 km, y las promociones quedan apelotonadas en un espacio que ocupa sólo un 35% de la superficie total del mapa. Por otro lado, resulta grande: 525 x 700px. El precio a pagar si queremos que “se pueda leer” lo que vendemos.

El objetivo del sitio es aumentar el número de consultas sobre las promociones; vía teléfono, vía e-mail, etc. Vamos a facilitar la navegación; con dos clics llegaremos a cualquier lado. También se va a actualizar regularmente. Dado el tipo producto, sumando el precio actual de la vivienda y descontando la gran competencia existente, confoma la carta de presentación perfecta (ferias, salones…) para una constructora muy dinámica y seria.

La competencia

Como es natural, he dedicado bastante tiempo a ver qué hace “la competencia”. Entre comillas, ya que -como decía anteriormente- venden otra cosa y de otra manera.

Tras el susto con el mapa de todo a 100 y después de comprobar que se trata de la única promoción de Dursa en la Región de Murcia, concluyo que poner un mapa es obligatorio. Debemos situar al visitante, máxime cuando la web estará disponible en 3 idiomas. El hacerlo interactivo es lo de menos, ha quedado demostrado.

No quiero utilizar Flash. Es más, me niego. Estoy convencido de que no aportará nada especial, más que mayores costes y peor ranking en los buscadores. Además, la accesibilidad también se va al carajo. Incluso me parece más difícil de asimilar y manejar por parte de nuestro cliente tipo.

La técnica para el mapa: CSS

Hay muchas formas de crear un mapa accesible y que cumpla con los estándares. En mi caso he elegido hacerlo mediante una lista no ordenada contenida en un bloque. El código html es sencillo, limpio, claro… bonito. La hoja de estilos CSS se complica un poco. Utilizar posicionamientos absolutos tiene sus riesgos, especialmente para nuestros visitantes con Internet Explorer, la mayoría.

Esta técnica no utiliza javascript. Si lo anterior no te suena a chino y sabes de qué hablo, aquí tienes un ejemplo para crear un mapa de imagen (inglés) que usa el mismo método. En su momento publicaré mi mapa definitivo con todo tipo de explicaciones.

La pregunta del millón

Conociendo el tamaño del mapa… ¿lo pondrías en la página principal, en la página de promociones o en ambas?


2 comentarios

Lo dice
Peter
7 Mayo 2006 @ 8pm

Acabo de entrar en Dursa con una pantalla de 17” y resolución a 1024×768 y ni siquiera veo la parte final de la página. Además, carece de barras laterales para poder bajar y me he quedado sin saber qué pone ahí abajo. Bonita presentación pero ….

No sé tronco, tienes mapas interactivos en cliente y en servidor. Se usan más estos últimos pero son menos potentes. Puede haber problemas de compatibilidad también.
Con CSS puede ser buena idea, ya veremos el resultado. Ten en cuenta que IE no se lleva muy bien con las CSS2,3 y 4. El 90% ó más naveha con IE.

Mejor un mapa que sirva para algo que otro que no, así pues, el tamaño es importante, cuanto más grande mejor. Yo pondría un enlace “bien definido y a primera vista, que se vea” en todas las páginas. Si pones el mapa en la home no se va a ver otra cosa. Haz una prueba y la vemos.

Por otro lado, podrías poner el paso de letra de este formulario un poco más grande, pues me estoy quedando ciego.

Salut


Lo dice
Domi
7 Mayo 2006 @ 10pm

En cuanto termine el mapa te lo muestro, Peter.

Gracias por el comentario sobre el tamaño de letra del formulario… Ya está corregido.


Deja tu comentario

Comments will be sent to the moderation queue.

¡He encontrado mi frigorífico! Carretera perdida (Lost Highway)