28 Jun

Compra planificada y mobile commerce

El 28/06/2007 hace hoy 6 años Steve Jobs, que en paz descanse, presentaba el primer iPhone. Su visión revolucionaria va más allá de un móvil con pantalla táctil, acelerómetro, GPS, etc. Su talento trasciende la genialidad de concebir que las funcionalidades del móvil fueran resueltas por aplicaciones independientes. Con el iPhone Steve Jobs hizo posible el ordenador portátil más ligero del mundo y aceleró el proceso de cambio que estamos viviendo y cuyos hitos resumimos aquí:

  • El 28 de junio de 2007 Steve Jobs presentaba el primer iPhone (Apple)
  • En octubre de 2008 se vende el primer móvil con sistema operativo Android (Google)
  • En 2009 la transferencia de datos realizada por dispositivos móviles superó a las conexiones web.
  • En octubre de 2012 Facebook supera los 1.000 millones de usuarios. Más de 600 millones son usuarios móviles.
  • En 2015 se realizarán más conexiones a internet desde dispositivos móviles que desde equipos de escritorio.

Ahora mismo:

63% cuota de smartphones en España (en 2012 era la mitad)
24% cuota de tablets
22% de las búsquedas en Google se hacen desde dispositivos móviles
45% de las búsquedas de móviles en Google son de productos y negocios
40 veces usamos el móvil al día
90 cm es la mayor distancia a la que tenemos el móvil

Las funcionalidades de los smartphones dependen de las aplicaciones. Hay aplicaciones nativas e híbridas y webs adaptadas para móviles o con diseño responsive. En este cuadro resumimos el panorama.

CARACTERISTICAS APP NATIVA APP HÍBRIDA WEB MÓVIL RESPONSIVE
CONECTIVIDAD
Conexión a internet NO
Almacenamiento offline ALTO BAJO NO NO
Velocidad de navegación ALTA RÁPIDA DEPENDE DEPENDE
USUARIO
Optimizada dispositivo
Interfaz ÓPTIMA BUENA BUENA BUENA
User eXperience ÓPTIMA BUENA BUENA BUENA
FUNCIONALIDADES
Acceso al hardware NO NO NO
Almacenamiento en el móvil NO NO NO
Notificaciones push NO NO NO
Geolocalización Triangulación NO NO
Acceso a la cámara OPCIONAL NO NO NO
Realidad aumentada OPCIONAL NO NO NO
Scanner código de barras OPCIONAL NO NO NO
Scanner código QR OPCIONAL NO NO NO
Acceso agenda OPCIONAL NO NO NO
Reconocimiento de voz OPCIONAL NO NO NO
PUBLICACIÓN
Necesidad de aprobación OPCIONAL NO NO
Descarga app market OPCIONAL NO NO
Publicación libre NO

Estas son las bases. Ahora sólo es cuestión de imaginar las posibilidades que para el comercio electrónico ofrecen 25 millones de personas con smartphone (63% de penetración) y 10 millones de tabletas (24% de penetración).

Desde hace 6 años el móvil está modificando nuestros hábitos que cada vez son más “on the go” (sobre la marcha). Estamos ya tan acostumbrados a los micropagos de canciones en mp3, a los videos bajo demanda, a la compra de libros… que la compra por impulso (lo vi, me gustó, lo compré) ha sido sustituida de forma completamente natural por la compra planificada (reservas de restaurante, billetes de viaje, alimentación, etc).

El m-commerce o mobile commerce es una realidad que se materializa y concreta a diario pues a lo largo del día interactuamos más de 40 veces con un dispositivo móvil que nunca se separa más de 90 centímetros de nosotros.

Para aprovechar las nuevas oportunidades que representa el mobile commerce hay  que conocer antes las necesidades de los usuarios e identificar sus comportamientos. Descubrir cómo podemos generar la necesidad de compra de un producto y cómo podemos ofrecer una experiencia de compra satisfactoria en cualquier dispositivo.

La motivación es clara. Sólo en 2012 el m-commerce creció un 70% en España. En 2018 el m-commerce se habrá multiplicado x 7 y alcanzará en Europa los 19.000 MM de €.

24 Jun

Cuántos clics reciben los primeros resultados en un buscador

Clic through rates per position

Utilizamos los buscadores para encontrar con rapidez las cosas que necesitamos y nos interesan en internet. A medida que avanzamos en nuestro proceso de búsqueda vamos redifiniendo la palabras clave con las que interrogamos al buscador. Al principio comenzamos utilizando palabras muy genéricas que vamos acotando y concretando a medida avanzamos en nuestra búsqueda.

Si no encontramos en la primera página la respuesta que deseamos, el 72% de los usuarios prefiere reformular la pregunta antes que pasar a la siguiente página de resultados. Como usuarios de buscadores hemos acumulado una experiencia de uso que nos dice que a medida que descendemos por el ranking de resultados perdemos también relevancia y pertinencia, es decir que las respuestas que encontramos se alejan cada vez más de nuestra consulta.

