Algunos de estos sistemas que obligan al usuario a ser impactados por una publicidad antes de acceder a los contenidos están diseñados a conciencia para que el usuario haga clic en el lugar que lo llevará hasta la página con información ampliada de lo anunciado, apartándolo de los contenidos que buscaba en un principio.

Estrategia general

Hay varias formas de hacer esto, pero todas siguen el mismo patrón: hacer lo más invisible posible la opción “continuar” o “cerrar” y hacer lo más grande posible la zona en la que hacer clic para ver los detalles del anuncio.

Ejemplo

En la figura 1 vemos un ejemplo donde la opción “Ir a Página Principal” recibe la mínima importancia posible: letra de menor tamaño, color cercano al del fondo para ofrecer poco contraste y que no destaque, ubicación opuesta a la esperada (lado izquierdo en lugar de derecho). Por el contrario, la opción “ver oferta” destaca considerablemente.

Figura 1. Anuncio con mínima importancia a la opción de continuar o cerrar anuncio.

Obviamente, muchos usuarios se confundirán y harán clic en el llamativo gran botón “ver oferta”. Tengamos en cuenta la figura 2 para tener una idea más clara de las principales zonas que vemos. Así no parece que haya muchas opciones, ¿verdad?

Figura 2. Zonas del anuncio.

Objetivos

Como ya hemos explicado, estos anuncios se diseñan así a propósito para que los usuarios hagan clic en el anuncio y visiten la información detallada de la oferta o promoción, pero ¿por qué se hace esto? ¿Cuándo hay que hacerlo?

Plataforma de publicidad

Esta estrategia está muy bien llevarla a cabo cuando ofrecemos una plataforma de publicidad a terceros y nosotros cobramos cada vez que alguien hace clic en el anuncio. Nos interesa que el usuario haga clic, aunque sea por accidente, así cobraremos más. Confundir en este caso al usuario está permitido por interés.

Autopromoción

Personalmente no veo bien esta estrategia en casos de autopromoción, es decir, cuando incluimos este tipo de anuncio en nuestro propio sitio web y anunciamos algún producto o servicio propio. No entiendo la necesidad de confundir al usuario para que acceda a la información detallada de lo publicitado. Ya hemos tenido una oportunidad de atraerlo al mostrarle el anuncio, si no le ha interesado, dejémosle continuar tranquilo. En caso contrario, se sentirá molesto, engañado y frutrado, le ofreceremos una mala experiencia de usuario.

Ejemplo correcto

Si estamos en el último caso planteado anteriormente, el de la autopromoción, el anuncio es mejor que tenga un diseño similar al de la figura 3.

Figura 3. Anuncio correctamente estructurado para autopromoción.

Ahora, encontramos dos zonas claras y bien separadas: el anuncio en sí y el botón “continuar”. El anuncio ya contiene la llamada a la acción “Haz clic aquí y… ¡Descúbrela!”, de forma que si el usuario está interesado hará clic en la imagen. Si no está interesado, hará clic en el botón “Ir a Página Principal”.

Los resultados

Cuando el anuncio está diseñado para confundir, como en la figura 1, obviamente, conseguiremos muchos clics y visitas a la página de destino del anuncio, sin embargo, las conversiones (compra, envío de formulario, etc.) se verán afectadas, pues muchos usuarios llegarán por error, sin estar realmente interesados y se marcharán inmediatamente… a no ser que la página de destino sea realmente muy impactante.

Cuando el anuncio está correctemante diseñado, serán menos los usuarios que visiten el producto o servicio publicitado, así que conseguiremos menos clics y menos visitas en la página de destino, pero serán de mayor calidad. Deberíamos tener un mayor porcentaje de conversiones (visitas que llegan a comprar, envían un formulario, etc.).

Como ya estoy comentando, la página de destino es la otra mitad de la historia, pero en este artículo nos quedamos en el anuncio.

Caso real

Me sorprende que grandes y conocidas empresas utilicen en sus sitios web anuncios del tipo de la figura 1 para productos o servicios propios (autopromoción), en lugar de anuncios del tipo de la figura 3. Yo lo veo como un comercial que ante la imposibilidad de atraerte con su propuesta, intenta engañarte para llevarte hasta su mesa y mostrarte toda la información.

En la figura 4 vemos como ejemplo el anuncio mostrado en el sitio web del Banco Santander tras acceder a una cuenta de cliente. Su estructura es la misma de la figura 1, diseñada para confundir.

Figura 4. Anuncio en el sitio web del Banco Santander.

Figura 1. Imagen del test.

¿Quieres saber si realmente eres bueno en redes sociales? Responde Sí o No a las preguntas del test que encontrarás en el siguiente enlace. Al finalizar, obtendrás el resultado. Este es el primer artículo que hago interactivo, sólo podrás terminar de leerlo si haces el test.

Enlace al test: http://goo.gl/tgruW

En el caso de fotógrafos, diseñadores gráficos, diseñadores de moda, arquitectos y otros profesionales, la Analítica Web puede ayudarles, además, a saber hacia dónde deben dirigir su trabajo para conseguir más proyectos en función del comportamiento de los usuarios en relación al trabajo expuesto en su sitio web.

Analítica Web para fotógrafos

