http://losflarecard.tumblr.com/

Cómo publicar en tu blog y Twitter en varios idiomas sin confundir a tu audiencia

Fri, 03 May 2013 10:01:00 +0300

Mantener un blog y tus perfiles sociales activos es realmente un trabajo duro. La tarea es aún más difícil cuando se quieren utilizar diferentes idiomas. Este blog muestra nuestro enfoque y experiencia en este tema. La decisión que tuvimos que tomar era si separar o no los idiomas y usar diferentes cuentas para cada uno.

Este arículo en Ingés

Las desventajas que vemos en la mezcla de idiomas

Confundir a tu audiencia
Confundirte a ti mismo
Cambias el foco de la redacción a pensar sobre los idiomas
Incluye aspectos técnicos que deben solucionarse
Hace que los comentarios y las conversaciones sean difíciles de seguir

Las ventajas que vemos en la separación de idiomas

Proceso simple y libre de preocupaciones técnicas
Puedes hacer frente a las particularidades de cada grupo lingüístico
Dado que el contenido es literalmente reescrito para cada idioma al final el contenido está más curado

Inicialmente optamos por mezclar idiomas y utilizar las mismas cuentas en diferentes idiomas. Después de un tiempo nos dimos cuenta de que no era lo más eficaz, así que decidimos usar cuentas diferentes para cada idioma.

Nuestro proceso actual

Este es el proceso que seguimos. El que estoy usando para este artículo.

Escribir contenido en Inglés
Hacerlo público en el blog Inglés
Escribir el contenido en Español
Hecerlo público en el blog Español
Añadir enlaces a la versión del otro idioma en cada artículo
Usar la cuenta de Twitter adecuada para anunciar cada artículo
Publicar en otras redes sociales

La separación de los idiomas

Nuestros principales canales públicos son nuestro blog y cuentas de Twitter. Ahora tenemos diferentes cuentas para Inglés y Español, lo que significa dos blogs y dos cuentas de Twitter a gestionar.

En principio puede parecer una sobrecarga, pero es más fácil de manejar y presenta algunos beneficios adicionales, por ejemplo, podemos tener de algunos backlinks extra de cada entrada del blog. En Twitter también podemos abordar ambos grupos lingüísticos de forma independiente y con más confianza.

Las alternativas a la duplicación

Inicialmente escribíamos en los dos idiomas en nuestro blog de wordpress. Para ello utilizamos varios plugins multi-lenguaje para combinar los dos idiomas en un único texto. Pero encontrar el plugin adecuado no era fácil, además de tener que instalarlo y aprender como usarlo. Al final, era una fuente de distracción y complicaciones. También era necesario revisar los textos para asegurarse de que los idiomas no se mezclaban en el texto. Por si fuera poco además hay que saber cómo detectar el lenguaje adecuado para el usuario y proporcionar herramientas para cambiar entre ellos. No es un proceso fácil. Y si tienes muchos comentarios mezclar los idiomas resulta en una complicada lectura de estos.

Para Twitter solíamos tener una sola cuenta y twitear a veces en Inglés y a veces en Español. En muchas ocasiones el mismo tweet se lanzaba en un idioma inmediatamente seguido por una versión traducida, lo que quedaba algo ~~estúpido~~ extraño. Además, hay un riesgo muy probable de confundir a sus seguidores.

Ahora tenemos dos cuentas separadas y es mucho más fácil de manejar. Es interesante ver cómo algunos seguidores optan por seguir ambas cuentas, pero eso es una minoría.

Conclusión

Tener una sola cuenta y usarla para un par de idiomas puede parecer el camino más fácil, pero en poco tiempo puede/va causar problemas y añade una gran confusión. Para nosotros tener una clara separación entre los idiomas es una gran ayuda.

Códigos QR, cuando lo feo es bello

Sat, 06 Apr 2013 01:06:00 +0300

A veces cuando presentamos FlareCard observamos como algunas personas reaccionan ante los códigos QR.

Este artículo en Inglés

Normalmente la discusión se centra en tres aspectos:

1. Los códigos QR son feos

Los códigos QR son feos. Esto es algo con lo que tenemos que vivir. Para superar esta realidad recomiendo asumirlo como una limitación en el diseño de tu tarjeta y estar preparado para un compromiso. La tarjeta de visita con el diseño más bello del mundo olvidada en un cajón, donde la gran mayoría de ellas terminan, tiene el mismo valor que una tarjeta pobremente diseñada. Además no hace falta poner el código QR en las dos caras, por lo tanto hay espacio de sobra para potenciar la marca y mantener un estilo. Siempre que la presencia de código QR se tenga en consideración durante el diseño, la fealdad de los códigos es irrelevante comparada con el potencial y las posibilidades que ofrecen, y es en estas donde reside la belleza de los códigos QR. Después de todo las tarjetas de visita no son obras de arte, al menos para nosotros son una herramienta de comunicación, y las tarjetas tradicionales no son especialmente efectivas en ese aspecto.

Al final de este artículo puedes encontrar algunos diseños atractivos.

2. Baja adopción del uso de los códigos QR

