09/01/2013

Web Móvil: nuevos dispositivos, nuevos desafíos

Web Móvil: nuevos dispositivos, nuevos desafíos

No es novedad que cada vez más personas utilizan Internet desde dispositivos móviles. Si hablamos de hábitos de navegación por la Web, los celulares y las tablets todavía están lejos de desbancar a las computadoras de escritorio. Pero su avance es veloz e imparable, y merece ser considerado por cualquier emprendedor que pretenda desarrollar un proyecto en línea. Esto no quiere decir que los dispositivos de escritorio vayan a desaparecer, pero sí que muchas de sus prestaciones están siendo complementadas o incluso reemplazadas por unidades de menor tamaño (en el último caso, podemos mencionar la consulta de emails o el uso de redes sociales). No desarrollar una versión móvil de nuestro sitio web es, por lo tanto, hacernos invisibles para esos nuevos internautas.

¿Qué características debe tener un sitio web desarrollado para móviles? El W3C brinda algunas sugerencias:

  • El sitio web debe ser universal: un mismo documento debe adaptarse automáticamente al dispositivo desde el cual se lo visualiza. Sin embargo, hay que tener en cuenta que las condiciones de hardware varían entre los distintos modelos. Además, las conexiones desde móviles pueden ser muy lentas. Hay que economizar el uso de la red.
  • Nunca hay que perder de vista los estándares oficiales. Solo así nos aseguraremos de presentar los documentos en una codificación y un formato compatibles con el dispositivo del usuario. Y al utilizar un lenguaje de marcas, debemos respetar la gramática sugerida.
  • Los colores merecen un cuidado especial. Algunos dispositivos no soportan ciertos colores y pueden tener pantallas de bajo contraste.
  • Ingresar datos en un teléfono puede ser muy engorroso. Hay que evitar cuanto sea posible el uso del teclado, y priorizar métodos de entrada intuitivos basados en activaciones táctiles.

El desarrollo de la Web Móvil depende, en buena medida, de cómo se adapten los diseñadores a los hábitos que imponen los dispositivos de bolsillo. Mientras menos tiempo se tarde en asimilar las directivas oficiales, más rápido se liberará el potencial de la Web Móvil.

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