La importancia de estos factores es clave para tratar de posicionarse en la primera página de resultados del buscador para determinada consulta. Existe además un factor que tiene un efecto multiplicador y es el ratio de clic through (el porcentaje de clic) que se obtiene en función de la posición ocupada en la SERP (Search Engine Results Page). Cuanto más alta sea esa posición (ranking), mayor será el porcentaje de clics que obtengamos.

La tabla que traemos hoy a nuestras páginas fue publicada originalmente en 2011 por nuestros colegas australianos Dejanseo como resultado de una investigación que realizaron sobre este mismo asunto. La gráfica emplea el mismo código de color que definen los mapas de calor de los test de clic tracking. Los colores cálidos indican  ratios de clic altos, los colores fríos, todo lo contrario.

  • Los resultados gratuitos (orgánicos) son vistos por el 100% de los usuarios
  • Estos resultados gratuitos reciben el 70% de los clics
  • Los resultados de pago (anuncios, PPC) son vistos por el 54% de los usuarios
  • Estos resultados de pago reciben el 30% de los clics

Con respecto a los resultados orgánicos podemos establecer que

  • El 36% de los usuarios hace clic en el primer resultado
  • El 58% de los usuarios hacen clic en los 3 primeros resultados de búsqueda
  • El 72% de los usuarios hacen clic en los 5 primeros resultados de búsqueda

Tanto los clics que reciben los resultados gratuitos, como los clics que reciben los resultados de pago son tráfico cualificado para un website. Siguen siendo usuarios anónimos (suspects), que en función de la concreción y definición de su consulta se cualifican como prospects y leads (a mayor concreción, mayor interés). Y son tráfico cualificado porque están buscando de forma activa un producto o servicio.

Gracias a la información que ha encontrado en buscadores, ese tráfico cualificado acaba adquiriendo un producto o un servicio (la atribución de la conversión se puede imputar a los buscadores).

  • El 24% de las consultas a un buscador se materializan en una compra online
  • El 28% de las consultas se concretan en una compra offline

Las palabras clave (keywords) que emplean los usuarios en sus consultas de búsqueda (cadenas de texto) definen segmentos de público (targets) alienados con los objetivos del negocio (vender productos o servicios). Convertir usuarios anónimos en clientes es un proceso que se basa en relacionar patrones de búsqueda con patrones de compra. 

Si hacemos un análisis de palabras clave y obtenemos que, por ejemplo, la palabra “implantes dentales” se busca 4.400 veces al mes en español y en España, ocupar la primera posición en la página de resultados de Google pude suponer conseguir aproximadamente 1.900 clics.

Ahora bien, hay que precisar que Google ordena los resultados en función del área geográfica en la que se realiza la consulta. Las 5 primeras ciudades de España suman más del 80% de las consultas de búsqueda. El resultado #1 no es siempre el mismo para todas las búsquedas nacionales. Es decir, que esos 1.900 clics iniciales que conseguiría la primera posición en la SERP se verían reducidos a 1/5 parte es decir aproximadamente 400 resultados mes.

10 Jun

Quien es quien en el embudo de conversión

@marketing-processes.com

Puede que antes lo conocieras como marketing pipeline o sales pipeline (tubería de marketing o ventas), puede que ahora te suene más como conversion funnel (embudo de conversión). Pero en cualquier caso, el usuario anónimo que se transforma en cliente pasa por un proceso de metamorfosis con unas etapas bien definidas.

SUSPECT. Es sólo la empresa o persona con la que te gustaría hacer negocios. Puede que incluso conozcas el nombre del responsable de un puesto clave para tu negocio, pero no tienes nada más que eso, su nombre en una lista fría. Es la audiencia de un programa de radio o televisión, el lector de una publicación o la persona que visita una feria. Punto.

Web > usuario anónimo, visita

PROSPECT. Es un suspect con quien ya has interactuado, es el usuario que visita tu página, la persona que ha atendido tu llamada. Tu objetivo es identificar (nombre y apellidos, cargo) cualificar a este prospect, dejar e identificar su interés en tus productos o servicios y saber si es la persona que toma las decisiones (o una de las personas que intervienen en una decisión colegiada)

Web > usuario registrado a través de un formulario de contacto básico (contact us/ quick enquiry/ pdf downloads/ product video views)

LEAD. Un lead es un prospect con quien has establecido una relación de futuro. Cuanto más inmediato sea ese futuro más caliente está el lead. El lead ha superado una etapa de evaluación en la que debes determinar información clave. Por ejemplo: ¿tu producto/ servicio se ajusta a sus necesidades? ¿entiende tu oferta y el valor de tu propuesta? ¿cual es su proceso de toma de decisiones y cuánto tiempo emplea?