Aunque que el grado de adopción de uso es relevante para algunos casos, por ejemplo al considerar una campaña de marketing con códigos QR en una revista, no considero que sea tan relevante cuando se trata de un código QR en una tarjeta de visita. Porqué? Simplemente porque el código QR es sobre ti y está en tu tarjeta. Tu ofreces tu tarjeta personalmente, puedes sugerir que más tarde tu contacto escanee el código y mencionar que contiene datos interesantes. Si tu contacto termina siguiendo tu tarjeta (eso se puede hacer con FlareCard) tu tarjeta de papel puede ser tranquilamente olvidada en un cajón, tu contacto será informado cuando aspectos de tu tarjeta o perfil cambien.

No estás poniendo tu tarjeta en una revista esperando a ver la gente la escanea el QR. Has iniciado una relación con un contacto en persona. El grado de adopción es irrelevante a este nivel de interacción.

De cualquier forma puedes encontrar estadísticas sobre el grado de adopción abajo.

3. Uso malicioso de los códigos QR

El uso malicioso de los códigos QR ha aumentado al mismo tiempo que la popularidad de los mismo ha crecido. Pero en el caso de una tarjeta de visita creo que este hecho es poco importante. El código está en tu tarjeta, con tu nombre, teléfono y posiblemente dirección. A no ser que tu título diga “Hacker peligroso” tu contacto no va a pensar que algo malo vaya a ocurrir al escanear el código.

Conclusión

La belleza de los códigos QR reside en el potencial que tienen para comunicar y de la magia que realizan cuando son escaseados. Si el resultado es que muestran importante información sobre ti o tu empresa el usuario ya no está mirando un código QR, te está mirando a ti. Y lo mejor es que sabrás cuando eso ocurra.

Un par de enlaces (en inglés):

Unos diseños elegantes de tarjetas con QR: http://www.webdesignerdepot.com/2011/07/30-creative-qr-code-business-cards/

Grado de adoption de los códigos QR en EEUU y Europa en el 2012: http://www.pb.com/smb/qr-codes/marketing/statistics-trends-use/reports/2012-us-europe

Peligro: qué significa "Yes, I think so" realmente?

Wed, 13 Feb 2013 15:06:00 +0200

Durante mi trabajo en multinacionales trabajé a diario con compañeros de equipo, subcontratas y clientes de diferentes países.

Durante unos años trabajé para una compañía de un país asiático pero dentro de un equipo europeo. Una compañía grande, que no desconocía los retos de trabajar con equipos de diversas culturas.

Ver este artículo en Inglés

Después de varios meses tuvimos una revelación cultural. Un día se organizó una sesión de introducción a la cultura de dicho país asiático. En esa sesión nos presentaron aspectos del país y su cultura, su forma de trabajar, etc. Había muchos detalles interesantes pero uno en particular fue sorprendente para todos.

Si pero No

“Yes, I think so” significa “Sí, creo que sí” en Español. Pues bien la revelación consistía en que “Yes, I think so” para ellos NO significaba “Yes, I think so” como los europeos lo entendemos. Para ellos significaba “No creo que sea posible”, “No creo que pueda hacerlo”. Depende del contexto pero de cualquier forma lo contrario de lo que nosotros esperábamos de esa “afirmación”.

En efecto aquello explicaba algunas confusiones ocurridas en el pasado. Hubiera sido útil conocer aquel pequeño detalle con anterioridad. Y por supuesto lo mismo ocurre en sentido contrario, podemos estar diciendo cosas que nuestros colegas entienden de forma diferente.

Trabajar con equipos multi-culturales y gente de todo el mundo es la más increíble, enriquecedora y saludable experiencia que una persona puede tener. Pero recuerda que no son ellos los que tiene que aprender sobre ti, tu también tienes que aprender sobre ellos. Las empresas deben también hacer el esfuerzo para convertir las diferencias culturales en ventajas!

Está página (en Inglés) contiene un montón de información sobre diferentes culturas en el ámbito de los negocios: http://www.worldbusinessculture.com/index.html

Nota: No tenemos absolutamente ninguna relación con esta página. Por supuesto debes realizar tu propia investigación dependiendo de tu situación.

Por cierto, sabéis a que país asiático me refería? Habéis tenido alguna “revelación” similar?

Hasta pronto!

FlareCard sale de Facebook y se convierte en Freemium

Tue, 12 Feb 2013 09:06:00 +0200

Hola, ante todo disculpas por la larga pausa desde el último artículo. No hemos estado de vacaciones, todo lo contrario, muy ocupados con los nuevos cambios en FlareCard. En este artículo te resumimos los cambios.

Este artículo en Inglés o este artículo en formato vídeo

Salimos de Facebook

FlareCard está ahora fuera de Facebook. De todos modos todavía es posible entrar o registrarse a FlareCard usando las credenciales de Facebook. Pero ahora además es posible crear cuentas en FlareCard usando una dirección de email. Lo más importante es que ya no es necesario estar dentro de Facebook para entrar a FlareCard.

Este cambio nos ha permitido mejorar el interfaz de usuario de FlareCard. Esperamos que os guste más que la anterior.

Ahora FlareCard es Freemium

FlareCard se ofrece ahora en 3 planes: Básico, Premium y Corporate.

NOTA: Todas las cuentas existentes en FlareCard anteriores a este cambio disfrutarán del plan Premium de manera gratuita sin limitación de tiempo.

Esto es lo que incluyen los tres planes de FlareCard.

El plan corporativo está especialmente pensado para gestionar un buen número de tarjetas de forma sencilla.

Ya estamos trabajando en un nuevo grupo de funcionalidades que seguro que os gustarán.

