Varios artículos que he leído aseguran que puede conducir más tráfico hacia tu blog o web que Twitter, Facebook y Google Plus juntos y fue la red social más premiada y con mayor crecimiento en 2.011.

Así que, animado por las estadísticas y expectativas, he estado instalando el consiguiente botón “Pin it” en un par de blogs bajo WordPress (podéis ver el resultado al final de esta misma entrada) y aquí os traigo el tutorial que facilita la tarea, si bien es cierto que existen ya unos cuantos plugins que automatizan la función.

Sólo es necesario insertar 2 “trozos” de código en sendos lugares de tu plantilla de WordPress.

1. Insertar el código javascript

Este código permite la comunicación entre tu blog y los servidores de Pinterest para ejecutar las acciones necesarias. No es necesario ahondar mucho pero abre los popups, y envía la imagen con su comentario a las “pinboards” del usuario que está haciendo el “pin”

Es necesario pegar este código, tal cual, antes de la etiqueta </body> de tu plantilla que suele estar en el fichero footer.php de tu theme de WordPress.

<script type="text/javascript" src="//assets.pinterest.com/js/pinit.js"></script>

2. Situar el botón Pin it

El siguiente código sirve para colocar el botón donde prefieras que aparezca la funcionalidad, normalmente deberás colocarlo en los ficheros single.php (las entradas individuales) y el index.php (fichero que gestiona la página principal) puede que en algún otro dependiendo de la estructura de tu tema de WordPress (listados por categorías, etiquetas, …)

<a href="http://pinterest.com/pin/create/button/?url=<?php the_permalink(); ?>&media=<?php $thumb = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'thumbnail' ); echo $thumb['0']; ?>&description=<?php the_title(); ?> en <?php bloginfo('url'); ?>" class="pin-it-button" count-layout="vertical"><img border="0" src="//assets.pinterest.com/images/PinExt.png" title="Pin It" /></a>

Puedes cambiar un poco el aspecto del botón mediante el parámetro “count-layout”. Tiene 3 posibles valores: vertical, horizontal y no count. Para que el contador aparezca arriba, al lado o no aparezca respectivamente.

Ese código está pensado para que tome la imagen destacada del post para enviarla a Pinterest. Si esta no existe, envía una imagen por defecto, pero pierde toda la gracias. Así que es necesario que todos los posts de tu blog tengan definida su imagen destacada.

Y eso es todo, espero que este tutorial os sirva y si sabéis conocéis algún truco más sobre Pinterest no dudéis en utilizar los comentarios de esta entrada.

En esta entrada voy a explicar los motivos que me han llevado a realizar esta integración y los pasos a realizar para lograrla y usarla de forma efectiva.

¿Qué conseguimos instalando el sistema de comentarios de Facebook?

• aumentamos la visibilidad de los comentarios que se publiquen en nuestros blog ya que además de publicarse en la entrada correspondiente se publican en el muro de Facebook del usuario que hace dicho comentario (viralidad)
• aumentamos tráfico hacia nuestro blog (captación de tráfico)
• reducimos la carga de la base de datos de nuestro blog ya que no se guarda nada en la misma (optimización)
• facilitamos la publicación de comentarios ya que el usuario puede ser menos reacio a darnos sus datos (privacidad)

Por contra, perdemos el control del contenido de dichos comentarios, que aunque pueden ser moderados y eliminados de nuestra entrada no se borran totalmente, siguen en el muro del usuario.

Y ahora, el tutorial de integración de Facebook Comments en WordPress.

1. Validar tu usuario de Facebook como Developer

Para poder integrar correctamente la funcionalidad es necesario crear una App de Facebook y para ello nuestro usuario de Facebook debe estar validado como “Desarrollador” en dicho sistema. Es gratis.

Accede a http://developers.facebook.com/  y sigue los pasos para Validar tu usuario (si no lo tienes ya validado). La validación pasa por que Facebook te envíe un SMS con un código que deberás insertar en su página.

Esto solo sucede la primera vez, luego ya se pueden crear tantas aplicaciones como se quiera sin que sea necesario volver re-validar.

2. Crear una aplicación en Facebook