Si ya tienes instalado en tu sitio web Google Analytics, perfecto, este es un buen principio, te permitirá saber la evolución de las visitas que tienes, las páginas más vistas, el porcentaje de rebote, de dónde proceden las visitas, etc. Pero tenemos que ir más allá, necesitamos saber más acerca del comportamiento del usuario. En los detalles está la clave, hay que profundizar.

En el lado izquierdo de la figura 1 vemos una galería de fotos de un sitio web de fotografía. Después de hacer clic en una de las fotos, ésta se muestra ampliada, como vemos en el lado derecho de la figura.

Figura 1. Caso de sitio web de un fotógrafo. En el lado izquierdo, galería de fotos. En el lado derecho, fotografía ampliada después de hacer clic en una de las fotos de la galería.

La cuestión es que, por defecto y en general, no podemos saber si el usuario hizo clic en una u otra foto para verla en grande. Sí lo sabremos si la foto se abre en una nueva página, lo cual no es muy habitual, lo normal es que se abra en una capa.

Lo cierto es que sería genial saber en qué fotos hicieron clic los usuarios para verlas en grande, porque así sabríamos qué fotos son las que más interesan a los usuarios y quizás descubramos aquí algunas oportunidades. Esto lo conseguimos registrando los clics que se hacen en las miniaturas de las fotos mediante la captura del evento con el método _TrackEvent().

¿Se puede afinar más? Sí, mediante otras técnicas podríamos llegar a saber cuánto tiempo permaneció viendo la foto. Así, además de saber cuáles son las fotos más vistas, sabríamos cuáles son las más contempladas.

¿Se puede afinar más aún? Claro, podríamos llegar a saber qué fotografías contribuyeron en mayor medida a que se pusieran en contacto contigo a través del formulario de contacto del sitio web.

¿Podemos llegar más lejos? Sí, mucho más, pero con estas ideas está bien de momento.

Analítica Web para diseñadores de moda

En la figura 2 vemos un ejemplo igual al del fotógrafo, pero aplicado a la moda. Una vez estamos dentro de una colección, si se configura el sitio web para registrar en qué fotos hicieron clic los usuarios, sabremos qué vestidos llaman más la atención y cuáles no tanto, como se explicó anteriormente.

Figura 2. Caso de sitio web de una diseñadora de moda. En el lado izquierdo, galería de fotos. En el lado derecho, fotografía ampliada después de hacer clic en una de las fotos de la galería.

Esta es una información de un gran valor si, antes de lanzar al mercado un vestido o accesorio, lo mostramos en el sitio web para conocer el comportamiento de los usuarios ante ese nuevo producto, a modo de experimento. Si el interés es elevado, podríamos lanzarlo a sabiendas de que el éxito está garantizado. Si el interés es bajo, quizás podamos hacer un pequeño lanzamiento, replantear el producto o, simplemente, no lanzarlo.

¿Podemos determinar que un producto tendrá éxito en el mercado antes de lanzarlo sólo por el número de veces que se consulte? No, es demasiado aventurado y entran en juego muchos más factores (es posible que los usuarios se estén interesando más en la/el modelo que en el producto). Es necesario añadir más variables que nos permitan asegurar más los resultados. Por ejemplo, en la imagen ampliada podemos incluir botones sociales o para compartir la imagen o comentarios, y registrar su actividad, esto también nos dará una referencia del valor que los usuarios le dan al producto.

Cuanto más haya en juego, más detallado o profundo debe ser el análisis. Por ejemplo, con una gran marca, podríamos incluir grabaciones de sesiones de usuarios para conocer con más detalle el comportamiento de los usuarios.

Analítica Web para diseñadores gráficos, arquitectos…

Después de los dos casos anteriores, ya sabrás trasladar la idea a otras profesiones.

Aprender más sobre Analítica Web

Figura 3. Libro "Analítica Web", de Miguel Ángel Acera, editorial Anaya Multimedia.

Recuerda que si quieres adentrarte en el mundo de la Analítica Web o ampliar conocimientos, dispones del nuevo libro “Analítica Web” (en español), de la editorial Anaya Multimedia, un libro claro, práctico y en el que se explican ejemplos y herramientas. En la figura 3 puedes ver la cubierta del libro.

Haz clic aquí para consultar la ficha del libro (que incluye el índice).

Ante cualquier cuestión, no dudes en ponerte en contacto.

Figura 1. Robin Dunbar, director de Antropología Cognitiva y Evolutiva de Oxford University.

El antropólogo evolucionista Robin Dunbar (véase figura 1), director de Antropología Cognitiva y Evolutiva de Oxford University, afirma que una persona no puede mantener relaciones de calidad con más de 150 personas en total, así que este sería el número máximo de usuarios a los que deberíamos seguir en Twitter, siempre y cuando todos nuestros contactos de calidad estén en Twitter, si no, serían menos.

Por otro lado, encontramos usuarios de Twitter con un alto grado de reconocimiento profesional que siguen a miles de usuarios, como Guy Kawasaki (@GuyKawasaki), que cuenta con más de 900.000 followers y sigue a casi 300.000 usuarios, como vemos en la figura 2.

Figura 2. Twitter de Guy Kawasaki. Vemos los followers y following.

Y también encontramos usuarios de Twitter como Tim O’Reilly (@timoreilly) con más de 1.500.000 seguidores y que sigue a 853 usuarios, como vemos en la figura 3.

Figura 3. Twitter de Tim O'Really. Vemos los followers y following.