Os mantendremos al día!

FlareCard sale de Facebook y se hace Freemium. Este artículo en...

Tue, 12 Feb 2013 09:04:00 +0200

FlareCard sale de Facebook y se hace Freemium.

Este artículo en formato texto o este vídeo en Inglés

Sacas provecho de tus tarjetas de visita?

Wed, 25 Jul 2012 00:47:00 +0300

Ofrecer tu tarjeta de visita además de demostrar profesionalidad y educación es algo esperado en la mayoría de encuentros profesionales. En muchos casos es el primer punto de contacto entre tu marca y un cliente potencial, pero normalmente no ayuda demasiado a promocionar tu marca o servicios. Dar tu tarjeta se ha convertido en una práctica casi testimonial cuya única misión es informar como contactarte.

En la era digital en la que vivimos somos constantemente bombardeados con información. Es muy probable que tu tarjeta sea olvidada y que, cuando tus servicios sean requeridos, otras personas con servicios similares estén más frescos en la memoria de tus contactos.

Has pensado cómo ayudan tus tarjetas actuales a mantener el contacto con tus clientes? Posiblemente no ayuden demasiado.

Una tarjeta de visita que te ayuda a mantener el contacto

Lo que hemos creado con FlareCard es el compañero digital de tus tarjetas de visita. Te permite ofrecer no solo tus datos de contacto, sino también incluir tu perfiles y actividades de Internet! De esta forma proporcionas a tus contactos una visión mucho más completa de quien eres y de lo que puedes hacer por ellos.

Estas tarjetas se centran en los siguientes objetivos:

Renovar las tarjetas de visita: Reconozcámoslo, las tarjetas tradicionales están pasadas de moda! Ahora somos mucho más que una dirección y un número de teléfono. Somos twitter, facebook, blogs, videos, opiniones, referencia! Todo eso es lo que FlareCard te permite incluir en tu tarjeta, ya sea de forma totalmente digital o fácilmente accesible en tu tarjeta de papel.

Mantener tu marca presente: Tus nuevos contactos pueden seguir tu tarjeta y recibir un email periódicamente con un resumen de tu actividad online. Por ejemplo cuando publicas un nuevo artículo en tus blogs, o un nuevo vídeo en tu canal de Youtube. O cuando algo cambia en tus datos de contacto. De esta forma puedes mantener tu presencia activa y relevante.

Mejorar el primer encuentro: Proporcionando a tus nuevos contactos más información sobre ti en diferentes redes sociales es más fácil comenzar una discusión sobre intereses comunes, o descubrir que los dos tenéis conocidos en común.

Promocionarte: Tu tarjeta hace tremendamente sencillo que una persona se haga seguidor tuyo en las redes que frecuentas directamente desde su móvil y desde cualquier lugar.

Cómo funciona?

Para crear tus tarjetas solo necesitas entrar al servicio de FlareCard, que reside en Facebook.

Una vez registrado puedes crear tus tarjetas de forma muy sencilla y asociar hasta 22 perfiles de Internet además de información de contacto tradicional, skype, logo, foto, etc. Todo esto es accesible a través del código QR o la dirección web única que contiene tu tarjeta.
El servicio te permite hacer un seguimiento de las visitas a tu tarjeta con lo cual puedes evaluar el interés en tus servicios en general o tras eventos y reuniones importantes.

Puedes descargar de forma gratuita plantillas de tu tarjeta en pdf para imprimirlas o comprarlas ya hechas si prefieres.

Una nueva oportunidad para hacer conexiones

A menudo, tras hacer un nuevo contacto, es útil mandar tu información también por email. Utilizando la aplicación para iPhone de FlareCard es posible enviar tu tarjeta de forma totalmente digital desde cualquier lugar. Esto te da una oportunidad más de recordar como puedes ayudar a tus contactos.

Revitaliza tus tarjetas

Nuestra visión no es la de eliminar las tarjetas de visita tradicionales. FlareCard quiere redefinir las tarjetas de visita convirtiendo un trozo de papel en una ventana a todo lo que eres y haces, ayudando así a promocionarte a ti y a tu marca.

Para comenzar a usar FlareCard puedes acceder al servicio haciendo click aquí.

FlareCard es gratis y no muestra anuncios cuando se leen tus tarjetas. Está disponible en Castellano, Catalán e Inglés.

Incluye hasta 22 perfiles de Internet en tus tarjetas

Tue, 12 Jun 2012 19:56:16 +0300

Hasta ahora la selección de perfiles de Internet que podías asociar con tu tarjeta de visita FlareCard estaba algo limitada. Nos alegra anunciar que ahora dispones de hasta 22 perfiles para incluir en tu tarjeta. Ahora hay suficientes perfiles para ajustarse a las más variadas personalidades.

Desde este momento aquel que tenga tu tarjeta FlareCard podrá conocer todavía más sobre ti y tu personalidad online. Y tu tienes todavía más opciones para promocionate a ti y a tu marca.

Simplemente crea o edita tus tarjetas para añadir cualquier perfil que te faltara!

Ya estamos trabajando en un importante cambio en el sistema. Sabemos que les va a gustar a muchos.

Hasta pronto!

Cómo seguir con códigos QR los trabajos a los que aplicas

Wed, 23 May 2012 23:55:00 +0300