Accede a https://developers.facebook.com/apps y crea una “Nueva Aplicación” (botón arriba a la derecha) especificando que se integra con Facebook como “Sitio Web” e indicando el “Site Domain” y la “URL del sitio” correctos. Ponle un nombre que te sirva a ti para saber qué aplicación es, pero no tiene visibilidad para nada.

Tras crear la aplicación apúntate su App ID/API Key (el “código secreto de la aplicación no lo vas a necesitar).

3. Widget de Facebook Comments

Accede a http://developers.facebook.com/docs/reference/plugins/comments/ y crea tu widget seleccionando:

• número de comentarios
• ancho del bloque
• diseño (solo hay claro u oscuro)

Tras clicar en “Get Code” debes elegir la App que has creado en el paso 1 y el Formato XFBML. Verás una pantalla parecida a:

Guárdate los códigos que aparecen en la primera y la tercera caja (yo la segunda la he ignorado y me funciona).

4. Modificar el código

Es necesario adaptar el código de la caja 3 para que asigne correctamente los comentarios a la URL de la entrada del blog. Sin hacer este cambio, todos los comentarios contarían en la “Home” de tu blog.

El código modificado es:

<fb:comments href="<?php echo get_permalink(); ?>" num_posts="10" width="610" notify="true"></fb:comments>

5. Obtener los metatags y adaptarlos a tu blog

Este fué el paso que más me costó encontrar y fue gracias a la herramienta de depuración que ofrece el mismo Facebook: http://developers.facebook.com/tools/debug. Usándola para comprobar si todo estaba correcto me daba algunos fallos e investigando logré averiguar que era necesario incluir unos metatags de la API de Facebook.

Estos metatags, ya adaptados a WordPress son:

<!-- Tags Facebook -->
<meta property="og:title" content="<?php the_title(); ?>" />
<meta property="og:type" content="Website" />
<meta property="og:url" content="<?php echo get_permalink(); ?>" />
<meta property="og:site_name" content="Nombre del Site" />
<meta property="fb:admins" content="ID Usuario Facebook" />
<meta property="fb:app_id" content="ID App" />
<!-- End Tags Facebook -->

Modifica “Nombre del Site” con el de tu blog, “ID Usuario Facebook”  con el de tu usuario de Facebook y “ID App” con el número que te apuntaste en el paso 2 de este manual.

El ID de Usuario de Facebook es difícil de encontrar. Un truco es ir a “Crear un album de fotos” y apuntar el id que aparece en la URL

6. Insertar los códigos en tu plantilla WordPress

Nos acercamos al final de esta integración. En realidad solo nos queda insertar todo el código que hemos obtenido hasta ahora en diferentes archivos de la plantilla de nuestro blog y verlo funcionar.

• El código de la caja 1 debes insertarlo después de la etiqueta <body>, normalmente en el fichero header.php de tu plantilla
• El código de la caja 3 modificado (paso 4) debes insertarlo donde quieras que aparezcan los comentarios, en el fichero single.php de tu plantilla
• Los metatags modificados (paso 5) debes insertarlos antes del cierre de la etiqueta </head>, también en el fichero header.php

7. Contador de comentarios

Si quieres puedes añadir un contador que indica el número de comentarios que tiene una URL (o una entrada en nuestro caso) solo hay que añadir este código donde quieras que aparezca el número de comentarios de la entrada en el fichero single.php de tu plantilla (yo lo puse justo encima de donde están los comentarios).

<fb:comments-count href=<?php echo get_permalink(); ?>></fb:comments-count> comentarios

8. Moderación de Comentarios

Ahora ya deberías tener los Facebook Comments funcionando, para probarlo escríbete tu mismo un comentario o pídele a un amigo que lo haga y tú respóndele…

Podrás ver todos los comentarios que se hagan en tu blog en http://developers.facebook.com/tools/comments, donde también podrás modificar algún parámetro de la configuración de la aplicación como añadir moderadores, el nivel de moderación (aprobar directamente o bajo supervisión), una “lista negra” de palabras prohibidas (seguridad y antispam), …

Cosas que mejoraría