Después de ver estos datos, nos podemos plantear qué es lo correcto: ¿seguir a muchos o seguir a pocos? Como casi siempre, dependerá del caso. Desde luego, si nos ponemos en el lugar de Tim O’Really, hacer clic en el botón “Follow” de cada usuario que le sigue puede convertirse en todo un trabajo. Bueno, esto es una exageración, hay herramientas que facilitan esta tarea.

Explicaré cómo lo hago yo y por qué.

Si me sigues, te sigo

¿Por qué? En principio, por dos motivos:

• Motivo 1. Si yo te intereso, a mi también me interesa conocerte más, saber qué sueles comentar, por qué te intereso, cuáles son tus inquietudes, aprender más de ti.
• Motivo 2. El seguimiento mutuo permite hacer uso de conversaciones mediante mensajes privados. Estoy seguro que a todos nos ha ocurrido alguna vez que alguien nos envía un mensaje privado y al responderle de igual forma obtenemos el aviso de no puedes enviarle un privado porque no te sigue. Personalmente, esto no me parece muy correcto, ¿sólo puede comunicarse él en privado y yo lo tengo que hacer en público? ¿Verdad que parece una falta de respeto? Por favor, si la otra persona no puede enviarte mensajes privados, no se los envíes tú.

Si me haces RT o publicas un enlace a mi blog, te sigo

¿Por qué? Si te parece interesante algo que he publicado en Twitter o en mi blog, quiero saber más de ti, saber por qué te interesó, qué relación tienes con esa temática, qué opinas, en qué medida te fue útil esa información, descubrir qué otros temas relacionados te interesan. Sin duda alguna esa información es algo en común que tenemos y si están en sintonía con mi línea de trabajo, de alguna forma son como pequeñas luces o indicadores que me marcan el camino o los posibles caminos.

¿Y cómo sé quién y cuándo publica en Twitter un enlace a mi blog si no me mencionan? Buena pregunta, uso Google Reader, es una herramienta mágica para hacer el seguimiento de lo que se dice de mi. De hecho, suelo consultar esto casi siempre desde mi móvil.

No suelo seguir a los perfiles de empresa

O conozco a la empresa, o me interesa lo que haga o vaya a hacer, o conozco a alguno de sus integrantes, o no suelo seguir a ningún perfil de empresa. Me gusta más relacionarme con caras de personas que con logotipos.

Un TimeLine para todos y varias listas temáticas

Si sigues a muchas personas, tu TimeLine puede llegar a ser un río rápido de información. Hay que organizarse.

Yo uso el TimeLine (TL) para ver qué ocurre en el momento que lo consulto y ahí están casi todas las personas que me siguen más aquellas con las que tengo una mayor relación, están todos. Se consigue un TL variado y fresco que te permite descubrir información interesante y opiniones a tener en cuenta, como explicaba anteriormente.

Además, tengo listas (privadas) donde organizo los perfiles que más me interesa seguir según temática. Algunas de estas listas son:

• Referencia de Nivel 1 (de España).
• Referencia de Nivel 2 (de España).
• Empresas u organizaciones.
• Fuentes de datos.
• Prensa.
• Expertos de fuera de España.

Así, si quiero saber qué dicen los usuarios españoles más relevantes para mi, consulto la lista “Referencia de Nivel 1 (de España)”. Y lo cierto es que la suma del número de perfiles que hay en cada lista es bajo.

La herramienta TweetDeck y una pantalla panorámica se encargan de mostrarme todas las listas de forma clara y organizadas por columnas, como vemos en la figura 4, donde el nombre de las listas lo he ocultado, no están por el orden indicado anteriormente, ni todas las indicadas aparecen.

Figura 4. TweetDeck.

Hacer limpieza cada cierto tiempo

Algunos usuarios a los que sigo por uno de los motivos anteriores, debido a diversas circunstancias, terminan  abandonando Twitter, o esa es la impresión que da, o bien, se dan otras razones que me llevan a dejar de seguirlos.

La herramienta ManageFlitter, que vemos en la figura 5, es de gran ayuda para detectar algunos de estos casos.

Figura 5. La herramienta ManageFlitter mostrando los usuarios a los que se sigue y parecen no estar activos.

Siguiendo con este símil, veamos la importancia del documento-proyecto y cómo es necesario para obtener un presupuesto. Utilizaré un lenguaje lo más simple posible y no entraré en detalles.

El proyecto de la casa

Si queremos que nos construyan una casa en función de nuestros gustos y necesidades, será necesario que un arquitecto haga un estudio y elabore un documento que incluya los planos de la casa, qué materiales se van a usar y dónde, si estará domotizada, etc. Según todos estos datos se obtendrá un presupuesto final. Obviamente, el presupuesto final no es el mismo si la grifería es normal o es de oro, o si la casa está o no domotizada, o si la casa es de 100 metros cuadrados o de 2.000 metros cuadrados.

Figura 1. Planos de un proyecto del estudio de arquitectura A-cero.

Si también queremos que se ocupen del interiorismo, se encargarán de realizar otro documento que recoja los requisitos, propuestas y presupuesto. Igualmente, este presupuesto variará según el tipo de muebles, tecnología, elementos decorativos, etc.

Figura 2. Interiorismo de un proyecto del estudio de arquitectura A-cero.