Todos hemos aplicado a trabajos mandando nuestras cartas de presentación y CVs. Tras lo cual llega un periodo de silencio y falta de noticias que se hace interminable. Con la guía que te mostramos a continuación vas a tener la oportunidad de dejar esos tiempos de espera atrás y podrás obtener los siguientes beneficios:

Recibir una señal una vez lleguen a tus documentos
Tendrás una oportunidad más de resaltar tu candidatura
Obtendrás una ventaja con respecto a otros candidatos
Podrás tener un conocimiento de la cultura de empresa a la que has aplicado
Tendrás una indicación sobre el nivel de interés en tu candidatura

Para hacerlo ejecuta los siguientes pasos.

1- Crea una tarjeta digital en FlareCard

Si no tienes una regístrate para crearla, es gratis. Acceder a la aplicación haciendo click aquí

Estas tarjetas no se limitan a contener tu nombre y tu número de teléfono. Pueden contener detalles sobre tu personalidad online, como blog, página web, twitter, linkedin, etc. Todo fácilmente accesible a través del móvil o del ordenador tradicional.

2- Ve a las estadísticas de tu tarjeta

No importa si el contador está todavía a 0. Haz click en el enlace “lecturas”

3- Crea un tracker para tu tarjeta

En la página de estadísticas de tu tarjeta pulsa el botón (abajo) de “crear tracker” y descarga el código QR que obtendrás. Usalo en tu carta de presentación. Por si acaso la persona responsable no tuviera un escaner en su móvil pon esta dirección cerca del código para que se pueda instalar uno gratis http://flarecard.com/qr-scanner

(también puedes usar la url del tracker si no quieres usar el QR)

4- Motiva al lector a que escanee el QR

De esta parte depende que obtengamos o no los indicadores. Debes usar un argumento convincente para que el lector escanee tu código.

5- Observa tu tracker

Si has logrado convencer al responsable de que escanee tu tracker las visitas a tu tarjeta quedarán registradas. Podrás ver la fecha exacta en que se realizan así como un mapa con la posición basado en el IP del dispositivo usado. Ojo! la posición puede no ser precisa pero es útil por si usas el mismo QR para varias posiciones.

Sugerencias

Los datos que asocies con tu tarjeta son importantes para causar el efecto deseado. Puede incluso apuntar a una página web explícitamente creada para esta posición. No es necesario que uses todos los detalles disponibles. Por ejemplo puedes ser especialmente activo en tu blog con temas que interesen a la empresa a la que aplicas, o en tu perfil de twitter con mensajes interesantes. Hasta puedes jugar con los tiempos ya que sabes cuando mandaste la aplicación e ir adaptando el contenido de tu tarjeta según discurra más o menos tiempo. Todo esto depende de tu actividad online y la posición en cuestión.

Suerte!

Cómo personalizar el tema para iPhone en Tumblr

Fri, 18 May 2012 23:51:00 +0300

Hace poco escribí un artículo donde comentaba sobre la necesidad de que los códigos QR te lleven a una página optimizada para móviles. Aquí.

Optimizar tu sitio de Internet no es “pedazo de la torta” (“piece of cake” según google translate, osea que puede ser complicado). Especialmente si se trata de una página vieja o con mucho contenido. Un artículo que cubriera el tema podría ser algo ambiguo debido al número de factores que condicionan la forma de adaptarlo. Sin embargo hace poco tuve que hacer algunos ajustes a la adaptación a móvil que hace Tumblr de tu blog. En este artículo describo los pasos que tuve que seguir.

This post in English

El servicio Tumblr

Hace unas semanas creé un blog en Tumblr para publicar traducciones de nuestros artículos de los blogs de Flaretag y FlareCard. No estoy seguro de que me guste Tumblr, tiene alguna “funcionalidad” bastante molesta. Pero eso pasa con cualquier servicio, nada es perfecto.

Una cosa que sí me gusta de Tumblr es que puedes tener una versión adaptada a móvil simplemente seleccionando una casilla. Ni plugins, ni lios. Te proporciona una versión muy simple de tu blog que es perfecta para dispositivos móviles. Yo tengo un iPhone viejo que es lo que me ayuda a definir el umbral para definir perfecto, tu umbral puede ser distinto.

La plantilla de Tumblr para iPhone

Tumblr usa unos estilos diferentes cuando muestra tu blog a los usuarios que te visitan usando un iPhone (bueno sé que usa lo mismo para Android). Abajo tienes dos imágenes de nuestro blog con el tema de iPhone por defecto y una modificada por mí. Puedes ver que la original es un poco aburrida y no tiene el logo, la frase de presentación está cortada y el vídeo sale muy grande. Se puede leer pero tiene fallos. De modo que tuve que hacer algunas correcciones al tema para resolver esos problemas.

En una página para móvil necesitas simplicidad sobre todo. Los cambios que hice son suficientes para mí, no quiero mucho más en esa página.

Como se puede ver los cambios son mínimos. Depende de tí cuantos cambios introduzcas. Si quieres conocer los pasos a seguir continua leyendo.

Nota: Si eres nuevo en HTML y CSS aquí es donde se pone guarro el tema (nunca mejor dicho) porque eso es exactamente lo que tenemos que tocar. Sin embargo no es difícil, con las herramientas apropiadas.

Cambiando el tema original

Veo que te animas. Vamos intentar completar la tarea!

Paso 1: Ve a personalizar tema en tu blog de Tumblr