Es difícil saber cuando se crea un comentario nuevo, no hay (o no he encontrado) una manera de enviar notificaciones por email cuando se hace un nuevo comentario.

En la herramienta de moderación todos los comentarios de todas las entradas se ven mezclados un una lista… si tienes muchos comentarios o muchas entradas puede ser caótico.

Un nivel mayor de personalización del diseño gráfico o la posibilidad de elegir entre más templates.

Bueno, espero que este tutorial os sirva y si sabéis como mejorarlo o encontráis algún problema no dudéis en utilizar los comentarios de esta entrada.

En ella resumiré los 6 puntos que la autora dedica a explicar cómo leemos los humanos.

Con más del 80% de la población adulta alfabetizada,  la escritura representa una de las principales formas de comunicación para la mayoría de las personas.

BLOQUE 2: ¿Cómo lee la gente?

#013 El mito de las letras mayúsculas

Hace tiempo leí que el texto escrito en letras mayúsculas es más difícil de leer por que se perciben todas ellas con la misma altura y encajadas en un rectángulo mientras las algunas minúsculas sobresalen por encima o debajo y facilitan puntos de anclaje para los ojos.

Parece ser que se trata de un mito ya que leemos reconociendo y  anticipando las siguientes letras y, en base a ellas, las palabras.

Mientras leemos los ojos se mueven con movimientos sacádicos (en sacadas), pequeños y ágiles saltos con periodos de pausa en medio. Normalmente, estas sacadas las hacemos hacia delante, y en ocasiones también hacia atrás (15% de las veces) para releer alguna letra o palabra.

Cada sacada salta entre 7 y 9 letras pero gracias a la visión periférica leemos unas 15 letras en cada salto anticipando caracteres que encontramos más a la derecha (si leemos de derecha a izquierda) y reconocemos unas 8 letras cada vez, por eso vamos volviendo hacia atrás de vez en cuando.

Si nos cuesta leer letras mayúsculas, no es debido a su forma conjunta, sino a que estamos menos acostumbrados a ellas y nos cuesta más reconocerlas una a una. Como históricamente se han utilizado menos, cada vez son más infrecuentes. Además, en Internet se considera a las mayúsculas como una forma de gritar.

Notas:

• debemos utilizar las mayúsculas esporádicamente por el poco uso en general y por que se consideran gritar, no porque sean más difíciles de leer

#014 Leer y comprender son cosas diferentes

Si eres biólogo y lees sobre programación en PHP (o un informático leyendo biología), es probable que, aunque lo leas perfectamente, te cueste comprenderlo. Si lo que lees encaja con tus estructuras cognitivas, es más fácil entenderlo.

Existe una fórmula (Flesch-Kincaid) que calcula la legibilidad de un texto en función del número de frases, palabras y sílabas. Puede utilizarse online en: Readability index calculator en 5 idiomas (español e inglés incluidos).

Intenta leer este texto:

Sgeun un etsduio de una uivenrsdiad ignlsea, no ipmotra el odren en el que las ltears etsan ersciats, la uicna csoa ipormtnate es que la pmrirea y la utlima ltera esten ecsritas en la psiocion cocrrtea.

¿Difícil? No tanto. Al leer no absorbemos todo con exactitud sino que anticipamos lo que llegará basados en la experiencia previa. Atajos como que la primera y última letra de cada palabra estén en su posición correcta nos ayudan a  reconocer mentalmente cada palabra.

Un buen título nos predispone a comprender mejor el contenido de aquello a lo que hace referencia. La frase “intenta leer este texto” puede retarte y aumentar tu concentración sobre lo siguiente a realizar mejorando tu disposición a comprenderlo.

Notas:

• somos lectores activos y lo que leemos y entendemos depende de nuestra experiencia previa
• no asumamos que recordaremos información específica en lo que leamos
• usemos títulos significativos, ajustemos correctamente el nivel de los textos a nuestras audiencias usando palabras simples y párrafos cortos para que nuestro material sea comprensible por la mayoría de lectores

#015 El reconocimiento de patrones ayuda a la identificación de letras en varias fuentes

Pese a que no memorizamos todas las maneras de representar de forma escrita una letra “A”, es muy sencillo reconocerla cuando la vemos ¿verdad?

