Diseño de Web para Móvil

En este blog de diseño, ya hemos hablado alguna vez de las Web para Móviles .

En este post quiero tratar dos aspectos muy importantes a mi parecer. El imparable crecimiento de usuarios de Internet a través de su móvil y la necesidad de tener páginas web para móviles especialmente adaptadas a estos dispositivos.

EL USO DE INTERNET MÓVIL

En 2008, un informe de Nielsen, ya mostraba como el crecimiento de usuarios web a través del móvil se estaba disparando. Dicho informe mostraba un sondeo realizado en 16 países, entre los cuales Estados Unidos destacaba sobre los demás con un 15.6% de cuota, seguido por Reino Unido con un 12.9%

España ha incrementado en un 30% el uso de Internet Móvil en el primer trimestre de 2009 con respecto al mismo trimestre de 2008. Esto supone ya más de 4.7 millones de usuarios de Internet Móvil en España y sobre todo refleja que es una tendencia creciente que también se está dando en el resto de Europa y Estados Unidos, con 31 y 49 millones de usuarios de Internet Móvil respectivamente.

El tiempo medio de conexión por internauta es de 12 minutos y las webs más vistas son en este orden, Google, MSN/Windows Live, Yahoo!, Telefónica, Terra, Facebook y Marca.com

Webs diseñadas para Móviles

AdslZone ha realizado un estudio sobre la velocidad media real del Internet móvil, prueba que se ha realizado en distintos lugares de España durante varios meses, los datos dicen mucho sobre la «calidad» de los servicios que recibimos…

Lo que está fuera de toda duda, es que pese al precio de los servicios, la calidad de estos, la falta de lugares con Wifi gratuito y demás, el uso del teléfono móvil para conectarse a Internet es una tendencia imparable y esto hace cada vez más necesario que aquellos que buscan una presencia en Internet para vender sus productos, tengan es cuenta este potencial.

PÁGINAS WEB PARA MÓVILES

Existen varias razones por las que una web ha de ser distinta cuando se consulta desde un móvil que cuando se hace desde un ordenador personal.

En el estudio de usabilidad realizado por Nielsen, la tasa de éxito fue del 59%, muy por debajo del 80% obtenida con PC’s.

Dentro de esta tasa de éxito, el resultado por tipo de terminal quedó así:

• Teléfono estándar, con pequeña pantalla y teclado numérico –> 38%
• Smartphones, tamaño medio de pantalla y teclado AZ –> 55%
• Teléfonos touch-screen, pantalla grande (tipo iPhone) –> 75%

Las diferencias entre tecnologías es muy considerable

Existen varios factores a tener en cuenta para entender la diferencia que debe de existir en una web para móvil.

La velocidad de conexión: Si habéis echado un vistazo a las velocidades que nos proporcionan las operadoras, veréis que están muy por debajo de lo que podemos conseguir desde el trabajo o desde casa. También podréis comprobar la enorme diferencia que existe entre navegar con uno u otro terminal y con uno u otro navegador.

La resolución de pantalla: Actualmente y seguramente pronto veremos cambios, los diseños web se hacen a unos 960 pixels de ancho. El tamaño apaisado de la pantalla de un iPhone es de 480px, es decir, usando una de las pantallas de mayor tamaño del mercado, nos estamos dejando de momento un 50% de la web escondida tras un scroll horizontal, eso en algunos casos, en otros, lo que ocurre es que la web se escala hasta ocupar el 100% de la pantalla, lo que hace ilegible el contenido.

Hacer scroll con un móvil que no permita el desplazamiento con el dedo o el uso de la lupa,  como en el iPhone o iPod Touch hace desistir el seguir navegando por alguna que otra web.

Intentar pulsar con el dedo un enlace escrito (en el caso de los touch) es mucho más complicado que el uso del ratón, los botones deben de cumplir unos mínimos para poder ser accionados también con comodidad.

Cualquier dispositivo pensado para llevarlo en un bolsillo, ha de tener necesariamente una pantalla más o menos pequeña.

Contenidos y consultas: Los usos del usuario de Internet a través de su móvil, son distintos a los que tiene cuando accede desde su casa o lugar de trabajo.

Por un lado existen muchos contratos abusivos de las operadoras que limitan la descarga de información, una vez superado el límite de descarga los precios se disparan, por lo que tenemos que navegar bien rápido y rezar para que el contenido no sea excesivamente pesado para su descarga.

También tenemos que tener en cuenta que la mayoría de las veces, el uso del móvil suele darse cuando tenemos la necesidad de hacer una consulta. Una buena prueba de esto lo podemos ver en una de las webs más visitadas, marca.com. Esta web desde hace un par de meses ha cambiado su contenido para móvil, haciendo una web más pequeña, con los titulares bien estructurados y con los contenidos más visibles para el usuario de móvil. Además siguiendo la tendencia de muchas otras, lo primero que nos presenta al entrar en su web, es la posibilidad de colocarnos un acceso directo en nuestro terminal, para no tener que teclear la dirección para acceder a ella.

marca.com para iPhone

La introducción de texto a través de un móvil es mucho más lenta que en un teclado, por lo que no tiene sentido que pidamos tantos datos en un cuestionario como en una web pensada para ser vista desde un PC.

Otro problema añadido es que muchos de estos dispositivos no aceptan video, flash o javascript, lo cual limita enormemente el acceso a la información.

Por todo esto, pienso que el diseño de páginas web para móviles, ha de estar dirigido a la consulta y no a la interactividad. Evidentemente según vayan avanzando los terminales, sistemas operativos y navegadores, podremos hacer más vistoso el acceso a esa información. En definitiva y os recuerdo que estamos hablando de web y no de juegos o aplicaciones, el diseño web para móviles ha de ser específico para estos terminales.

¿PARA QUÉ TELÉFONO DISEÑAR UNA PÁGINA WEB?

Como hemos podido ver en los resultados de éxito con los distintos tipos de terminal, la diferencia de uso entre un móvil del tipo «estándar» y un touch-screen es abismal, además de la diferencia de uso, por lo general, la velocidad de acceso también es muy superior en los segundos.

Si echamos un vistazo a los diseños de los últimos terminales, es evidente que todos quieren seguir el camino abierto por el iPhone, con pantallas táctiles y que ocupan prácticamente el 100% del tamaño del terminal, yo diría que este es el futuro, pero todo depende de muchos factores, entre ellos conocer el target de nuestro cliente, no será lo mismo pensar en una web para móvil dirigida a jóvenes cuyos teléfonos seguramente serán en su mayoría del tipo estándar, que una web para móvil dirigida a ejecutivos, cuyos teléfonos no sólo serán los más vanguardistas, si no que además tendrán una tarifa plana pagada por la empresa…

En definitiva, como siempre, se trata de aplicar el sentido común. En cualquier caso no veo de momento una única solución o una única verdad, lo único que tengo claro, es que es esencial que aquellos sitios que quieran obtener beneficios de sus usuarios a través de Internet, tendrán que tener una web específicamente diseñada para móvil.

Si quieres tu página web para móvil consultanos. Páginas Web para Móviles. iPhone GLOOBS