Paso 2: Crea una nueva página llamada /iphone-theme

Deberías obtener algo como las dos imágenes siguientes. Asegúrate de cerrar el menú Apariencia en caso de que no encuentres la opción de Páginas.

Tienes que elegir Diseño Personalizado cuando crees la página. El área grande en blanco es donde tu tema personalizado se introducirá.

Paso 3: Introduce el mismo diseño que tenemos ahora

Para obtener el código necesario tienes que ir a http://bit.ly/JMG7ET y entonces copia y pega el código que hay en el área en blanco. Guarda los cambios y luego guarda el tema.

Ahora si visitas tu blog con el móvil deberías ver exactamente lo mismo que antes. Perfecto. Es lo que queríamos. Podríamos empezar a jugar con el tema aquí, pero es algo críptico y no es muy fluido si quieres añadir nuevos elementos o hacer pruebas rápidas porque todo ocurre online.

Por cierto gracias a orangkucing por poner ese código a disposición de los demás en https://github.com/orangkucing

Paso 4: Descarga el tema y tal para probar localmente

Vamos a descargar una copia de tu blog para que puedas jugar con el CSS localmente y verificar los cambios rápida y seguramente. Para hacer eso necesitamos una extensión para que nuestro browser se identifique como iPhone. Queremos que Tumblr piense que somos un iPhone.

Puedes instalar esta extensión en el navegador Chrome: http://bit.ly/zfHDli

Tras instalar la extensión selecciona el user agent correcto. Busca la extensión, haz click en iPhone y luego selecciona iPhone4.

Entonces visita tu blog otra vez, deberías ver ahora una versión para móvil. Haz click con el botón derecho en tu navegador y selecciona “Ver código fuente”, luego copia y pega el código en tu editor preferido. Grábalo con cualquier nombre pero que termine en “.html”, por ejemplo “index.html”

Paso 5: Empieza a hacer los cambios

Bien, ahora es el momento de la acción. Si abres ese fichero encontrarás el CSS arriba y el HTML abajo. Puedes empezar a hacer cambios al fichero y verificarlos localmente!

Cada cambio que hagas debes hacerlo también en el tema iphone-theme que hicimos antes en Tumblr. No vayas y copies el contenido de este fichero allí porque no funcionará, solo tienes que introducir los pequeños cambios de estilo o markup que hagas.

Dependiendo de lo que quieras cambiar tendrás que analizar un poco más los componentes y la estructura para encontrar los sitios donde aplicar los cambios. Mi herramienta preferida para hacer eso es hacer click con el botón derecho en Chrome y seleccionar “Inspeccionar Elemento”. Entonces puedes moverte por la página y observar los elementos y estilos que se aplican. También puede hacer pruebas directamente en Chrome y luego pasarlos al fichero real.

He puesto una copia de nuestro iphone-theme aquí: http://pastebin.com/3ReijLWS

Resumen

Bueno este artículo ha sido “un poco” más técnico de lo habitual. Si no te importa mancharte un poco las manos con HTML y CSS los pasos anteriores te ayudarán a arrancar. El paso 5 es el tedioso, pero seguro que lo superas!

Hasta la próxima. Muy pronto.

Qué es FlareCard en 1 minuto (por flaretag)

Fri, 18 May 2012 16:55:33 +0300

Qué es FlareCard en 1 minuto (por flaretag)

Introducción a FlareCard [vídeo]

Wed, 16 May 2012 23:59:00 +0300

En este vídeo podrás conocer más sobre FlareCard y como utilizarlo. Obtendrás suficiente información para entender las principales características del servicio y comenzar a usarlo en minutos.

Cómo hacer felices a los usuarios de códigos QR

Tue, 15 May 2012 11:11:00 +0300

En mi artículo anterior Como hacer que la gente lea tus códigos QR mencioné una regla fundamental de tus códigos QR, la llamada a la acción (la frase que motiva a un usuario a escanear el código). En este artículo cubriré otro requisito no menos importante de los códigos QR: deben llevarte a una web optimizada para móvil. Algo evidente pero cuya importancia es muy a menudo ignorada.

This post in English

Los códigos QR son para los móviles

Los códigos QR se consumen con dispositivos móviles, osea que detrás de un código debemos encontrar una página optimizada para móvil. O al menos una página que se pueda consumir en móvil sin problemas. Si alguien escanea tu código y lo llevas a una página que no está optimizada para móvil es muy probable que se vayan inmediatamente. Muchísimas veces los códigos contienen simplemente un enlace a una página “normal”. He llegado a escanear un código que me llevó a una página hecha en Flash y que no tenía ni tan siquiera un enlace para acceder a una versión “normal”. Esto era una campaña real de una marca de vinos (adiós a los dispositivos de Apple para ese QR).

Asegurándote de que detrás de tu código hay un sitio adaptado a móvil demuestras a tus usuarios que te preocupas por la usabilidad y presentación de tu propio contenido. Y lo que es más importante, que te preocupas de tus usuarios.

Como adaptar tu blog para dispositivos móviles

El grado de complejidad para adaptar una página web a móvil depende mucho de cada página, pero me concentraré en blogs para este artículo.

Algunos proveedores de blogs como Tumblr o Blogger tienen ajustes de configuración donde puedes activar una opción para adaptar el blog a móvil automáticamente. Si usas WordPress puedes usar algún plugin que ayuda a adaptar tu blog a móvil, o usar una plantilla adaptable (estas plantillas adaptan tu contenido automáticamente a móvil dependiendo de las características del dispositivo que las visite)