Eso es debido a que en nuestra memoria tenemos almacenado un patrón sobre cómo debe ser una “A” y cuando vemos algo que se le parece lo reconocemos inmediatamente.

En cuanto a legibilidad, la tipografía (o fuente) utilizada no es crítica mientras no sea tan “decorativa” que complique la identificación de las letras puesto que el adorno puede interferir en el reconocimiento de patrones del cerebro.

Por otra parte, una tipografía de difícil lectura hace que sea más complicado retener el significado de lo leído.

Notas:

• las tipografías “Serif” y “Sans serif” son iguales en términos de legibilidad
• tipografías novedosas o demasiado decorativas dificultan la lectura y la comprensión de la misma
• problemas en lectura conllevan problemas en comprensión de lo leído y por tanto provocan la sensación de que ésto es mas complicado

#016 El tamaño de la fuente importa

El tamaño de la fuente debe ser el suficiente para que el texto se lea sin esfuerzo, todos nos quejamos ante tamaños pequeños.

Si comparamos diferentes fuentes en el mismo tamaño nos daremos cuenta de que unas parecen más altas que las otras, esto es debido a la altura-x (x-heigh) definida como la altura que tiene la “x” en esa fuente. Tahoma y Verdana tienen su x-heigh mayor lo que las hace más fáciles de leer.

Notas:

• es conveniente elegir tipografías con mayor x-heigh y utilizar tamaños de letra fáciles de leer para el mayor rango de edades posible

#017 Leer en una pantalla es más duro que sobre un papel

En función del dispositivo sobre el que leemos, nuestra experiencia es diferente. En  pantallas la imagen no es estable, se refresca constantemente y emite luz, sobre papel la imagen es estable y refleja la luz. El parpadeo de las pantallas y su luz cansan la vista.

Los libros electrónicos, con su tinta electrónica se comportan como el papel, la imagen es estable, no se refresca y no emiten luz.

Para facilitar la lectura en un papel debemos asegurarnos de que el tamaño del texto sea suficiente y que el contraste de colores del texto con su fondo sea correcto. La mejor combinación de colores en cuanto a legibilidad es texto negro sobre fondo blanco.

Notas:

• utilizar tamaños de fuente más grandes en pantallas de ordenador minimiza la tensión ocular
• usar listados, separar el texto en trozos, párrafos cortos e imágenes
• lo que escribamos debe valer la pena ser leído, el texto debe ser interesante, o no será leído

#018 Leemos mejor en líneas largas, pero las preferimos cortas

Es una paradoja, ¿cuál debería ser el tamaño de una columna de texto? Pues depende de si queremos que la página sea fácil de leer o que sea bonita.

Los estudios dicen que leemos mejor textos con longitudes de línea de unos 100 caracteres pero decimos que preferimos líneas de entre 45 y 70 caracteres de largo. Las líneas largas son más fáciles de leer porque hay menos saltos de línea y, por tanto, interfieren menos veces con las “sacadas” que explicábamos en el punto #013.

Notas:

• usemos líneas de mayor longitud (100 caracteres) si la velocidad de lectura es nuestro objetivo y más cortas (45 a 70 caracteres) si tenemos objetivos más estéticos
• para un artículo de varias páginas como en los diarios, parece ser mejor el uso de varias columnas y una  longitud de línea corta (45 caracteres)

—————

En unos días publicaré mi resumen del tercer bloque del libro sobre Cómo recuerda la gente. Suscríbete para no perdértelo.

Si te interesa el libro, puedes encontrarlo en Amazon: 100 Things Every Designer Needs to Know About People (Voices That Matter)

El libro está estructurado en 10 bloques y voy a dedicar una entrada a resumir cada uno de ellos para guardar un resumen escrito de lo que vaya leyendo (y entendiendo) sobre el mismo y por si a alguien más puede servirle.

BLOQUE 1: ¿Cómo ve la Gente?

Este bloque contiene las primeras 12 “cosas” y está dedicado a explicar cómo vemos los humanos. Comienza apuntando las diferencias entre lo que “ve el ojo” y lo que “interpreta el cerebro”.