Web > formulario de contacto avanzado (site registraron forms for whitepaper resources/ webinar-event singup/ trial-demo requests/ call-back requests/

CUSTOMER. El cliente es un lead que ha solicitado presupuesto o ha comprado tu producto o que contrata tu servicio al menos una vez.

Web > request for proposal form/ contract form

ADVOCATE. Un recomendador es un cliente satisfecho que te apoya a ti y tu negocio. Alguien que te recomienda (starrs), que facilita una opinión escrita (testimonial), que te facilita el acceso a a su red de contactos (email), etc.

Web > testimonial

El marketing online ha transformado el proceso de generación de clientes en la medida que una visita anónima a la web puede ser rastreada y contactada varias veces hasta su conversión final en cliente. Los procesos de remarketing y la cualificación de clientes a través de una estrategia de contenidos son claros ejemplos.

03 Jun

Sensitive web design, responsive web design or adaptive design

Este post también está disponible en español. 

Sensitive web design, the definitive name

How is said, responsive web or adaptive design? Wikipedia names it adaptive or adaptable web. Users call it responsive web design. Google translate refers to it as ¨ sensitive design¨ and with any doubt it seems the best adaptation to us (take note Siri).

Whatever name you use, you are referring to the same, a kind of web design which adapts to any screen resolutions.

 How to know if a web has responsive design?

Identifying whether a web is responsive or not is very simple: you just have to remodel the window of your browser to make it smaller. If it appears in the horizontal scroll bar and you have to move horizontally to see the hidden content, then…the web doesn’t have responsive design. Simple, isn’t it?

This simple check clears up doubts between liquid design and responsive design at which we looked in a previous post.

Responsive design Resizer BookmarkletIf you don’t feel like making checks with the browser’s window you can use the bookmarklet ( app embed in the browser) Viewport Resizer offers you different  prearranged resolutions. Furthermore you can print in paper the resolutions you wish.

What are the advantages of responsive design?

Responsive design provides 4 great advantages.

SEO. Search Engine optimization. The optimization for browsers is the great winner. There’s only one web (HTML+CSS) and hence the URL is unique for every device. Browsers are not going to find other URL and different contents for the mobile device. We avoid instructions in robots. txt and redirections from one of the versions to others, and even avoid losing the links which could make users in certain web versions.

UX. User eXperience. The user access to the same website independently of the device used. The version for mobile devices is complete too. The same experience of use, the same navigation. Coherence.

Integrity. There’s only one HTML structure and one unique page of CSS style for every device. Whatever size they have. From smartphones at 320 px wide to resolutions of 2,650 px (even higher than retina screens). In the past, it wasn’t like this and there was a page of style for every width standard (320 px for mobiles, 768 px for tablets, 1,024 px for notebooks and 1,600 px for desktops). Each actualization in the web meant retouching one by one the CSS and that could represent loses of integrity

Costs. Although responsive design requires more time investment from the designer and programmer, costs of maintenance are optimized as just 1 page of style has to be checked and not as before when 4 different pages of style had to be manipulated.

How is a web content adapted with a responsive design?

The fastest structure of the website is defined with HTML5. The website’s presentation (background color, typography, source of bodies, etc) is made with pages of style CSS3.

When the user’s navigator asks for a web, the server makes the page of style to carry out the media-query by which it obtains immediate information about the device, especially the screen resolution and orientation (vertical or portrait, horizontal or landscape). The server therefore only has to adjust the content which is going to be useful to the screen format in which it’s going to be seen. This process lasts thousandths of a second, there’s no delay for the user. To any effect it’s another website.

Responsive web designFor this to be possible we should define with anticipation the disposition, order and the size that the different elements which constitute the content of the website and also the behavior that those elements are going to have in a reduced size.

Responsive design is for this reason much more laborious than a conventional design as it implies to take into consideration various displays (smartphone, tablet, desktop), to reorganize the elements (what’s shown before and what’s shown afterwards) and finally to redesign the elements which could bring up problems ( for instance, the camps of a contact’s formulary).

Free online tools identify and validate responsive design

To validate the adaptive design of a website you will have to make some checks. There are a range of free online tools that will facilitate the work. Each day there are more in the web. You can look for them as ¨responsive web design testing tools¨. We leave you here the main ones that have been created for attracting traffic and generate notoriety.

 The best 420 examples of responsive web design

Responsive design examples MediaQueriesEivind Uggedal is compiling at MediaQueri.es website (territorial Spanish URL is only by naming) what he considers the best examples of adaptive design. At this moment (March 2013) his selection covers 420 websites from every kind of sector that shows in thumbnails  with 4 different resolution: Smartphone (320 px), Tablet (768 px). Netbook (1,024 px) and Desktop (1,600 px)