Por lo tanto, como todos esos aspectos influyen en el presupuestos final, si queremos tener un presupuesto de una casa hecha en función de nuestros gustos y necesidades, será imprescindible haber definido todos esos requisitos y características técnicas, que quedarán reflejados en el documento-proyecto, si no, es imposible tener un presupuesto, no se puede hacer un presupuesto de algo que no está definido. Imaginemos la complejidad que puede tener la construcción y el día a día de un centro comercial o una fábrira, en lugar de una casa.

El proyecto web

A la hora de hacer un proyecto web ocurre lo mismo. Para tener un presupuesto habrá que definir las funciones, requisitos, etc. Si no, no tendremos datos en los que basarnos para hacer el presupuesto, ni sabremos exactamente qué se quiere hacer o cómo funcionará el sitio web.

Otra cosa es que el proyecto web a elaborar sea tipo plantilla o se ajuste a un modelo, en ese caso sí puede existir un presupuesto estimado a priori, pero si realmente el proyecto consiste en, por ejemplo, un sitio web de comercio electrónico con funciones muy específicas o personalizadas será necesario hacer el documento-proyecto de forma detallada para obtener el presupuesto.

Si ya tienes un documento similar, se podrá elaborar el presupuesto directamente. Si no tenemos ese documento-proyecto aún, habrá que estudiar el proyecto y elaborarlo, igual que el arquitecto o el decorador elaboran ese documento donde se especifica cómo es la casa y cómo se va a decorar.

Figura 3. El documento-proyecto incluye prototipos que permiten definir la estructura inicial.

Normalmente, la elaboración de ese documento conlleva un coste, pues implica horas de reuniones, estudio, planificación, elaboración de propuestas y diseños (prototipos), redacción de proyecto, etc. Al finalizar la elaboración del documento-proyecto, éste se entrega, por lo que obtienes una definición del proyecto y que puedes llevar a cualquier empresa para que lo desarrolle o te proporcionen otro presupuesto (sin tener que volver a elaborar ese documento).

Durante la elaboración de este documento también se aclaran muchas dudas, se detectan y resuelven errores en el planteamiento inicial del proyecto y surgen ideas de mejoras, así que también supone una tarea de tipo consultoría y mejora o refinamiento del proyecto inicial, que en muchos casos tiene como consecuencia un incremento de las ventas superior al previsto, un ahorro de costes y/o una mayor fidelización de clientes. Tengamos en cuenta que hay temás más allá de la simple idea del sitio web, como  la legislación o la estrategia de marketing.

La elaboración de este tipo de documentos con un cierto nivel de detalle es  imprescindible si se quiere desarrollar y ejecutar un proyecto sin perder de vista la viabilidad y rentabilidad del mismo.

Recomendaciones para emprendedores

Lo primero que hay que evitar es dar la impresión de que quieres hacer un proyecto del cual no tienes ni idea ni interés, porque si alguien detecta algo de esto no te prestarán mucha atención. Así que:

• Evita insistir en que te den un presupuesto sin que tú proporciones información suficiente para elaborarlo, porque simplemente no tiene sentido (como ya hemos explicado) y pensarán que no eres serio y les harás perder el tiempo.
• Evita solicitar un presupuesto y no interesarte en llevar a cabo ningún tipo de consultoría cuando te indican que tu proyecto aún tiene mucho temas sin resolver o presenta errores, porque simplemente no tiene sentido presupuestar un proyecto que está mal (es como presupuestar una casa sin vigas o sin puertas o sin enchufes) y pensarán que les harás perder el tiempo.
• Evita no mostrarte colaborativo o comprometido con tu propio proyecto, porque si no lo eres al principio, ¿qué pasará después?

Lo qué sí tienes que hacer:

• Si tu proyecto presenta errores o está incompleto necesitas asesoramiento antes de continuar, así conseguirás un proyecto que te permita alcanzar los objetivos propuestos.
• Muéstrate colaborativo, tu proyecto es un proyecto en equipo.

Servicio gratuito de orientación para emprendedores en Internet

Recuerda que si quieres crear un negocio en Internet y quieres saber antes de empezar qué posibilidades tienes a partir de tu idea, perfil y presupuesto, puedes solicitar orientación gratuita escribiéndome a mi email (maacera@seindor.com) o a través de la página web de Seindor:

https://seindor.com/consultoria-asesoramiento/orientacion

Tienes más información en el artículo del siguiente enlace:

http://seindor.com/maacera.com/blog/2012/05/07/servicio-gratuitode-orientacion-para-emprendedores-en-internet/

¿Quieres saber cómo se ve tu sitio web en un móvil?

Google te ofrece una herramienta que te muestra el aspecto de tu sitio web desde un smartphone y algunas recomendaciones sobre cómo tu empresa puede crear una experiencia más adaptada a los móviles (véase figura 1). Sólo tienes que acceder al siguiente enlace y escribir la dirección de tu página web:

http://www.howtogomo.com/es/d/haz-el-test-movil/#test-movil

Figura 1. Herramienta de Google para comprobar cómo se ve un sitio web en un móvil.

Preguntas frecuentes y respuestas sobre sitios web para móviles

En el mismo sitio web de Google en el que puedes hacer el test de tu sitio web encontrarás abundante información sobre sitios web para móviles, así como preguntas frecuentes y respuestas, veamos algunas de estas.