#001: Lo que ves no es lo que interpreta tu cerebro

¿Que ves en la imagen de la izquierda? ¿un rectángulo? Pero … ¿realmente hay un rectángulo o sólo 4 círculos parciales? Este ejemplo, el rectángulo de Kanizsa resume totalmente este punto.

El cerebro intenta por todos los medios encontrar interpretar lo que sensorialmente percibe, y busca “atajos” para que lo percibido tenga sentido.

El cerebro se basa en su conocimiento previo para decidir “qué” estamos viendo y tomar decisiones en nanosegundos a partir de los millones de impulsos que recibe en cada instante. Pero estos atajos pueden causar errores en ocasiones. Mediante formas y colores se puede influenciar sobre lo que la gente ve o piensa que ve, creando ilusiones ópticas.

Notas:

• lo que crees que la gente va a ver en tu web no tiene porqué ser lo que realmente ven. Dependerá de su entorno, conocimientos, hábitos sobre lo que miran y expectativas
• debemos ser capaces de persuadir a nuestros usuarios para que vean las cosas de cierta manera, en función de como están representadas

#002: La visión periférica se utiliza más que la central para obtener la esencia de lo que vemos

Mientras utilizamos la visión central para mirar las cosas y obtener sus detalles, es la visión periférica la que nos ayuda a contextualizar lo que la central ve y ponerlo en contexto. Sin dicha visión periférica perderíamos gran parte de la información del entorno que rodea a aquello que miramos.

Por otra parte, la visión periférica es la culpable de que nos distraigamos si estamos leyendo un texto y algo se mueve en una esquina de la pantalla (¿un banner animado?). Todo lo que pasa en la zona periférica de la visión puede captar nuestra atención y desconcentrarnos.

Notas:

• los usuarios utilizamos la visión periférica para decidir de un sólo vistazo sobre qué trata una página web o una aplicación
• es muy necesario diseñar esa zona para que cumpla con el propósito de la página y la web
• evitemos las animaciones y parpadeos si queremos que el usuario se concentre en lo que queremos que haga

#003 Los usuarios identificamos objetos a partir de patrones

Nuestros ojos y nuestro descomponen en patrones todo lo que perciben puesto que este “truco” agiliza el reconocimiento de lo que estamos viendo.

La reciente teoría de los Geones (1.985) indica que el cerebro no almacena y compara millones de imágenes sino que recuerda alrededor de 24 formas básicas (patrones) y con de ellas identifica cualquier objeto que vemos.

Notas:

• utilicemos patrones siempre que podamos para facilitar la visualización y comprensión de lo que queremos transmitir
• evitemos imágenes en 3D. Los humanos vemos en 2D  y el proceso para percibir el 3D ralentiza la percepción

#004 Hay una zona del cerebro especializada en reconocer caras

Como las caras son difíciles de descomponer en patrones, nuestros cerebros han desarrollado una zona especial para reconocerlas. Somos capaces de identificar a una persona por su cara entre una multitud aunque no esperemos verla allí y los ojos son lo más importante. Además las caras nos provocan una respuesta emocional (simpatía, miedo, horror, ..) y suelen hacer que miremos adonde ellas miran.

Notas:

• las caras son lo primero que identificamos en las páginas web, si miran de frente crean un mayor valor emocional sobre la página y si miran hacia algún lado solemos mirar hacia ese mismo lado en primer lugar

#005 Los usuarios recordamos los objetos con  ligeras inclinaciones

Varios estudios demuestran que solemos recordar los objetos con cierto ángulo superior e inclinación lateral. Es decir, un poco desde arriba y un poco desde un lado: es la perspectiva canónica. No es habitual recordar objetos desde encima o desde un plano lateral. La perspectiva canónica nos ayuda a identificar los objetos correctamente.

Notas:

• los iconos en las webs deberían estar creados con perspectiva canónica

#006 Los usuarios escaneamos la pantalla en función de nuestra experiencia anterior y expectativas

Los usuarios pasamos por alto ciertas partes de la pantalla como logotipos, espacios vacíos, barras de navegación y márgenes laterales. Buscamos de forma inconsciente el texto de mayor tamaño y enfocamos nuestra atención comenzando por él.

