28/08/2013

Características de las aplicaciones de Facebook en dispositivos móviles

Características de las aplicaciones de Facebook en dispositivos móviles

Las aplicaciones para Facebook pueden agregar un importante valor a nuestra fanpage en esta red social. Pero para que una aplicación tenga éxito, debe desarrollarse con especial atención en la experiencia que brindará a los usuarios de dispositivos móviles, un sector en crecimiento sostenido. La versión móvil de Facebook no es una simple presentación reducida en tamaño de la versión de escritorio, sino que posee características muy particulares:

  • Fanpages sin pestañas. Cuando utilizamos Facebook desde un dispositivo de escritorio, las fanpages presentan un menú de pestañas que nos permite navegar por sus diferentes secciones internas. Como las aplicaciones se alojan en estas pestañas, resultan inaccesibles desde la versión móvil de una fanpage, a menos que publiquemos enlaces hacia ellas en el Muro.
  • Enlaces especiales. Pero hay un problema con enlazar a la aplicación desde el Muro: este tipo de enlaces sólo funciona en dispositivos de escritorio y no en los móviles, donde obtendremos un error 404. Una posible solución es usar URL inteligentes, que detecten qué tipo de dispositivo se está usando y nos conduzcan a la versión correcta. TabSite y otros desarrollos permiten implementar este mecanismo.
  • Sistemas operativos. No solo hay diferencias entre desktop y mobile, sino también entre los distintos sistemas operativos presentes en el segundo grupo. Las interfaces de las aplicaciones de Facebook instaladas por defecto en Android e iOS son diferentes. Por ejemplo, el espacio que ocupa cada barra de herramientas en la pantalla alterará la visualización de nuestra app.
  • Móvil no es escritorio. La mayoría de las consideraciones que deben hacerse al desarrollar un sitio web son válidas para las aplicaciones de Facebook. En dispositivos móviles, el tamaño es menor, los botones deben ser grandes para contener el diámetro del dedo y no existe la acción de «pasar el mouse» sobre un sector de la pantalla para causar un efecto determinado.

Tener en cuenta estos aspectos antes de iniciar el  desarrollo de la aplicación puede evitar que los usuarios de smartphones suscriptos a nuestra fanpage nos abandonen.

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