P: Mi sitio se ve correctamente en mi teléfono. Eso significa que está adaptado a los dispositivos móviles, ¿verdad?

R: No necesariamente. La mayoría de los sitios se pueden mostrar en un smartphone, pero a menos que se hayan diseñado teniendo en cuenta las necesidades de los dispositivos móviles, no ofrecerán una experiencia óptima al usuario. Un verdadero sitio para móviles se diseña teniendo en cuenta las necesidades de los usuarios de dispositivos móviles y las funciones de dichos dispositivos.

P: No puedo permitirme crear un sitio para móviles. ¿Puedo esperar?

R: Claro que puedes esperar… Si estás dispuesto a arriesgarte a perder una gran cantidad de oportunidades. Dentro de poco, habrá más gente que acceda a Internet desde dispositivos móviles que desde ordenadores. En 2015, el comercio móvil alcanzará los 119 mil millones de dólares a nivel mundial. ¿Te puedes permitir esperar mientras tus competidores te sacan ventaja?

P: Ya he invertido en anuncios para móviles. ¿Es suficiente?

R: Los anuncios para móviles son un buen recurso publicitario. Son relativamente económicos y llegan justo a la palma de la mano de los usuarios. Sin embargo, imagina la siguiente situación: un cliente acaba de tocar tu banner para móviles y accede a la versión para ordenadores de tu sitio. Tendrá una experiencia negativa y, además, se llevará una mala impresión de tu empresa. En resumen, si publicas anuncios para móviles que dirijan a un sitio que no está adaptado a estos dispositivos, habrás hecho el trabajo a medias.

P: Hemos creado una aplicación para móviles. Es lo mismo que un sitio para móviles, ¿verdad?

R: Las aplicaciones para móviles pueden constituir una parte importante de tu estrategia para móviles, pero la verdad es que no pueden sustituir a un sitio para móviles. Las aplicaciones dependen de una plataforma específica y requieren mucho trabajo para actualizarlas. Sin embargo, un sitio para móviles funcionará en cualquier dispositivo móvil que tenga un navegador. Además, la actualización de contenido se realiza de una forma mucho más fácil y rápida.

Figura 2. Adaptar un sitio web a móviles ofrece una mejor experiencia de usuario, lo que incrementará los contactos, ventas y visitas.

¿Cuál es la diferencia entre una aplicación para móviles, una aplicación web para móviles y un sitio web para móviles?

Una aplicación para móviles es un programa informático (software) que se descarga e instala en un móvil desde Google Play (antes Google Market, véase figura 3) o App Store (de Apple) o App World (de BlackBerry). Debe crearse una versión de la aplicación móvil para cada plataforma (una para Google, otra para Apple y otra para BlackBerrry) y cada modificación o actualización también se deberá realizar en cada plataforma. No hay por qué hacer una versión de la aplicación móvil para cada plataforma, pero de no hacerlo se perderán usuarios. Por lo tanto, el trabajo es mayor.

Figura 3. Google Play.

Un sitio web para móviles es, en general, un sitio web adaptado correctamente a móviles, por lo que navegar y usar ese sitio web desde un dispositivo móvil es fácil y cómodo. Por ejemplo, el texto se verá a un tamaño adecuado que facilita la lectura y ocupa el ancho de la pantalla del móvil, sin ser necesario ampliar la imagen (zoom) o desplazar el texto horizontalmente (scroll horizontal) porque parte del texto se sale de la pantalla. Véase figura 2.

Figura 4. Google Docs es una aplicación web. En la imagen, versión de escritorio.

Una aplicación web para móviles es una aplicación web (programa o software accesible desde el navegador) adaptada al móvil. Como ejemplo de aplicación web tenemos a Google Docs (en la figura 4 vemos versión de escritorio), una aplicación web (programa) que funciona  igual que el procesador de textos de nuestro escritorio, pero en este caso no requiere instalación, se usa directamente desde el navegador. Google Docs dispone de una versión de la aplicación web para ordenador de escritorio y otra para móviles. Las aplicaciones web para móviles no se descargan, son directamente accesibles desde cualquier móvil a través del navegador y sólo existe una versión de ésta (no una para cada plataforma), por lo que actualizarlas es más fácil y rápido.

Por extensión, una aplicación web para móviles es a su vez un sitio web para móviles, pero no todos los sitios web para móviles tienen que ser necesariamente aplicaciones web para móviles. En la figura 5 vemos el sitio web de Amazon adaptado a móviles en la parte de la izquierda. Este sitio web para móvil es una tienda online y una tienda online es en realidad una aplicación web, al estar adaptada a móviles, es una aplicación web para móvil. En la parte de la derecha vemos la aplicación móvil de Amazon (no aplicación web, así que para usarla se requiere descargarla).

Figura 5. En el lado izquierdo, aplicación web para móvil de la tienda de Amazon. En el lado derecho, aplicación móvil de la tienda de Amazon.

Crear un sitio web o aplicación web para móviles

Si estás pensando o necesitas crear/adaptar un sitio web o aplicación web para móviles, recuerda que en Seindor Ingeniería Web podemos hacerlo y ayudarte:

https://seindor.com/proyectos-web/sitios-web-moviles

Figura 1. Los emprendedores con ideas claras pueden comenzar el desarrollo del proyecto rápidamente.