Tras este primer vistazo miraremos o leeremos según nuestra cultura (izquierda a derecha o viceversa) pero si algo como una imagen grande o un movimiento llama nuestra atención puede modificar nuestra tendencia natural de visionado.

Notas:

• en una web, lo más importante debe colocarse en el tercio superior de la pantalla
• no debe ponerse nada importante en los márgenes laterales, ni estructurar la información de forma que rompa con el patrón cultural de lectura (izquierda a derecha o viceversa)

#007 Los usuarios percibimos señales que nos indican como utilizar un objeto

Los objetos suelen indicarnos como utilizarlos. Tomaremos una taza de café por el asa, moveremos hacia abajo el asa del pomo de un puerta para abrirla o sabremos donde clicar en una página web si vemos un botón que nos invite a ello. Este tipo de señales intrínsecas a los objetos y que nos indican qué puede hacerse con ellos son llamadas  “permisividad” o “permitividad” (en inglés: affordance).

El asa de la imagen ¿te invita a empujar o a estirar? Para empujar no necesito el asa, por tanto debe ser para estirar. Sin embargo el texto encima del asa dice “empujar”… ¿Por qué tan complicado? Algo falla en la imagen.

Cualquier objeto, aplicación o página web debería estar diseñado para que el cerebro perciba, imagine e interprete correctamente la acción a realizar sobre el mismo y cómo realizarla.

Notas:

• al diseñar objetos, debemos incluir sus “affordances” y evitar las falsas señales
• utilizar sombras indica si un objeto está activo, es clicable, …
• señales como “mouseover” o punteros que cambian de forma al pasar por encima de elementos clicables son inútiles en dispositivos táctiles

#008 Los usuarios podemos no percibir cambios en nuestro campo visual

Antes de seguir leyendo, mira este vídeo de 1’20″ y cuenta el número de pases de pelota entre los participantes.

Este vídeo es un buen ejemplo de lo que se conoce como “ceguera al cambio” o “ceguera por falta de atención”. Si estamos intensamente concentrados en una tarea, es altamente probable que nuestro cerebro no perciba grandes cambios que suceden en el entorno.

Más sobre el experimento del Gorila en: The Invisible Gorilla

Notas:

• no asumamos que los elementos en una pantalla se ven simplemente porque están ahí, sobre todo si algo ha cambiado después de un refresco de pantalla. Como usuarios podemos no percibir que estamos viendo una pantalla diferente
• debemos añadir señales adicionales si algo ha cambiado

#009 Los usuarios creemos que las cosas que están juntas también están agrupadas

Si en una página web dos elementos (por ejemplo, una imagen y un texto) están muy juntos, asumimos que van unidos y asociamos el uno al otro (la imagen ilustra al texto que la acompaña). Esta percepción es todavía más fuerte si la unión es de izquierda a derecha (o viceversa en las culturas que leen de derecha a izquierda).

Notas:

• si queremos que varios elementos parezcan relacionados, deberemos ponerlos lo más cerca posible unos de otros
• para separar elementos, mejor usar un mayor espacio entre ellos que líneas o cajas, así no añadimos ruido a lo que se ve

#010 Es difícil leer texto rojo sobre azul

Los colores rojo y azul, cuando se utilizan superpuestos, crean el efecto de que uno “salta” sobre el otro, que a su vez se “empotra” hacia abajo.

Es el peor ejemplo de chromostereopsis pero puede crearse el mismo mal efecto al combinar otros pares de colores entre ellos (como verde y rojo).

Notas:

• Evitar estas combinaciones, incluso ponerlos demasiado juntos. en una web.

#011 El 9% de los hombres y el 0,5% de las mujeres son daltónicos

Pongamos especial cuidado con las combinaciones de colores que utilizamos en textos, imágenes, iconos, … para minimizar las dificultades que tienen muchos de nuestros usuarios con los colores.

Un buen truco es utilizar algún website que ofrezca el servicio de comprobación de efectos de ceguera de colores (vischeck.com, colorfilter.wickline.org) y conocer los indeseados efectos cromáticos que podemos estar introduciendo en nuestros diseños.

