Widgets de Twitter personalizables para para blog y web

Los widgets te permiten mostrar las actualizaciones de tu cuenta de Twitter en tu blog o web. Perfectamente compatibles y configurables, únicamente necesitas obtener el código. Como ventaja puedes configurar y previsualizar el resultado personalizando el aspecto y funcionalidades.

Existen cuatro tipos distintos de widgets:

Widget de perfil: Es el widget más utilizado. Te permite mostrar tus últimos tweets en cualquier página.

widget perfil twitter

Widget de Búsqueda: Ofrece resultados de búsqueda a tiempo real. Es una herramienta muy interesante y apropiada para eventos, conferencias o cualquier tipo de presentación o seminario, también para mantenerte al día.

El widget instalado en tu sitio irá mostrando todos los tweets que contengan la búsqueda definida.

widget de búsquedas Twitter

Widget de Favoritos: Muestra los tweets guardados en favoritos y además, ofrece la posibilidad de seguir perfiles. Aporta ventajas para administrar tu cuenta.

widget favoritos twitter

Widget de Listas: Publica automáticamente los tweets de los usuarios incluidos en alguna de tus  listas.

widget de listas Twitter

Ahora, como siempre, la herramienta debe ir supeditada a la estrategia. Fija tu objetivo y decide cuál de los widgets que te ofrece Twitter es el más apropiado.

Autor: Cristina Sancarlos

10 consejos de Google sobre usabilidad en webs móviles

La imparable penetración de los smartphones, el incremento de la cuota de venta y el cambio en el comportamiento del consumidor  justifican el crecimiento de los sites móviles.

¿Pero cómo afrontar un proyecto con éxito?

 

 

Estos son los 10 consejos de usabilidad móvil publicados por Google.

  1. 1.       Facilita la función táctil

  • Los botones y enlaces debes estar lo suficientemente separados para impedir clics accidentales.
  • Diseña tu sitio para que los usuarios puedan actuar cómodamente con él.
  1. 2.       Optimiza la visibilidad.

  • Asegúrate de que el contenido se puede leer con dispositivo a cierta dfistancia.
  • Crea contraste entre el fondo y el texto.
  • Los botones de distintos colores destacan. Los botones de conversión deben ser más grandes y llamar la atención del usuario.
  • El contenido debe caber en su totalidad en la pantalla de modo que pueda leerse sin necesidad de aumentar el tamaño.
  • Utiliza efectos 3D y ensombrece los botones.
  1. 3.       Simplifica la navegación.

  • Minimiza el scroll.
  • Permite  los usuarios navegar entre niveles con botones claros de atrás y home.
  • Habilita una caja de búsqueda visible y disponible para sites complejos.
  • Mantén una jerarquía clara y evita los rollovers.
  1. 4.       Crea un sitio accesible.

  • Utiliza html5 para la animación.
  • Adapta tu web móvil para orientación vertical y horizontal.
  • Busca alternativas a Flash.
  1. 5.       Facilita las conversiones.

  • Utiliza la función click to call en los números de teléfono.
  • Usa checkboxes y menús para facilitar la introducción de información.
  • Reduce el número de pasos necesarios para la transacción.
  • Utiliza formularios cortos con el menor número de campos posible.
  • Céntrate en la información que te ayudará a la conversión.
  1. 6.       Adapta tu sitio a regiones específicas.

  • Muestra las direcciones de tu tienda en la home.
  • Permite a los usuarios encontrar tus tiendas más cercanas.
  • Añade mapas y ofertas locales.
  1. 7.       Redirecciones al sitio para móviles.

  • Da la opción de ir a la versión desktop pero facilita la opción de volver a la versión móvil.
  • Ofrece la opción de qué versión del site visualizar.
  • Incluye información clave como dirección, localizador de tiendas o redirección al site.
  1. 8.       Diseña un sitio rápido.

  • Comprime imágenes para permitir que carguen cuanto antes.
  • Prioriza contenido y utiliza Analytics para ver cómo y por dónde navegan tus usuarios móviles.
  • Reduce texto y usa bullet points para facilitar la lectura.
  1. 9.       Mantén las mismas funciones.

  • Facilita el acceso al carrito de compra y funcionalidades guardadas por los usuarios para facilitar la navegación entre el site móvil y el PC.
  • Muestra la misma información clave y precios en ambas versiones.
  • Mantén las funcionalidades básicas del site en ambas versiones.
  1. 10.   Escucha a los usuarios

  • Céntrate en Analytics y observa cómo navegan los usuarios por tu sitio.
  • Haz experimentos con tu site móvil antes de su diseño final.
  • Solicita feedback de los usuarios antes del lanzamiento definitivo.
  • Sigue mejorando el diseño y contenido del site.
Algunos recursos útiles: 

Howtogomo

¿Decidido a dar el salto?

Autor: Cristina Sancarlos

 

 

 

 

 

 

Cómo medir la calidad de la web y el comportamiento del usuario

Medir para mejorar. ¿Cuál es el nivel de calidad de tu web? ¿Tus visitantes encuentran lo que buscan?  Medir el comportamiento de los usuarios una vez acceden a tu sitio, es tan importante como atraerlos.  Si no optimizas e incrementas los niveles de conversión, estás malgastando tu inversión en atracción de tráfico,  sea a través de SEO, adwords, email marketing o social media.

¿Dispuestos a evaluar el nivel de calidad de tu sitio y conocer más a tus usuarios?

Estas son alguna de las mejores herramientas disponibles:

Feng-gui: Feng-GUI simula la visión humana durante los primeros 5 segundos de exposición a las imágenes, y crea mapas de calor basados en un algoritmo que predice los elementos y espacios  que captan la atención del usuario. Feng-GUI Dashboard ofrece a los diseñadores y publicistas, una prueba de pre-servicio que mide el rendimiento de su diseño, antes de publicarse, mediante el análisis de los niveles de atención, la eficacia y la presencia de la marca.

Clicktale: ClickTale ofrece una visión detallada de lo que los visitantes están haciendo en tu sitio a  través de heatmaps de movimientos del ratón y grabaciones de la navegación de los visitantes. Permite evaluar las zonas de atención con exactitud.

clicktale

Es una herramienta ideal para optimizar formularios. Cada campo a rellenar en un formulario puede llegar a reducir las ventas hasta un 10%, así que optimiza al máximo y asegúrate de eliminar los campos que no sean estrictamente necesarios.

UserflyUna forma sencilla de probar la usabilidad de tu sitio con una sola línea de código. Permite grabar videos del comportamiento de navegación de los usuarios reales, analizar todos los movimientos del ratón y clics y por extensión aumentar las conversiones de las páginas de aterrizaje. Tiene una versión gratuita con grabaciones limitadas.

userfly

Crazyeg: Otra herramienta de mapas de calor.  El mapa de calor permite entender fácilmente lo que hacen los usuarios en nuestro sitio. Es una herramienta ideal para webs de poco tráfico.

Crazyeg

Kampyle: Genera encuestas para los usuarios de la red. Como ventaja, se enlaza con Google Analytics. Es capaz de mostrar a través de Analytics una columna específica con los datos por página.

Kampyle

Por supuesto sigue utilizando las herramientas básicas para conocer a tus usuarios, consulta palabras clave a través de la Herramienta de Palabras Clave de Google, y no olvides analizar tendencias y previsiones a futuro a través de Google Trends. 

Autor: Cristina Sancarlos