Sin embargo, existe otro tipo de empredendor, aquel que desea crear un negocio en Internet, pero no tiene muy claro cómo o sobre qué y, a menudo, su idea de negocio es 100% inviable por varias cuestiones de gran calibre, como pueden ser:

• Modelo de negocio actualmente obsoleto en Internet. Internet cambia muy rápido, así que es muy fácil que se produzca un desfase entre la idea que se tiene de Internet y lo que realmente es Internet hoy en día. En algunos casos, estos desfases pueden ser de varios años.
• Tipo de negocio imposible de competir en el mercado actual. Si desconocemos la situación actual del mercado y la competencia, es fácil creer que nuestro negocio va a ser el mejor, cuando en realidad es imposible que tengamos posibilidades de competir.
• Modelo de negocio no apto. Es decir, se trata de un modelo de negocio cuya ejecución debe llevar a cabo un tipo de empresa específico o una empresa concreta y no cualquiera.
• Proyecto de magnitud muy superior a los recursos disponibles. Yo me refiero a esto como “Emprendedores que quieren hacer Megaconstrucciones”. Es algo así como un emprendedor que quiere hacer él solito un Corte Inglés de 5 plantas o un Amazon. Sencillamente imposible, pero la idea de que en Internet todo es fácil y barato sigue en la mente de muchas personas. En la figura 2 vemos una pirámide invertida que representa en su altura el tamaño del proyecto y en su anchura la cantidad de recursos necesarios. Por recursos nos referimos a: capital/inversión, personal, conocimientos, formación, tecnología, etc. Sé que para muchos esto es obvio, pero no lo es tanto para otros.

Figura 2. Los grandes proyectos requieren mayores cantidades de recursos.

Así que estos emprendedores necesitan algo más: orientación gratuita. Necesitan que, antes de empezar, alguien les diga cuáles son las posibilidades de su idea teniendo en cuenta su perfil, presupuesto inicial, etc. Posteriormente, pueden dar el siguiente paso hacia la consultoría o desarrollo del proyecto para, finalmente, lanzarlo. Véase figura 3.

Figura 3. Algunos emprendedores (B) necesitan orientación antes de empezar.

Este servicio de orientación me parece imprescindible, así que a partir de ahora también ofreceré orientación gratuita a emprendedores que quieran crear un negocio en Internet y quieran saber qué posibilidades tienen a partir de su idea, perfil y presupuesto. Si necesitas orientación sobre tu idea, puedes escribirme directamente a mi email (maacera@seindor.com) o a través de las redes sociales.

También puedes solicitar orientación gratuita a través de la página web de Seindor: https://seindor.com/consultoria-asesoramiento/orientacion

Es fácil caer en efectos típicos que no aportan ningún valor al diseño, como es una simple sombra, sin embargo, utilizando bien esta propiedad conseguiremos resultados interesantes, como el de la figura 1, en la cual el título parece un bajo relieve y las opciones del menú se iluminan al paso del ratón.

Figura 1. Uso de la propidad text-shadows de CSS3 para crear un título en bajo relieve y un menú que se ilumina.

El cuerpo de este ejemplo es muy simple pues sólo sirve para mostrar el resultado:

<body>
  <h1>Mi Sitio Web</h1>
  <a href="" class="opcion_iluminada">Blog</a>
  <a href="" class="opcion_iluminada">Quiénes somos</a>
  <a href="" class="opcion_iluminada">Contacto</a>
</body>

Y los estilos creados son los siguientes:

<style>
  body {
    background: #444;
  }
  h1 {
    font-size: 38px;
    font-style: italic;
    color: #333;
    padding: 10px;
    text-shadow: -1px -1px 0px #101010, 1px 1px 0px #505050;
  }
  .opcion_iluminada {
    font-size: 20px;
    color:#999;
    text-decoration:none;
    padding: 10px;
  }
  .opcion_iluminada:hover {
    color:#fff;
    text-shadow: 0px 0px 15px #fff;
  }
</style>

Un dato importante, para que las sombras puedan verse, el color de fondo, en este caso de la página (elemento body, propiedad background),  no puede ser negro porque entonces no se vería la sombra. Nosotros lo hemos establecido a #444, un gris muy oscuro, pero sin llegar a ser negro.