Notas:

• evitar combinaciones de rojo, verde y azul y comprobar resultados antes de dar por válido ninguna imagen o diseño

#012 El significado de los colores varía de unas culturas a otras

Y entre unos sectores de población, laborales, religiosos … a otros. El blanco es señal de pureza en algunas culturas (y se utiliza en bodas) y de luto en otras (y se utiliza en funerales). La felicidad se asocia con blanco, verde, amarillo o rojo según la parte del mundo en la que estés.

La rueda de colores de InformationIsBeautiful es una fuente de consulta muy útil en el momento de aplicar colores al diseñar para diferentes culturas o ámbitos.

Notas:

• elegir los colores cuidadosamente y teniendo en cuenta el significado que éste puede suscitar
• asegurarse de evitar la creación de asociaciones no deseadas gracias a (o por culpa de) los colores y en función del público mayoritario de tu producto o servicio

—————

En unos días publicaré mi resumen del segundo bloque del libro sobre Cómo lee la gente. Suscríbete para no perdértelo.

Si te interesa el libro, puedes encontrarlo en Amazon: 100 Things Every Designer Needs to Know About People (Voices That Matter)

Sí, sí, en serio. El mismo Amazon pone a tu disposición una interesante colección de libros gratuitos con más de 1.400 títulos en español.

También encontrarás ebooks gratuitos en inglés y francés.

La mayoría de estos libros son clásicos de la literatura tanto española como internacional, ese tipo de libros que “toda” biblioteca debe tener como “El Quijote”, “La Odisea” o “Moby Dick”. En cualquier caso insisto: son gratis.

Así que vale la pena pasear un rato por esas “estanterías virtuales” y hacerse con algunos ebooks ¿no crees?

Enlace: eBooks Gratis en Amazon.

Así que voy a permitirme aprovecharlo para desearos a todos Feliz Navidad y toneladas de ánimo y energía para el año nuevo. No dejéis que la desesperanza os gane la batalla.

Se trata de un recorrido de poco más de una hora a las afueras de Bellver de Cerdanya en un paraje fluvial protegido a las orillas del río Segre y patrocinado por la Obra Social de la Caixa.

Es un itinerario naturalista y divulgativo donde diferentes postes explican la conversión del lugar desde el vertedero de basuras que fué hasta el estado actual del parque como lugar donde conocer la avifauna y flora de la ribera del río Segre.

Se camina por un bosque de chopos y sauces al encuentro de las tres charcas (o balsas) rodeadas de cañaverales y matorrales de ribera.

Todo el paseo es muy plano y está pensado para familias y adaptado para personas con discapacidades motrices. Solo la zona que sube al mirador del Serrat de Gallissà no es accesible, pero el camino circular evita pasar por él. Además, durante el paseo hay unos cuantos bancos donde descansar y una barraca para la observación de las aves.

En definitiva, un agradable paseo por la naturaleza (si no hace demasiado calor).

Os dejo algunas fotos de nuestra excursión:

Enlaces de interés:
Ayuntamiento Bellver de Cerdanya

Llívia es un pueblo con una extraña particularidad: pertene a la provincia de Girona pero está rodeado por territorio francés. Es decir, para llegar a Llívia hay que entrar en Francia.

