El desarrollo continua de tecnologías web unido al incremento dispositivos conectados a Internet promete un gran futuro para aquellos deseosos de un incremento en la audiencia a través de webs móviles. El tráfico global de Internet móvil está creciendo rápidamente y ya ha {superado el 20% del total | gs.statcounter.com. El tiempo invertido en navegar por Internet con dispositivos (móviles, tablets, ordenadores de sobremesa y televisores) varía en diferentes puntos del planeta; mientras que los usuarios en EE.UU. dedican un 16% de su tiempo a navegar desde dispositivos móviles, en China es un 34% y en India un 79%. Muchas regiones donde el tráfico en Internet vía móvil ya ha superado a los ordenadores de sobremesa son mercados en desarrollo o emergentes. Mientras que el uso de smartphones crece alrededor del planeta, aún hay una gran oportunidad para captar a los usuarios de teléfonos de gama media. India es un buen ejemplo: sólo el 15% de los indios poseen un smartphone, lo que equivale a la espectacular suma de 180 millones de usuarios, mientras que un 68% posee un teléfono de gama media, de los cuales un 9,5% pueden navegar por Internet1. Esto quiere decir que con un site básico para
móviles podrías alcanzar a 116 millones de usuarios más. El uso más obvio de las tecnologías web es construir sitios web móviles, y ése es el tema de este capítulo. Vale la pena destacar que las tecnologías web también se usan de manera intensiva en el desarrollo de aplicaciones web e híbridas, soluciones multiplataforma y, recientemente, aplicaciones nativas (Firefox OS). Para más información sobre el desarrollo
1 discovermobilelife.com PO R Dani el Kr anz
Sitios Móviles y Tecnologías Web 130
multiplataforma y en nuevo sistema operativo Firefox OS consulta los capítulos al respecto en esta guía.
Una gran ventaja de las tecnologías web es que ofrecen la ruta más fácil hacia el desarrollo móvil. Tecnologías web como HTML, CSS y JavaScript ya están plenamente desarrolladas; sin embargo, siguen y seguirán siendo las principales bases de desarrollo de sitios móviles. Además, son sin duda más fáciles de aprender que algunos de los complejos lenguajes necesarios para el desarrollo de aplicaciones nativas. Los sitios web para móviles y las aplicaciones web hacen los contenidos accesibles en casi cualquier plataforma con un menor esfuerzo en comparación con el desarrollo nativo para varias plataformas. Esto significa, directamente, que los sitios web para móviles tienen un alcance más amplio. Por consiguiente, el desarrollo web móvil no sólo ahorra tiempo y costes de desarrollo, sino que además proporciona una alternativa ajustada en costes y tiempo también en lo que se refiere a mantenimiento. Y ser independiente de las tiendas de aplicaciones te permite ofrecer cualquier contenido que quieras rápidamente y sin necesidad de suscribir las políticas de un tienda de aplicaciones.
No obstante, existen deficiencias. Las tecnologías web luchan por igualar el nivel de integración en plataforma y el acceso directo a funciones de hardware que ofrece el desar- rollo de aplicaciones nativas. Aún más, el rendimiento de las tecnologías web es altamente dependiente de la conectividad, grandes sites como Facebook y LinkedIn tienen dificultades para bregar con las limitaciones de memoria, y hay un defi- ciencia de herramientas de desarrollo en comparación a las disponibles para desarrollo de aplicaciones nativas.
La monetización de sitios móviles puede resultar difícil, ya que los usuarios esperan tener acceso a las webs de forma gratuita. La herramienta más común para su monetización es la integración de publicidad. Las soluciones de pago para los
Sitios Móviles y Tecnologías Web 131
sitios móviles se encuentran todavía en sus primeras etapas y tienden a ser bastante complejas de implementar. Los actuales instrumentos de monetización de las tiendas de aplicaciones ofrecen, por el contrario, una fácil instalación y un alto nivel de seguridad para el usuario final.
Si la monetización es uno de los requisitos clave, una estrategia híbrida o de aplicación web podría resultar una buena opción de compromiso. En este caso, el desafío clave es combinar las capacidades únicas de tecnologías nativas y web para crear un producto verdaderamente fácil de usar. En el capítulo sobre el tema multiplataforma de este libro encontrarás una lista de los frameworks disponibles para crear aplicaciones híbridas.
Por principio, los usuarios no deberían sufrir la frustración y la decepción de ser redirigidos a un sitio web que nunca termina de cargarse, exige una elevada transmisión de datos o simplemente no funciona. Por el contrario, en el peor escenario posible el usuario debería ser redirigido a un sitio básico, pero que provea de contenido relevante. Antes de comenzar a desarrollar hay que tener en cuenta las capacidades de los dispositivos que utiliza tu audiencia, sus hábitos de navegación y sus planes de datos.
Desde la perspectiva de la experiencia de usuario, Google ofrece las 10 directrices más importantes para que pequeñas y medianas empresas consigan conversiones2:
— Be thumb friendly - diseña tu sitio de manera que incluso unas manos grandes puedan interactuar con él
— Design for visibility - asegúrate de que tu contenido pu- ede ser leído si el usuario extiende su brazo completamente
— Simplify navigation - navegación, jerarquía y scrolling vertical claros facilitan el acceso a la información
Sitios Móviles y Tecnologías Web 132
— Make it accessible - idealmente, tu sitio móvil debería funcionar en cualquier dispositivo y en ambas orientacio- nes, vertical y horizontal
— Make it easy to convert - destaca la información que te ayudará a conseguir conversiones
— Make it local - incluye funcionalidades que ayuden a la gente a encontrarte y contactarte
— Use mobile site redirects - da a los usuarios la opor- tunidad de utilizar el site desktop original, pero también facilita volver al site móvil
— Keep it quick - ayuda a los usuarios de móviles, diseña tu sitio para que cargue rápido y muestra el copy de manera que sea fácil hacer una lectura superficial
— Make it seamless - ofrece el mayor número de funcionali- dades de la versión completa como sea posible
— Learn, listen and iterate - los buenos sitios móviles están centrados en el usuario; es decir, han sido creados contando con el feedback de la audiencia
Google ya ha implementado cambios en su modelo de búsqueda móvil y ha anunciado que penalizará a los sitios que no sigan éstas recomendaciones. Echa un vistazo al site de desarrolladores de Google3 para estar al día de las novedades
respecto a cómo optimizar tu sitio móvil.
HTML5
La quinta versión del estándar HTML promete la reproducción de características anteriormente sólo disponibles con ayuda de tecnología propietaria. HTML5 es uno de los factores clave que hacen que los desarrolladores sopesen el desarrollo de sitios móviles y aplicaciones web en lugar de aplicaciones nativas.
Sitios Móviles y Tecnologías Web 133
El look-and-feel similar al de aplicaciones compiladas con un único código base para una serie de dispositivos populares, la capacidad de acceder a hardware de dispositivos tales como la cámara y el micrófono, el almacenamiento de datos en los dispositivos para utilizar sitios móviles sin conexión y la optimización de la página web según en el tamaño de pantalla, hacen de HTML5 una atractiva alternativa para el desarrollo de aplicaciones nativas.
Pero HTML5 depende del navegador y es exactamente ése apoyo el que escasea actualmente. Sólo el 60% de los usuarios de Internet tienen navegadores que soporten más del 50% de las características actuales de HTML54. El ex-CTO de Facebook
Brent Taylor describe la situación de la siguiente manera: ‘Hay una desenfrenada fragmentación de la tecnología en los navegadores móviles, por lo que los desarrolladores no saben qué parte de HTML5 pueden utilizar. HTML5 es promovido como un estándar único, pero viene en diferentes versiones para cada dispositivo móvil. Cuestiones tales como la aceleración de hardware y la gestión de derechos digitales se implementan de manera inconsistente. Eso hace que sea difícil para los desarrol- ladores escribir software que funcione en muchas plataformas diferentes y llegue a un público amplio’.
Recientemente, LinkedIn cambió sus aplicaciones web por un paquete de aplicaciones nativas. Kiran Prasad, el director de ingeniería móvil de LinkedIn, decidió construir tanto un site en HTML5 como aplicaciones nativas. Su razonamiento es que HTML5 ya es relevante para el negocio, pero no está soportado como debería por el ecosistema: 'There are tools, but they are at the beginning. People are just figuring out the basics.'5.
Para más información acerca de la compatibilidad con
4 gs.statcounter.com/
Sitios Móviles y Tecnologías Web 134
navegadores, visita el site HTML5Test online6. Dicho website
ofrece tanto una introducción como un análisis profundo a las características de HTML5 según su soporte por los diferentes navegadores web. Facebook también ha lanzado ringmark7,
que pone a prueba los navegadores web en 3 anillos, o niveles de soporte de características de HTML5, lo cual ayuda a los desarrolladores a comprobar rápidamente el nivel de soporte de múltipes navegadores web móviles (y desktop).
Resumiendo: Casi todo el mundo en el negocio móvil está de acuerdo en que HTML5 tendrá éxito a largo plazo. ABI Research estima que los dispositivos móviles compatibles con HTML5 existentes en el mundo serán 1.400 millones a finales del 2013.8. Los sistemas operativos incrementarán gradualmente
el soporte a HTML5 y los navegadores web incrementarán la velocidad de su adopción. Las plataformas de código abierto, tales como Firefox OS, Sailfish y Ubuntu deberían favorecer di- cha adopción. Además, el Worldwide Web Consortium (W3C) ha declarado finalmente a HTML5 como completo en funcionalidad y prevé que HTML5 sea un estándar oficial web para el 20149.
El informe Developer Economics 201410 ya identifica HTML5
como la tercera plataforma más popular (tras iOS y Android, por supuesto), con un 52% de capacidad de permanencia en la mente del consumidor.
6 html5test.com/results/mobile.html 7 rng.io/ 8 www.abiresearch.com/press/14-billion-html5-capable-mobile-devices-in- 2013-bu 9 www.w3.org/ 10 DeveloperEconomics.com
Sitios Móviles y Tecnologías Web 135