El efecto de bajo relieve del título (h1) lo conseguimos dándole un color más oscuro que el fondo (#333) y aplicando dos sombras, separadas por una coma, en la definición de la propiedad text-shadow:

• Sombra más oscura en la parte superior e izquierda: -1px -1px 0px #101010
• Sombra más clara en la parte inferior y derecha: 1px 1px 0px #505050

Respecto al menú, cada opción tiene asignada el estilo opcion_iluminada y cuando el puntero del ratón se sitúa encima se aplica el estilo opcion_iluminada:hover. Este es un ejemplo muy sencillo, el menú se puede construir de otras formas.

En el estilo de opcion_iluminada (cuando el puntero del ratón no está sobre la opción), simplemente hemos establecido el color del texto a #999, un gris.

De esta forma, cuando el puntero del ratón se sitúe encima de la opción, se aplicará el estilo de opcion_iluminada:hover y el color del texto será más intenso, concretamente blanco (#fff). Esto ya dará la sensación de que la opción se ilumina, pero el resultado no estará muy logrado. Lo vamos a mejorar añadiendo una sombra blanca para crear el efecto de resplandor mediante la propiedad text-shadow y el valor:

• 0px 0px 15px #fff

Los valores deberán ajustarse según el tamaño del texto y los enlaces del menú.

Aprende más sobre CSS3

Figura 2. Libro Guía Práctica de CSS3, de Miguel Ángel Acera, editorial Anaya Multimedia.

Recuerda que si quieres adentrarte en el mundo de CSS3 o ampliar conocimientos para dar más estilo a tus sitios web, dispones del libro “CSS3” (en español), de la editorial Anaya Multimedia, un libro claro, práctico y en el que se explican propiedads y ejemplos. En la figura 2 puedes ver la cubierta del libro.

Haz clic aquí para consultar la ficha del libro (que incluye el índice).

Y, como siempre, ante cualquier cuestión no dudes en ponerte en contacto conmigo.

Figura 1. Estudiantes de MIT.

Me salgo de mi línea habitual hablando de edX, el sistema de enseñanza online de MIT y Harvard que fue anunciado el pasado 2 de mayo, pero no me salgo tanto, porque la formación es un pilar imprescindible para todo emprendedor y para toda empresa.

La necesidad de la información

Actualmente nos encontramos en un tiempo difícil por la situación económica. Por otro lado, a lo largo de mi experiencia como escritor en temas como C/C++, XML, CSS3 y Analítica Web (o Analítica Digital), me he encontrado con lectores que quieren ir más allá y no les es fácil dar el siguiente paso porque, simplemente, no lo encuentran o no existe. En estos momentos, también estoy trabajando en una solución para esto (si estás interesado puedes ponerte en contacto conmigo).

¿Y qué tienen en común estos dos puntos? La información. Las personas necesitamos información que nos permita evaluar situaciones u opciones para no cometer errores, necesitamos información para avanzar y crecer, necesitamos información para construir un entorno y un mundo mejor.

¿El problema? La información es cara o se oculta, no está al alcance de cualquiera y, sin embargo, es un bien de primera necesidad. Todos sabemos qué pasa cuando no tenemos información suficiente: perdemos tiempo, dinero, empleos, objetivos. De ahí que “la información es poder”.

Figura 2. Anant Agarwal, presidente de edX, durante la presentación del proyecto.

Enseñanza abierta al mundo

La enseñanza online, que no es algo nuevo, permite a un estudiante de Murcia asistir a un curso online impartido en Lugo sin moverse de la silla. Gracias a Internet, también podemos asistir, sin movernos de la silla, a interesantes conferencias de otras ciudades y aprender de lo que en ellas se dice.

A partir de ahora, también podremos asistir a cursos de MIT o Harvard gracias a edX, una organización creada por ambas facultades que desarrollará una plataforma de código abierto para ofrecer cursos online a cualquier estudiante del mundo, no habrá proceso de admisión y será gratuito. Únicamente habrá que pagar un módico precio si se desean credenciales, para lo cual habrá que demostrar el dominio de la materia.

La novedad está en que edX irá más allá del modelo estándar de enseñanza online. Puesto que la tecnología será de código abierto, otras universidades podrán aprovecharla para crear sus propios cursos online.

Las características de edX incluyen: enseñanza al ritmo del estudiante, grupos de discusión online, aprendizaje colaborativo, evaluación del progreso a lo largo del curso, y laboratorios online.

Invirtiendo en cultivo de cerebros brillantes

Que nadie se lleve a engaños, aunque edX sea gratuito, desarrollarlo y mantenerlo requiere una inversión importante, exactamente parten de 60 millones de dólares, 30 millones aportados por MIT y otros 30 millones aportados por Harvard.

Figura 3. La formación a estudiantes de todo el mundo facilita encontrar cerebros brillantes.

Su objetivo es mejorar la enseñanza y el aprendizaje, e invierten en ello. El resultado está claro, al estar invirtiendo en la formación de estudiantes de todo el mundo y controlar el progreso de su aprendizaje, les será muy fácil encontrar cerebros brillantes y hacerles ofertas interesantes para integrarlos en proyectos o empresas. Es decir, están invirtiendo en el cultivo de miles de cerebros de todo el mundo y los que más brillen serán rescatados de donde estén para aprovecharlos mejor: cultivo fuera e importo lo mejor. Es excelente y, lo mejor, todos ganan (win-win), o casi todos, porque las universidades de nivel inferior pueden verse afectadas.

En New York Times leemos al respecto:

Los expertos en educación dicen que las clases online ofrecen oportunidades para a estudiantes e investigadores, lo que supone una amenaza para los centros educativos de bajo rango.

“Proyectos como éste pueden afectar a la vida de todo el mundo [...]“, dijo George Siemens, pionero MOOC (Massively Open Online Courses) que enseña en la Universidad de Athabasca. “Si yo fuera presidente de una universidad de nivel medio, estaría mirando muy nervioso en este momento, porque si una universidad líder ofrece cursos gratuitos, esto se convierte en un verdadero problema”.

También se verán afectados los países ante la fuga de cerebros, muchos de los cuales estarían ocultos o latentes por imposibilidad de acceder a una formación.

Figura 1. El porcentaje de rebote comenzó a incrementarse a partir de enero de 2012.

Buscando la fuente de tráfico culpable

Lo primero que haremos será segmentar el tráfico en función de la fuente de tráfico (Informe estándar > Público -> Visión general), así sabremos de dónde vienen los usuarios que incrementan el porcentaje de rebote. Nos centraremos en:

• Tráfico de búsqueda gratuito.
• Tráfico directo.
• Tráfico de referencia.

En la figura 2 vemos el resultado.

Figura 2. El tráfico directo ha aumentado notablemente el porcentaje de rebote a partir de enero de 2012.

Aunque el tráfico de referencia (línea verde) ha contribuido a incrementar el porcentaje de rebote a partir de enero de 2012, es el tráfico directo (línea naranja) el que realmente ha experimentado el mayor crecimiento, así que seguiremos analizando la causa del problema centrándonos en el tráfico directo como principal sospechoso, posteriormente analizaríamos el tráfico de referencia.

Buscando las páginas de destino culpables

Para averiguar qué está pasando con el tráfico directo para que incremente el porcentaje de rebote, accedemos al informe de tráfico directo (Informe estándar > Fuentes de tráfico > Fuentes > Directo), seleccionamos el periodo de tiempo que presenta el problema y aplicamos un filtro para que sólo muestre las páginas de destino con un número de visitas significativo.

En la figura 3 vemos el resultado. Un porcentaje significativo de visitas (19,13%)  llega a una página de destino que causa un 94,94% de rebote, seguido de un 2.66% de visitas a otra página de destino con un 72,73% de rebote. El resto de páginas de destino tiene un porcentaje de rebote aceptable, así que esas dos páginas de destino parecen ser el problema.

Figura 3. Páginas de destino responsables del incremento del porcentaje de rebote.

Analizando las páginas de destino

Después de descubrir las páginas que presuntamente tienen algún problema, las analizamos a nivel de diseño, funcionalidad, etc., para saber si tienen algún error o presentan alguna barrera para el usuario. Nada, todo está en orden. Entonces, ¿qué está pasando? Hay que volver a Google Analytics y continuar el interrogatorio con esas páginas de destino con elevado porcentaje de rebote.

Interrogando a las páginas de destino

Inicialmente nos centraremos en la página con 94,94% de rebote (luego también analizaríamos la página con 72,73% de rebote) para saber a través de la dimensión primaria y secundaria:

• El sistema operativo del usuario.
• El navegador del usuario y su versión.
• La resolución de pantalla del usuario.
• La ubicación del usuario.
• El proveedor de Internet del usuario.

Descubrimos lo siguiente, de las visitas a la página de destino que produce un 94,94% de rebote:

• El 96,20% usa sistema operativo Windows, navegador Firefox (el 73,42% de estos usa versión 11.0 y el 22,78% restante usa la versión 10.0.2), una resolución de pantalla de 1600×900 pixels y su ubicación es Logroño. Estas visitas utilizan como proveedor de Internet a Telefónica. Analizando la visitas nuevas y recurrentes, supone un 93,67% de visitas recurrentes y un 2,53% de vistias nuevas.
• El 3,80% usa sistema operativo Macintosh, navegador Safari versión 534.52.7,  una resolución de pantalla de 1440×900 pixels y su ubicación es Zaragoza. Estas visitas utilizan como proveedor de Internet a Orange. Analizando la visitas nuevas y recurrentes, supone un cero por ciento de visitas recurrentes y un 3,80% de vistias nuevas.

Incluyendo en el gráfico de Google Analytics las dos versiones del navegador de Firefox (véase figura 4), descubrimos que en torno a la tercera semana de marzo la versión de Firefox se actualizó, puesto que la versión 10.0.2 desaparece y en su lugar aparece la versión 11.0.

Figura 4. Se observa la actualización del navegador Firefox.

Conclusión

Tras hacer otros análisis se concluye que un usuario con sistema operativo Windows y navegador Firefox se conecta desde Logroño usando una conexión de Telefónica para visitar en repetidas ocasiones, cada día, una página concreta del sitio web, y sólo esa página, ninguna otra, sin hacer nada más, generando rebotes.

Este comportamiento no se observa en ninguna otra visita ni página, es decir, el porcentaje de rebote en dicha página lo genera casi exclusivamente este usuario.

Por lo tanto, se trata de un caso aislado y el sitio web no presenta ningún problema.

A partir de aquí, lo recomendable es filtrar las visitas a dicha página que proceden de Logroño y tienen una tasa elevada de rebote, así evitaremos que este comportamiento altere los resultados.

¿Por qué este usuario accede en repetidas ocasiones siempre a la misma página y no hace nada más? Es posible que tenga abierta la página en alguna pestaña del navegador y ese navegador se cierre y abra numerosas veces cada día, volviéndose a cargar cada vez que se abre. Lo raro es que este comportamiento dure varios meses. No hay mucha explicación para esto, un Expediente X dentro de la Analítica Web.

Aprender más sobre Analítica Web

Figura 5. Libro "Analítica Web", de Miguel Ángel Acera, editorial Anaya Multimedia.

Recuerda que si quieres adentrarte en el mundo de la Analítica Web o ampliar conocimientos, dispones del nuevo libro “Analítica Web” (en español), de la editorial Anaya Multimedia, un libro claro, práctico y en el que se explican ejemplos y herramientas. En la figura 5 puedes ver la cubierta del libro.

Haz clic aquí para consultar la ficha del libro (que incluye el índice).

Y, como siempre, ante cualquier cuestión no dudes en ponerte en contacto conmigo.