Está a solo 6 km de Puigcerdà (que visitamos en otra ocasión) y se accede desde la N-154. Es un pueblito con un marcado acento medieval, donde destaca la farmacia más antigua de Europa (que estaba en remodelación y no pudimos visitar y l conjunto que forman la Iglesia y la torre de Bernat de So (en la foto).

Vale la pena reseguir el itinerario cultural que propone el Ayuntamiento para conocer un poco de la historia de esta población (antigua capital de la Cerdanya), de su castillo (ahora en ruinas) y del papel que jugó en la historia de Catalunya. Visitar la web del Ayuntamiento de Llivia para más información.

Después de Llívia nos encaminamos hacia las fuentes del Segre, principal río de la provincia de Lleida pasando por varios pueblitos franceses de montaña como Sallagouse y Llo. Desde Llo comienza la ruta a pié hasta las fuentes del Segre, donde también hay una Via Ferrata. Ese paseo merecería una excursión dura de un día entero y lo dejamos para otra ocasión.

Continuando nuestro camino llegamos al fin a Mont-Louis, un pueblecito encerrado en una fortaleza. Un puesto de frontera diseñado y construido por Luis XIV en el siglo XVII para vigilar la frontera con España.

Es un pueblecito digno de visitar que se recorre en media hora pero lleno de pequeños restaurantes y rincones con historia, con su Iglesia en la “Place de la Repúblique” y unos jardines en lo alto (la pendiente del pueblo es pronunciada).

Para más información consulta la Guía Turística de Mont-Louis.

Después de comer en Mont-Louis, seguimos hacia el Pantà de Matemale. Matemale es una Urbanización de chalets en la ribera este del pantano, enfrente de la estación de esquí de Les Angles. Tiene un paseo que recorre toda la ribera hasta la misma presa y poco más. Un lugar de descanso donde caminar y descansar un rato antes de continuar.

Ya de vuelta quisimos hacer una parada en Font Romeu (otra de las estaciones de esquí favoritas de la zona).

Font Romeu es un pueblo enfocado casi exclusivamente al turismo, repleto de tiendas de moda y deporte (esquí) aunque destacan algunas joyas arquitectónicas y tecnológicas cono Le Grand Hotel que sobresale en lo alto del pueblo, L’Ermitage et Calvarie del barroco y punto de paso del Camino de Santiago con su Fuente del Peregrino y el horno solar d’Odiello a las afueras del pueblo volviendo hacia España.

Después de pasear un rato por Font Romeu ya iniciamos la vuelta hacia el Hotel.

Par terminar con esta entrada, os dejo el mapa de nuestra ruta:

Para volver a poner Google como buscador predeterminado, sigue los siguientes pasos:

• En la barra de direcciones, escribe about:config y pulsa Enter.
• Acepta el mensaje de seguridad de Firefox
• En el filtro de arriba de la página a la que llegas escribe: keyword.URL
• Haz doble click en el resultado que aparece y sustituye todo el valor por: http://www.google.es/search?q=

Es posible que Babylon se haya añadido en algunos otros parámetros de about:config. Para limpiarlo por completo, después de seguir los pasos anteriores escribe Babylon en el filtro de arriba de esa misma página.

Para cada parámetro que aparezca, haz click derecho sobre él, elige Modificar y resetea o borra el contenido.

Tras los pasos anteriores, cierra Firefox y vuelve a arrancarlo: molestia eliminada!!!

Lo que nosotros buscábamos fue un lugar tranquilo en plena naturaleza, desde el que poder hacer excursiones y visitar los diferentes puntos de interés de la zona pero también donde poder quedarse pasando el día sin hacer nada.

Este hotel cumplió con nuestras expectativas, bien situado, moderno, con habitaciones grandes con vistas a los paisajes del Pirineo, con piscina exterior (recordemos que era verano), SPA, restaurante, WiFi y parking gratuito para clientes.

La habitación que nos dieron era grande, bien acondicionada, con balcón con vistas a la plaza de la pista de esquí y las montañas. Sobre el personal del hotel, tanto en recepción como en el restaurante decir que fueron atentos aunque quizá un poco “secos”

Nuestra tarifa incluía media pensión y acceso al SPA. Lo ideal para volver al hotel a media tarde para relajarse después de un día de visitas y no tener que preocuparse de volver a salir para buscar restaurante y cenar.

El SPA, recomendado a partir de las 19h, que es cuando ya no permiten la entrada de niños. Los desayunos con buffet libre y platos hechos al momento y las cenas (generosas aunque un pelín repetitivas y “entomatadas”) estuvieron bastante bien.

Por otra parte el hotel, aunque con bastantes clientes, no estaba masificado. Supongo que en invierno será totalmente diferente por la temporada de esquí.

En definitiva, un hotel recomendable, desde el que visitar Puigcerdá, Castellar de’n Hug, los pueblos de la Cerdaña catalana y francesa y hacer unas cuantas excursiones en plena naturaleza o rutas en coche.

Web del Hotel: Hotel HG La Molina