{"id":61956,"date":"2017-06-13T08:00:01","date_gmt":"2017-06-13T12:00:01","guid":{"rendered":"http:\/\/www.tusclicks.cl\/blog\/?p=61956"},"modified":"2017-06-06T17:56:55","modified_gmt":"2017-06-06T21:56:55","slug":"diseno-paginas-web-celulares","status":"publish","type":"post","link":"https:\/\/tusclicks.com\/blog\/diseno-paginas-web-celulares\/","title":{"rendered":"Dise\u00f1o de p\u00e1ginas web para celulares"},"content":{"rendered":"

En noviembre de 2016\u00a0Google anuncio su Mobile-First (M\u00f3vil primero)<\/a>, un cambio al sistema de indexaci\u00f3n de web. Consiste en que los algoritmos de b\u00fasqueda le dar\u00e1n prioridad a la versi\u00f3n m\u00f3vil de un sitio para la clasificaci\u00f3n de los rankings de b\u00fasqueda. Esto, sumado a la creciente masificaci\u00f3n del uso del Smartphone, convirti\u00f3 el\u00a0dise\u00f1o web para celulares<\/strong>\u00a0<\/strong>en una tarea obligatoria para los negocios que no quieren perder presencia en la web y ver afectada su estrategia de marketing digital.<\/p>\n

Hay que decir que el\u00a0dise\u00f1o web para dispositivos m\u00f3viles<\/strong>\u00a0<\/strong>viene siendo implementado desde hace unos a\u00f1os, espec\u00edficamente desde que el Smartphone empez\u00f3 a cobrar importancia como equipo para la navegaci\u00f3n en Internet. Y este trabajo ha permitido definir las mejores pr\u00e1cticas para dise\u00f1ar pensando en que la experiencia del usuario sea \u00f3ptima, objetivo fundamental de una versi\u00f3n m\u00f3vil. Con\u00f3celas:<\/p>\n

Simplifica la navegaci\u00f3n<\/h3>\n

El\u00a0dise\u00f1o web para Smartphone<\/strong>\u00a0<\/strong>tiene que basarse en el minimalismo, especialmente en lo que respecta al men\u00fa de navegaci\u00f3n. Recuerda que las pantallas de los dispositivos m\u00f3viles no son muy grandes. El exceso de botones puede generar clics err\u00f3neos que lleven a los usuarios a p\u00e1ginas que no desean visitar, convirtiendo as\u00ed su visita al sitio en una experiencia frustrante.<\/p>\n

Simplifica al m\u00e1ximo los men\u00fas de navegaci\u00f3n y reduce el proceso a las p\u00e1ginas esenciales para una \u00f3ptima experiencia de usuario.<\/p>\n

Optimiza la velocidad de carga<\/h3>\n

Otro aspecto que debes tener en cuenta a la hora de trabajar en dise\u00f1o web para celulares es la\u00a0velocidad de carga del sitio<\/a>. Los dispositivos m\u00f3viles no cuentan con la misma potencia de un equipo de escritorio y las conexiones WiFi suelen ser inestables. Por eso, entre m\u00e1s r\u00e1pido cargue la p\u00e1gina mejor ser\u00e1 la experiencia para el usuario.<\/p>\n

Depura el c\u00f3digo al m\u00e1ximo, evita el uso excesivo de im\u00e1genes y anula de las diferentes p\u00e1ginas todos los eventos y elementos que no resulten relevantes para el visitante.<\/p>\n

Visibiliza tus llamadas a la acci\u00f3n (CTA)<\/h3>\n

Seguramente, en tu web m\u00f3vil albergas ciertas acciones que deseas que tus visitantes ejecuten por encima de otras. Por lo tanto, debes colocarlas en un sito de f\u00e1cil visualizaci\u00f3n. Puedes hacerlo en la parte superior de la pantalla, tendiendo hacia el lado izquierdo que es el lugar donde la gente generalmente enfoca la visi\u00f3n (leemos en este sentido). Adicionalmente, agrega un tama\u00f1o, color y tipo de fuente diferente, siguiendo los\u00a0principios para la creaci\u00f3n de CTA<\/a>.<\/p>\n

No olvides el CTA Click-to-Call<\/h3>\n

Las\u00a0b\u00fasquedas desde dispositivos m\u00f3viles tienen una alta intenci\u00f3n de compra<\/a>. Aprovecha esa situaci\u00f3n haci\u00e9ndole la vida m\u00e1s f\u00e1cil al prospecto. Ubica un bot\u00f3n de llamada claramente visible en tu versi\u00f3n m\u00f3vil para que tus clientes se comuniquen instant\u00e1neamente con la empresa.<\/p>\n

Ten presente que aun cuando la llamada no sea para comprar, est\u00e1s optimizando el servicio al cliente, tarea fundamental para el crecimiento de cualquier negocio.<\/p>\n

Textos cortos<\/h3>\n

\u00bfQui\u00e9n desea leer un art\u00edculo de 3000 palabras en una pantalla peque\u00f1a? Probablemente muy poca gente. El dise\u00f1o web para Smartphone debe tener presente este punto y definir espacios cortos para las publicaciones escritas. Recuerda que en las versiones m\u00f3viles tiene mejor rendimiento el contenido gr\u00e1fico y audiovisual.<\/p>\n

Potencia el uso del scroll web<\/h3>\n

Los usuarios de dispositivos m\u00f3viles no quieren hacer cientos de clics para saltar de un contenido a otro. Es inc\u00f3modo y seguramente eres consciente de ello. Utiliza para tu beneficio el desplazamiento hacia abajo. Que el visitante solo tenga que deslizar el dedo sobre la pantalla para navegar por el sitio.<\/p>\n

De otra parte, la principal ventaja de utilizar esta t\u00e9cnica es que tienes el control de la historia que cuentas. Es decir, llevas al visitante por el contenido en el orden en que a ti te gustar\u00eda que lo consumiera.<\/p>\n

Construye formularios breves<\/h3>\n

Todo negocio en la web requiere captar los datos de sus prospectos. Sin embargo, llenar un extenso formulario a trav\u00e9s de un diminuto teclado t\u00e1ctil puede ser una tarea engorrosa que muchos abandonar\u00e1n, a menos de que a cambio entregues una oferta imposible de rechazar.<\/p>\n

Reduce al m\u00ednimo el n\u00famero de campos que un cliente potencial debe llenar. Con el nombre, el correo electr\u00f3nico y el n\u00famero de tel\u00e9fono puede ser m\u00e1s que suficiente.<\/p>\n

Como en cualquier tarea relacionada con el marketing digital, en el dise\u00f1o web para dispositivos m\u00f3viles prima la experiencia del usuario. Piensa en todas esas cosas que te incomodan al navegar desde tu celular y elim\u00ednalas de tus sitios. El dise\u00f1o minimalista y la reducci\u00f3n de procesos complejos tienen que ser la base sobre la que operas.<\/p>\n

Aunque la creaci\u00f3n de versiones m\u00f3viles es saludable para cualquier negocio, resulta m\u00e1s recomendable un dise\u00f1o Responsive, es decir aquel en el que una misma direcci\u00f3n de URL adapta su estructura y contenido al tama\u00f1o de pantalla desde la que lo acceden. Beneficia el SEO y ahorra mucho tiempo, trabajo y recursos.<\/p>\n","protected":false},"excerpt":{"rendered":"

En noviembre de 2016 Google anuncio su Mobile-First (M\u00f3vil primero), un cambio al sistema de indexaci\u00f3n de web. <\/p>\n","protected":false},"author":1,"featured_media":61957,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[38],"tags":[756,758,757],"yoast_head":"\nDise\u00f1o web para celulares | Dise\u00f1o web para Smartphone | Dise\u00f1o web para dispositivos m\u00f3viles<\/title>\n<meta name=\"description\" content=\"En noviembre de 2016 Google anuncio su Mobile-First (M\u00f3vil primero), un cambio al sistema de indexaci\u00f3n de web.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/tusclicks.com\/blog\/diseno-paginas-web-celulares\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Dise\u00f1o web para celulares | Dise\u00f1o web para Smartphone | Dise\u00f1o web para dispositivos m\u00f3viles\" \/>\n<meta property=\"og:description\" content=\"En noviembre de 2016 Google anuncio su Mobile-First (M\u00f3vil primero), un cambio al sistema de indexaci\u00f3n de web.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tusclicks.com\/blog\/diseno-paginas-web-celulares\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog TusClicks: Posicionamiento web en Google, AdWords y publicidad en Internet.\" \/>\n<meta property=\"article:published_time\" content=\"2017-06-13T12:00:01+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-06-06T21:56:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/tusclicks.com\/blog\/wp-content\/uploads\/2017\/06\/Diseno-de-paginas-web-para-celulares.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"300\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Patricio\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Patricio\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/tusclicks.com\/blog\/diseno-paginas-web-celulares\/\",\"url\":\"https:\/\/tusclicks.com\/blog\/diseno-paginas-web-celulares\/\",\"name\":\"Dise\u00f1o web para celulares | Dise\u00f1o web para Smartphone | Dise\u00f1o web para dispositivos m\u00f3viles\",\"isPartOf\":{\"@id\":\"https:\/\/tusclicks.com\/blog\/#website\"},\"datePublished\":\"2017-06-13T12:00:01+00:00\",\"dateModified\":\"2017-06-06T21:56:55+00:00\",\"author\":{\"@id\":\"https:\/\/tusclicks.com\/blog\/#\/schema\/person\/72d67b4aee88b3fd493f67b72ab0cc1f\"},\"description\":\"En noviembre de 2016 Google anuncio su Mobile-First (M\u00f3vil primero), un cambio al sistema de indexaci\u00f3n de web.\",\"breadcrumb\":{\"@id\":\"https:\/\/tusclicks.com\/blog\/diseno-paginas-web-celulares\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tusclicks.com\/blog\/diseno-paginas-web-celulares\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tusclicks.com\/blog\/diseno-paginas-web-celulares\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/tusclicks.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Dise\u00f1o de p\u00e1ginas web para celulares\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/tusclicks.com\/blog\/#website\",\"url\":\"https:\/\/tusclicks.com\/blog\/\",\"name\":\"Blog TusClicks: Posicionamiento web en Google, AdWords y publicidad en Internet.\",\"description\":\"Tusclicks Blog \/ Posicionamiento web \/ Mejoras P\u00e1ginas Web \/ Marketing Internet\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/tusclicks.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/tusclicks.com\/blog\/#\/schema\/person\/72d67b4aee88b3fd493f67b72ab0cc1f\",\"name\":\"Patricio\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/tusclicks.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/e21c9bb0dfa22d984a98e678dd1a7656?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/e21c9bb0dfa22d984a98e678dd1a7656?s=96&d=mm&r=g\",\"caption\":\"Patricio\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Dise\u00f1o web para celulares | Dise\u00f1o web para Smartphone | Dise\u00f1o web para dispositivos m\u00f3viles","description":"En noviembre de 2016 Google anuncio su Mobile-First (M\u00f3vil primero), un cambio al sistema de indexaci\u00f3n de web.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/tusclicks.com\/blog\/diseno-paginas-web-celulares\/","og_locale":"es_ES","og_type":"article","og_title":"Dise\u00f1o web para celulares | Dise\u00f1o web para Smartphone | Dise\u00f1o web para dispositivos m\u00f3viles","og_description":"En noviembre de 2016 Google anuncio su Mobile-First (M\u00f3vil primero), un cambio al sistema de indexaci\u00f3n de web.","og_url":"https:\/\/tusclicks.com\/blog\/diseno-paginas-web-celulares\/","og_site_name":"Blog TusClicks: Posicionamiento web en Google, AdWords y publicidad en Internet.","article_published_time":"2017-06-13T12:00:01+00:00","article_modified_time":"2017-06-06T21:56:55+00:00","og_image":[{"width":900,"height":300,"url":"https:\/\/tusclicks.com\/blog\/wp-content\/uploads\/2017\/06\/Diseno-de-paginas-web-para-celulares.jpg","type":"image\/jpeg"}],"author":"Patricio","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Patricio","Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tusclicks.com\/blog\/diseno-paginas-web-celulares\/","url":"https:\/\/tusclicks.com\/blog\/diseno-paginas-web-celulares\/","name":"Dise\u00f1o web para celulares | Dise\u00f1o web para Smartphone | Dise\u00f1o web para dispositivos m\u00f3viles","isPartOf":{"@id":"https:\/\/tusclicks.com\/blog\/#website"},"datePublished":"2017-06-13T12:00:01+00:00","dateModified":"2017-06-06T21:56:55+00:00","author":{"@id":"https:\/\/tusclicks.com\/blog\/#\/schema\/person\/72d67b4aee88b3fd493f67b72ab0cc1f"},"description":"En noviembre de 2016 Google anuncio su Mobile-First (M\u00f3vil primero), un cambio al sistema de indexaci\u00f3n de web.","breadcrumb":{"@id":"https:\/\/tusclicks.com\/blog\/diseno-paginas-web-celulares\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tusclicks.com\/blog\/diseno-paginas-web-celulares\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/tusclicks.com\/blog\/diseno-paginas-web-celulares\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/tusclicks.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Dise\u00f1o de p\u00e1ginas web para celulares"}]},{"@type":"WebSite","@id":"https:\/\/tusclicks.com\/blog\/#website","url":"https:\/\/tusclicks.com\/blog\/","name":"Blog TusClicks: Posicionamiento web en Google, AdWords y publicidad en Internet.","description":"Tusclicks Blog \/ Posicionamiento web \/ Mejoras P\u00e1ginas Web \/ Marketing Internet","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/tusclicks.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/tusclicks.com\/blog\/#\/schema\/person\/72d67b4aee88b3fd493f67b72ab0cc1f","name":"Patricio","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/tusclicks.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/e21c9bb0dfa22d984a98e678dd1a7656?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e21c9bb0dfa22d984a98e678dd1a7656?s=96&d=mm&r=g","caption":"Patricio"}}]}},"_links":{"self":[{"href":"https:\/\/tusclicks.com\/blog\/wp-json\/wp\/v2\/posts\/61956"}],"collection":[{"href":"https:\/\/tusclicks.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tusclicks.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tusclicks.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tusclicks.com\/blog\/wp-json\/wp\/v2\/comments?post=61956"}],"version-history":[{"count":0,"href":"https:\/\/tusclicks.com\/blog\/wp-json\/wp\/v2\/posts\/61956\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tusclicks.com\/blog\/wp-json\/wp\/v2\/media\/61957"}],"wp:attachment":[{"href":"https:\/\/tusclicks.com\/blog\/wp-json\/wp\/v2\/media?parent=61956"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tusclicks.com\/blog\/wp-json\/wp\/v2\/categories?post=61956"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tusclicks.com\/blog\/wp-json\/wp\/v2\/tags?post=61956"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}