Aquí dejo un par de enlaces para obtener más información sobre las opciones para WordPress.

5 plugins móviles para WordPress
Responsive wordpress themes (en Inglés una larga selección de plantillas de WordPress adaptables. Si te gusta alguna haz click en la demo y cambia el tamaño de tu navegador para observar como el contenido se adapta a las medidas. Eso es Responsive Web Design en acción)

Nota: Nuestro blog en Inglés no está optimizado para móvil. Me pasé un par de horas intentado encontrar un plugin por lo que aconsejo prepararse para sufrir un poco ya que la efectividad depende de la plantilla que tengas en uso. Para nosotros la mejor opción será usar una nueva plantilla adaptable. La versión móvil de este blog la adapta automáticamente Tumblr y está además modificada por mí (detalles en un próximo artículo).

Independientemente de si se trata de una página tradicional o un blog hay varios servicios que convierten páginas a móvil. Por ejemplo en este otro artículo se demuestra como utilizar uno de estos servicios Google te ofrece crear tu web en formato móvil. Es un servicio de pago pero creo recordar que daban un periodo de pruebas gratuito bastante largo.

Responsive Web Design

La técnica de diseño web que se encarga de la adaptación del contenido web a las características de diferentes dispositivos se llama Responsive Web Design. Si te interesa conocer más sobre las técnicas utilizadas aquí dejo un enlace más Diseño web adaptable o responsive web design. Creo que es importante para personas no técnicas estar al tanto de los conceptos básicos, especialmente si vas a contratar a alguien para trabajar en tu página o comprar una plantilla o tema.

Resumen

Hemos cubierto dos temas diferentes pero relacionados. El triste error de llevar un usuario de código QR a una página no adaptada para móviles y algunas alternativas e información si necesitas adaptar tu blog o página web.

Como de costumbre si tienes alguna pregunta o comentario no dudes en contactarnos.

Saludos.

Logo de empresa & seguimiento de Youtube

Mon, 07 May 2012 22:43:00 +0300

Estamos en las noticias! Las Noticias FlareCard anuncian que hemos introducido mejor soporte para tarjetas de empresa. Ya es posible utilizar tu logo en tus tarjetas. Además ahora FlareCard informa a tus seguidores cuando publicas un nuevo vídeo en tu canal de Youtube. Una forma más de promocionar tu trabajo!

Y hay más cambios, disfruta de las Noticias FlareCard!

Si quieres ver el vídeo que causo el arresto de nuestro actores de FlareCard puedes verlo aquí: http://youtu.be/Ie0qB7fslPo

Más noticias pronto!

Cómo realizar campañas con código QR exitosas

Thu, 03 May 2012 17:37:00 +0300

La mayoría de campañas basadas en códigos QR son bastante pobres. Un hecho bastante triste ya que la tecnología en si es brillante y barata. Con la proliferación de los teléfonos inteligentes el alcance potencial todavía va a crecer más.

La capacidad de utilizar algo físico como un trozo de papel o un cartel para capturar clientes e interactuar con ellos usando sus dispositivos es fascinante y abre nuevas oportunidades de marketing. Estas nuevas posibilidades deben ir acompañadas de responsabilidad pero el descuido de algunas campañas de márketing que incorporan el uso de códigos QR está colocando una sombra oscura sobre esta genial tecnología. Queremos contribuir a mejorar la situación!

This post in English

Recomendamos considerar estas 3 cuestiones al crear una campaña con códigos QR:

Qué queremos obtener del usuario?
Qué beneficio necesita el usuario para ejecutar la acción de leer el código?
Cómo comunicamos claramente dicho beneficio?

Una campaña de ejemplo

La dueña de una cafetería acaba de abrir en una zona nueva y quiere aumentar su número de fans en su página de Facebook. De esta forma podrá mantener a todos los interesados actualizados sobre eventos como reuniones, degustaciones y lecturas de libros que está planeando organizar. Esta es una buena forma de reunir una clientela leal. Facebook es una gran plataforma para acceder a otras personas conectadas a los fans directos de su negocio. Cómo podemos responder a las preguntas de arriba?

La dueña quiere que el usuario se haga fan de su página en Facebook
Piensa que ofrecer un café gratis probablemente motivaría a la mayoría de la gente a hacerse fan
El plan es colocar un poster en la entrada, justo al lado de la máquina registradora y en unas tarjetas colocadas en las mesas

Las 2 fases de una campaña exitosa

