28/06/2012

Por qué desarrollar una versión móvil para nuestro sitio web

Por qué desarrollar una versión móvil para nuestro sitio web

Hace ya varios años que el acceso a Internet desde dispositivos móviles es un fenómeno en imparable crecimiento. De acuerdo con un informe de Cisco, durante 2011, en Argentina, el tráfico de datos por Internet móvil creció un 84% con respecto al año anterior. Si bien la mayor parte de este volumen de datos (2991 terabytes por mes) es atribuible a las laptops, el incremento es impulsado por el boom de los smartphones, que alcanzaron las 3,5 millones de unidades vendidas durante 2011, duplicando la cifra de 2010.

Esta diversificación de plataformas nos obliga a pensar en las muy distintas experiencias de usuario que pueden tener los visitantes de nuestro sitio web. Nuestros contenidos ¿se leen, se comprenden o disfrutan de igual manera en una computadora de escritorio, en un telèfono inteligente y en una tablet? Si durante la etapa de diseño no tuvimos en cuenta esta pregunta, lo màs probable es que no.

Que nuestro sitio pueda ser accedido desde un smartphone no quiere decir que se vea bien. Debemos desarrollar una versión para móviles que comprenda las particularidades de esta plataforma. Es importante ofrecer solo los elementos de navegación esenciales: las pantallas de los teléfonos son pequeñas y el espacio debe aprovecharse bien, un ejemplo es que el área cliqueable de un dedo es de 44 x 44 pixeles. Puede ser conveniente ofrecer accesos rápidos a través de las teclas del teléfono. Quien acceda desde un teléfono táctil agradecerá que los botones sean bastante grandes, como para contener el diámetro del dedo, y estén bien separados; de lo contrario, correrá el riesgo de tocar botones equivocados. Las URL (direcciones web) deben ser cortas, ya que tipear en un teléfono suele ser dificultoso. Por último, el tamaño de las páginas ha de ser moderado. Deben poder mostrarse completas con pocos desplazamientos, ya que un tamaño grande resultará en un gran desgaste de la memoria del dispositivo, ralentizando la navegación.

Diseñar una versión móvil eficiente de nuestro sitio web es indispensable para captar a un público cada vez más numeroso: el de los usuarios que utilizan Internet fuera del hogar y de la oficina.

0

angularjs Aplicaciones en Facebook aplicaciones mobile behavioral targeting Botones Call-to-action breadcrumbs breadcrumbs web búsqueda de personal búsqueda facetada Call-to-action buttons Client-side cliente-destacado cms a medida coding comercio electrónico content marketing CSS3 PIE cuanto debe pesar un sitio data-driven web design Datos estructurados Defacement Denegación de servicio Desarrollar una aplicación web desventajas de PhoneGap diseñar newsletters diseño web diseño web argentina diseño web esqueuomórfico Diseño web responsive Diseño web responsivo diseño web santa fe diseño web Smart TV diseño web televisores DOM desde PHP enlaces rotos filtros de búsqueda flash flat web design formularios sitio web fragmentos enriquecidos función de autocompletar futuro de la realidad aumentada html HTML5 html5shiv inbound marketing Initializr interfaces Web para televisores javascript jobs jQuery Mobile Mapbox maquetado html/css maquetador web masonry layout menú de navegación menú desplegable Metodologías ágiles Modernizr MVC Navegación por teclado oferta laboral OpenStreetMap paginas de Facebook Paper js Paper js framework personas Phishing plan de QA Polyfills polymer portfolio-destacados portfolio-inicio programacion de CMS Programadores WordPress página de contacto página de error 404 que es Backbone.js Realidad aumentada Resultados instantáneos server-side skeuomorphic design sliders y usabilidad soporte Internet Explorer Storytelling Underscores usabilidad usabilidad buscadores user-centered design ux velocidad de carga web Vendor prefixes ventajas jQuery Mobile Ventanas integradas versiones antiguas de Internet Explorer WAI-ARIA web components web imprimible Web Semántica WordPress para ecommerce