{"id":1137,"date":"2013-10-25T16:03:27","date_gmt":"2013-10-25T21:03:27","guid":{"rendered":"http:\/\/blogs.vanguardia.com\/corporacion-colombia-digital\/?p=1137"},"modified":"2013-10-25T16:03:27","modified_gmt":"2013-10-25T21:03:27","slug":"la-tendencia-son-los-moviles","status":"publish","type":"post","link":"https:\/\/blogs.vanguardia.com\/corporacion-colombia-digital\/diseno-web\/1137-la-tendencia-son-los-moviles","title":{"rendered":"La tendencia son los m\u00f3viles"},"content":{"rendered":"<p>Como usuario no existe algo m\u00e1s molesto que ingresar a una p\u00e1gina web desde el celular y encontrarse con que toda la informaci\u00f3n pareciera estar desordenada, nada parecido a lo que seguramente hemos visto en el mismo sitio cuando navegamos desde un computador.<!--more--><\/p>\n<p>Generalmente debemos hacer \u201czoom\u201d, un acercamiento prolongado para leer el contenido que est\u00e1 publicado o para dar \u201cclic\u201d en alg\u00fan enlace. Por otra parte la navegaci\u00f3n es lenta y termina por cansar o desesperarnos debido a que el dise\u00f1o, que puede ser ligero para un PC, termina siendo demasiado pesado cuando se trata desde un dispositivo m\u00f3vil.<\/p>\n<p>Como estas existen muchas otras razones por las cuales un usuario que reci\u00e9n ingresa a una p\u00e1gina web desde su celular o tableta no permanece mucho tiempo realizando la visita. Es por ello que las p\u00e1ginas online de todo tipo, tema y con cualquier fin est\u00e1n implementando cada vez m\u00e1s la pr\u00e1ctica de migrar sus plataformas y contenidos a los dispositivos m\u00f3viles, a fin de de mantener a los usuarios ya fidelizados y ganar nuevos.<\/p>\n<p><a href=\"http:\/\/blogs.vanguardia.com\/corporacion-colombia-digital\/files\/2013\/10\/responsive.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright size-medium wp-image-1138\" alt=\"responsive\" src=\"http:\/\/blogs.vanguardia.com\/corporacion-colombia-digital\/files\/2013\/10\/responsive-300x192.jpg\" width=\"300\" height=\"192\" srcset=\"https:\/\/blogs.vanguardia.com\/corporacion-colombia-digital\/files\/2013\/10\/responsive-300x192.jpg 300w, https:\/\/blogs.vanguardia.com\/corporacion-colombia-digital\/files\/2013\/10\/responsive.jpg 517w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>En la actualidad existe un alto porcentaje de usuarios que se conectan a Internet desde sus smartphone o tabletas, en un\u00a06.3% han aumentado las visitas a Web desde <a href=\"http:\/\/www.colombiadigital.net\/actualidad\/internacional\/item\/5507-que-tanto-ha-aumentado-el-trafico-desde-moviles.html\" target=\"_blank\">dispositivos m\u00f3viles<\/a> entre 2012 y 2013,\u00a0por ello la necesidad de pensar en mejores pr\u00e1cticas de modo que el internauta tenga la seguridad de que en cualquier momento y lugar puede acceder a nuestros contenidos de manera r\u00e1pida y sencilla.<\/p>\n<p>Pero migrar a lo m\u00f3vil no significa solo crear una versi\u00f3n para estas plataformas y ponerla a andar; ello implica otros factores como asegurar que se adapte a todos los dispositivos (partiendo de que no todos son iguales), a esto se le conoce como <a href=\"http:\/\/www.colombiadigital.net\/actualidad\/internacional\/item\/5604-como-ha-crecido-el-diseno-responsivo.html\" target=\"_blank\">dise\u00f1o responsivo<\/a>, igualmente se debe pensar en que la plataforma sea r\u00e1pida y tenga un dise\u00f1o que facilite la navegaci\u00f3n, considerar el contenido y la forma en que se presentar\u00e1n, ya que no es lo mismo leer en un PC que en un celular.<\/p>\n<p>Cabe aclarar que no se trata de una adaptaci\u00f3n simple, sino de un dise\u00f1o dedicado a estos dispositivos, que requiere de una maquetaci\u00f3n, dise\u00f1o gr\u00e1fico y ajustes en programaci\u00f3n para que al ingresar a la p\u00e1gina web la experiencia de los usuarios sea lo mejor posible.<\/p>\n<p>Pero antes de hacer todo este proceso es importante pensar como usuario, realizar un test de usabilidad a fin de conocer qu\u00e9 es lo que m\u00e1s se le dificulta a nuestros internautas cuando navegan el sitio, esto permitir\u00e1 conocer cu\u00e1les son las debilidades y dificultades. Otra mejor pr\u00e1ctica es visitar otros sitios que cuenten con una versi\u00f3n m\u00f3vil y tomarse el tiempo de navegarlo para identificar las ventajas, sacar provecho de ese ejemplo o definitivamente descartar ciertas acciones.<\/p>\n<p>La navegaci\u00f3n desde dispositivos m\u00f3viles est\u00e1 tomando cada vez m\u00e1s fuerza, lo que significa una mayor demanda y por consiguiente, la necesidad de brindar un mejor servicio. No se quede atr\u00e1s en el desarrollo de una versi\u00f3n de su sitio web que est\u00e9 dirigido a los usuarios que ingresan desde smartphones o tabletas, ya que esto le permitir\u00e1 ganar el terreno, que otros ni siquiera han pensado.<\/p>\n<p>A continuaci\u00f3n les dejo algunos consejos que le pueden ser de gran ayuda a la hora de planear la versi\u00f3n m\u00f3vil de su p\u00e1gina web:<\/p>\n<p>1. Tener en cuenta las resoluciones de pantalla<\/p>\n<p>2. Considerar las mejores condiciones de usabilidad como navegaci\u00f3n vertical o scrolling en una sola direcci\u00f3n<\/p>\n<p>3. Menos puede ser m\u00e1s: evitar dise\u00f1os complejos que hagan complicada la navegaci\u00f3n<\/p>\n<p>4. No sobre cargar de im\u00e1genes ya que hacen lenta la navegaci\u00f3n<\/p>\n<p>5. Considerar el tama\u00f1o del texto y resoluci\u00f3n de los videos<\/p>\n<p>6. Evitar por completo las ventanas emergentes<\/p>\n<p>7. Considerar que algunos dispositivos no son compatibles con JavaScripts por lo que no se pueden ejecutar algunas cosas<\/p>\n<p style=\"text-align: right\"><em>\u00a0*Imagen tomada de Getty Images<\/em><\/p>\n<p><strong>Cristhian Herrera<\/strong><br \/>\n<strong>Comunicador Social &#8211; Community Manager<\/strong><br \/>\n<strong><a href=\"http:\/\/www.colombiadigital.net\/\" target=\"_blank\">Colombia Digital<\/a><\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Como usuario no existe algo m\u00e1s molesto que ingresar a una p\u00e1gina web desde el celular y encontrarse con que toda la informaci\u00f3n pareciera estar desordenada, nada parecido a lo que seguramente hemos visto en el mismo sitio cuando navegamos desde un computador.<\/p><p><a class=\"more-link btn\" href=\"https:\/\/blogs.vanguardia.com\/corporacion-colombia-digital\/diseno-web\/1137-la-tendencia-son-los-moviles\">Seguir leyendo<\/a><\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"jetpack_post_was_ever_published":false,"footnotes":""},"categories":[454],"tags":[486,516,405,517,445,519,518],"class_list":["post-1137","post","type-post","status-publish","format-standard","hentry","category-diseno-web","tag-cultura-digital","tag-diseno-responsivo","tag-dispositivos-moviles","tag-plataformas-web","tag-smartphones","tag-tabletas","tag-tendencias-moviles","item-wrap"],"aioseo_notices":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p2uKmq-il","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/blogs.vanguardia.com\/corporacion-colombia-digital\/wp-json\/wp\/v2\/posts\/1137","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.vanguardia.com\/corporacion-colombia-digital\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.vanguardia.com\/corporacion-colombia-digital\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.vanguardia.com\/corporacion-colombia-digital\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.vanguardia.com\/corporacion-colombia-digital\/wp-json\/wp\/v2\/comments?post=1137"}],"version-history":[{"count":2,"href":"https:\/\/blogs.vanguardia.com\/corporacion-colombia-digital\/wp-json\/wp\/v2\/posts\/1137\/revisions"}],"predecessor-version":[{"id":1140,"href":"https:\/\/blogs.vanguardia.com\/corporacion-colombia-digital\/wp-json\/wp\/v2\/posts\/1137\/revisions\/1140"}],"wp:attachment":[{"href":"https:\/\/blogs.vanguardia.com\/corporacion-colombia-digital\/wp-json\/wp\/v2\/media?parent=1137"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.vanguardia.com\/corporacion-colombia-digital\/wp-json\/wp\/v2\/categories?post=1137"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.vanguardia.com\/corporacion-colombia-digital\/wp-json\/wp\/v2\/tags?post=1137"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}