Es importante entender que una campaña con QR es una mezcla de técnicas de offline y online márketing con una clara línea que las separa: la acción de escanear el código. Con esto en mente podemos decir que hay 2 fases en todas las campañas QR: Pre-escaneo (fase #1) y Post-escaneo (fase #2). Las dos son igualmente importantes pero incluyendo unos retos diferentes.

Fase #1: Esta fase se desarrolla en el mundo físico (papel, poster, folleto, etc) y tiene un único objetivo: Conseguir que el el usuario saque su dispositivo móvil de su bolsillo, abra la aplicación de leer códigos y escanee el código QR.

Fase #2: Felicidades! Has convencido al usuario de que merece el esfuerzo escanear el código. Lo has transportado al mundo digital, el QR ha hecho su trabajo pero tu parte todavía no está completa…Ahora, debemos recordar lo que prometimos en la fase anterior y ofrecerlo. Simplicidad es lo primordial en esta fase, lleva al usuario a una página optimizada para móvil, con poco texto y buenas características visuales. Tu llamada a la acción debe ser la parte más visible y obvia de esta página. En el caso de ejemplo queremos que se haga fan de nuestra página de Facebook.

Errores a evitar

No debemos asumir que el usuario sea capaz de escanear el código correctamente. En algunos casos el mensaje de la fase #1 es tan atrayente que cualquiera intentaría escanear el código (por ejemplo: Escanea el código y gana un viaje a Hawaii). Lamentablemente en muchos casos no importa lo atractivo del call-to-action, algunos usuarios no son capaces de llegar a la siguiente fase #2 o cuando lo hacen no pueden actuar.

Estos son algunos errores comunes a evitar:

El código QR es demasiado pequeño: Reserva al menos 5 cm x 5 cm
El código QR está demasiado decorado: Limítate a negro sobre fondo blanco
El usuario nunca ha escaneado un código QR o no tiene un escanner: Proporciona información sobre como escanear el código y descargar un escanner. Puedes usar http://flarecard.com/qr-scanner si quieres
El código QR lleva al usuario a una web tradicional: Asegurate de que el contenido al que apunta el código QR se pueda consumir en un dispositivo móvil.

En un próximo artículo trataré sobre el útimo punto y ofreceré algunas sugerencias sobre como adaptar una web a dispositivos móviles.

Esperamos que estos consejos os sirvan para mejorar vuestras campañas!

Cómo crear vídeos con Xtranormal

Tue, 24 Apr 2012 12:49:00 +0300

Hola, recientemente hemos comenzado a crear vídeos para presentar nuestros productos así como para anunciar la funcionalidad nueva que vamos añadiendo. Tenemos vídeos en plan tutorial que son más instructivos y vídeos donde usamos animaciones para ilustrar situaciones de casos de uso de nuestros productos. Aquí tenéis un artículo sobre lo que hicimos para empezar a crear nuestros vídeos.

This post in English.

Nuestros requisitos

Queríamos darle un toque de humor a nuestros vídeos animados así que empezamos a buscar diferentes alternativas.

Hay varios servicios que permiten crear vídeos con caracteres animados de forma gratuita o con precio bajo. Nos dedicamos a probar los que íbamos encontrando y vimos los tutoriales disponibles para entender como funcionaban y que características tenían. Varias de las opciones eran interesantes y al final nos hemos decidido por Xtranormal. No vamos a mencionar las otras opciones que probamos porque al final la decisión se basa en preferencias personales o requisitos importantes. Por ejemplo nosotros queríamos que la herramienta ofreciera un buen soporte de text-to-speech (conversión automática de texto a voz)

Llevó una cuantas pruebas hacerse con el control de la aplicación de Xtranormal. Para ello creamos un par de cuentas para ir jugando e hicimos unas cuantas preguntas en su página de soporte. Recibí respuestas rápidamente de la gente de Xtranormal, lo cual se agradece mucho.

Cuanto vale

Xtranomal ofrece diferentes modelos de subscripción y también tienen un plan gratuito. La idea es que pagas por los personajes, escenarios, etc con “xp points”. Como ayuda a empezar te dan 300 xp points gratis. Eso es suficiente para elegir dos personajes y un buen escenario para tus vídeos. Con eso también tienes derecho a usar los personajes y publicar tus vídeos donde quieras. No hay que pagar nada por publicar un vídeo. Y como no hace falta comprar los personajes para nuevos vídeos puedes hacer todos lo que quieras usando los mismos y el mismo escenario, pero eso también sería un poco aburrido. Si quieres ampliar los elementos para tus vídeos entonces puedes comprar más. Hay diferentes xp bundles (paquetes) que puedes comprar, por ejemplo con 10$ puedes obtener 1200 xp points.

Como hacer vídeos

Con Xtranomal hay dos formas de crear un vídeo:

Movie Maker

Con Movie Maker puedes crear tus vídeos directamente desde tu navegador. Es muy simple y tras elegir tu escenario y algunos personajes puedes comenzar a crear el vídeo en poco rato. El interfaz de usuario es intuitivo y tras jugar un poco con las opciones te haces con una idea de como va la historia.

Desktop

Desktop es una aplicación para Windows que puedes instalar en tu ordenador para crear los vídeos. Esta es nuestra opción preferida. Ofrece más control sobre el vídeo y proporciona más funcionalidad. La aplicación web está bien pero usar Desktop hace el proceso más sencillo y tienes mejor visión de lo que estás haciendo. Al igual que con la aplicación web también es necesaria una cuenta con Xtranormal y desde la misma aplicación tienes acceso a los personajes, escenarios, voces o a varios tutoriales de introducción que hay.

Que pueden hacer los personajes?

Hay una gama de acciones bastante importante para asignar a tus personajes, pueden hablar, puedes asociar gestos y ajustar varios parámetros relacionados, puedes hacer que tomen diferentes posiciones para que no parezcan demasiado estáticos, etc. Debe haber unos 70 diferentes gestos, no tantas posiciones pero nos apañamos igualmente. También puedes hacer que miren a la cámara, sonrían, se enfaden, se sorprendan, etc. Con Desktop también puedes hacer que caminen por el escenario.

En algunos de los escenarios puedes poner tus propios gráficos. Por ejemplo si hay una televisión puedes definir lo que quieres que salga en la pantalla.

Se pueden utilizar varias cámaras y grabar escenas usando diferentes ángulos, son fáciles de configurar.

La selección de personajes es muy amplia y al final encontramos los que nos gustaban. En lo referente a las voces hay diferentes tonos y unos cuantos idiomas soportados. Nosotros utilizamos Inglés y Español con voces masculina y femenina. Pero también hay Francés, Italiano, Ruso, Finés, Holandés y muchos más.

Que tal es la experiencia al crear los vídeos?

Al principio no estaba muy claro y tuvimos que hacer un vídeo de test para ver donde acaba el vídeo, cómo lo publicas y cómo se consumen los xp points que tienes.

De modo que creamos nuestro vídeo con la aplicación Desktop. Después de crearlo, puedes exportar el vídeo y guardar la copia en tu ordenador. Cuando exportas un vídeo tus xp points se consumen (la primera vez) pero puedes exportarlo más veces para hacer ajustes antes de publicarlo en la red. Hay una selección bastante amplia de formatos a exportar. Nosotros queríamos subir los vídeos a youtube así que seleccionamos HTML 5 vídeo HD 1080P. También hay opciones para aspect ratio y el tamaño del vídeo. Hacemos una simple post-producción con iMovie (Mac) y para poder importar el vídeo en iMovie necesitamos convertirlo, para ellos usamos Miro

Aquí podéis ver el resultado de nuestro vídeo de prueba. Empezamos hablando de nuestras dudas con la aplicación y entonces se nos ocurrió a comentar nuestro producto ya que era divertido verlo. Está en Inglés, no tendría sentido traducir este.

Entonces creamos uno más serio:

Problemas

Hacer los vídeos es divertido y fácil. No se tarda mucho en familiarizarse con la aplicación y se empieza rápidamente a trabajar. Según se va progresando hace falta ir viendo el vídeo, para ver como queda un gesto, o cambiar una frase y oír como suena, etc. El problema más grande que encontramos fueron los tiempos de espera mientras el vídeo se regenera. El proceso se podría reducir mucho si Xtranormal opmtimizara esa parte. El segundo vídeo me llevó unas 14 horas de trabajo. Cuando el problema de la regeneración se haya optimizado creo que se puede hacer con menos de la mitad del tiempo. Si tienes que pagar a alguien para que te haga los vídeos hay una diferencia significante. Escribimos a Xtranormal acerca del problema y son conscientes de ello con lo cual espero que una próxima versión mejore esta parte.

Conclusión

Xtranormal incluye mucha más funcionalidad como sonidos de fondo, sincronización de los labios de los personajes si se usan actores para la narración, etc. Nuestra intención es incluir vídeos en nuestras campañas de email o para anunciar nueva funcionalidad según vamos actualizando nuestro servicio. Quizás más adelante encontremos algo diferente pero de momento nos quedamos con Xtranormal para nuestros vídeos. Si quieres empezar a crear los tuyos échale un vistazo, es divertido.
Saludos.

Aquí os dejo unos cuantos tutoriales (en Inglés):

Introducción a Xtranormal Desktop: http://youtu.be/mzZccidNzSo

Marketplace y uso de las cámaras: http://youtu.be/t27U3Zu9C_w

Actores y cámaras: http://youtu.be/4vbGbZZngEw

Sonidos, voiceovers, títulos y créditos: http://youtu.be/juhekU9c9fw

Precios: https://xtranormal.zendesk.com/entries/197530-is-xtranormal-free-what-can-i-pay-for

Nota: No tenemos ninguna relación comercial con Xtranormal.

Cómo hacer que la gente lea tus códigos QR

Fri, 13 Apr 2012 09:55:00 +0300

Este será un artículo muy corto. La intención es comentar una importante necesidad de tus códigos QR. Es algo muy simple pero que a menudo no recibe la relevancia que merece.

This post in English.

Tienen tus códigos QR una llamada a la acción?

Piensalo. Cómo motivas a alguien a escanear tus códigos QR?

Te imaginas una página web con un botón que solo diga “click”, sin ningún texto alrededor que explique lo va a hacer dicho botón? Los códigos QR también merecen una “llamada a la acción” (call to action). Dale a los usuarios una razón para escanear tu códigos QR y las posibilidades de ello aumentarán.

Simple solución

La solución es evidente. Simplemente asegúrate de que cerca de tu código haya un texto invitando al usuario a escanearlo. Al igual que con cualquier otro tipo de “llamada a la acción” puedes probar distintos textos para evaluar cual da mejores resultados.

El efecto que causa un texto que no existe es imposible de evaluar. Usando una llamada a la acción podrás tomar nota del nivel de interés de la información que presentas.

Hasta pronto!

Blog de FlareCard en Español

Fri, 06 Apr 2012 11:16:00 +0300

Hola, este es el primer post de lo que va a ser la versión en Español de los posts de FlareCard que se encuentra en http://www.flaretag.com/blog pero están todos los artículos en Inglés.

Mientras hacemos una versión completa de toda la página de http://www.flarecard.com en Español vamos a ir colocando las traducciones de los artículos aquí.

Pronto llegará el primer artículo y poco a poco iré traduciendo los que tenemos en Inglés así como colocando en este enlaces a Facebook, Twitter, etc.