{"id":6203,"date":"2017-01-25T08:12:10","date_gmt":"2017-01-25T07:12:10","guid":{"rendered":"https:\/\/www.4webs.es\/blog\/?p=6203"},"modified":"2017-01-25T23:18:56","modified_gmt":"2017-01-25T22:18:56","slug":"tendencias-diseno-web-mobile-first-para-2017","status":"publish","type":"post","link":"https:\/\/www.4webs.es\/blog\/tendencias-diseno-web-mobile-first-para-2017","title":{"rendered":"Tendencias dise\u00f1o web, Mobile First para 2017"},"content":{"rendered":"<div class=\"row\"><div class=\"col-md-11 content-article\"><p>Entre los cambios que se han ido haciendo recientemente en los algoritmos de Google est\u00e1n los necesarios para dar <strong>prioridad a los resultados de b\u00fasqueda de p\u00e1ginas que sean \u201cResponsive\u201d,<\/strong> es decir, que est\u00e9n <strong>adaptadas a los dispositivos m\u00f3viles.<\/strong><\/p>\n<p>El motivo de estos cambios es que <strong>el <a href=\"https:\/\/www.4webs.es\/blog\/estudio-ecommerce-mobile-2016\">tr\u00e1fico de navegaci\u00f3n web<\/a> cada vez se realiza, en primer lugar, a trav\u00e9s de los smartphones,<\/strong> pasando la llamada navegaci\u00f3n de escritorio a un segundo plano. La mayor parte de los usuarios utilizan el tel\u00e9fono como se usaba en los \u00faltimos a\u00f1os el ordenador. Para <strong>navegar, comprar, reservar entradas<\/strong>, buscar todo tipo de informaci\u00f3n, jugar, comunicarse, y mucho m\u00e1s.<\/p>\n<h2>El concepto b\u00e1sico de Mobile First<\/h2>\n<p>La idea fundamental es <strong>comenzar por un dise\u00f1o que se adapte a los smartphones<\/strong>. En una segunda fase se van haciendo cambios, adaptaciones y agregando funcionalidades para el uso en PC. A esta t\u00e9cnica se la est\u00e1 denominando <a href=\"http:\/\/www.desarrolloweb.com\/articulos\/mobile-first-responsive.html\">Mobile First<\/a>.<\/p>\n<p>Los dise\u00f1adores est\u00e1n creando <strong>productos que tengan lo necesario para centrarse en el contenido que se ofrece y en la experiencia del usuario<\/strong>, y todo ello para su uso en tel\u00e9fonos inteligentes.<\/p>\n<p>En su origen, este concepto Mobile First se cre\u00f3 por el dise\u00f1ador <a href=\"http:\/\/www.lukew.com\/about\/\">Luke Wroblewski<\/a>,\u00a0<strong>partiendo de los cambios en la forma en que los usuarios navegan por Internet. <\/strong>Se trata, como vemos, de adaptar el dise\u00f1o de p\u00e1ginas webs a terminales m\u00f3viles en el comienzo, para despu\u00e9s adaptarlo a las pantallas de ordenador.<\/p>\n<h2>Objetivos de Mobile Fist<\/h2>\n<p>La finalidad que se persigue con esta nueva forma de hacer es <strong>llegar a un mayor n\u00famero de usuarios,<\/strong> y tambi\u00e9n centrar el contenido de los dise\u00f1os que se crean para que sean mucho m\u00e1s funcional.<\/p>\n<p>Hay que recordar que otro concepto que se ha estado utilizando \u00faltimamente es <a href=\"https:\/\/www.4webs.es\/blog\/disenar-una-pagina-web-mediante-responsive-web\">Web responsive<\/a>. En este caso <strong>la idea es la contraria de Mobile First<\/strong>. Es decir, en los dise\u00f1os web responsive, en primer lugar <strong>se desarrolla la versi\u00f3n de escritorio para ordenadores y despu\u00e9s se realizan las adaptaciones necesarias <\/strong>para que los contenidos se puedan visualizar en pantallas m\u00e1s reducidas.<\/p>\n<figure id=\"attachment_6208\" aria-describedby=\"caption-attachment-6208\" style=\"width: 854px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-6208\" src=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/01\/responsive-vs-mobile-first.jpg\" alt=\"\" width=\"854\" height=\"575\" srcset=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/01\/responsive-vs-mobile-first.jpg 854w, https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/01\/responsive-vs-mobile-first-300x202.jpg 300w, https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/01\/responsive-vs-mobile-first-624x420.jpg 624w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><figcaption id=\"caption-attachment-6208\" class=\"wp-caption-text\">Responsive Web VS Mobile First<\/figcaption><\/figure>\n<p>El objetivo de Web Responsive es la <strong>visualizaci\u00f3n eficaz de un mismo sitio web en diferentes dispositivos<\/strong>, sean ordenadores, tel\u00e9fonos inteligentes o tablets. Las im\u00e1genes contenidos son fluidas y se reduce el tiempo de generaci\u00f3n de los dise\u00f1os, evitando contenidos duplicados y optimizando recursos.<\/p>\n<h3>Coexistencia de ambas f\u00f3rmulas<\/h3>\n<p>Teniendo en cuenta lo anterior, <strong>\u00bfqu\u00e9 debemos elegir, Mobile First o Web Responsive?<\/strong> El debate existente se basa, entre otras cosas, en <strong>el tama\u00f1o de pantalla<\/strong> que se considera ideal para la adaptaci\u00f3n de los contenidos.<\/p>\n<p>Son <strong>dos tipos diferentes de argumentaci\u00f3n. <\/strong>La que se basa en <strong>el dispositivo, la rapidez de uso y la funcionalidad del concepto \u201cmobile\u201d,<\/strong> referida al acceso a contenidos e informaci\u00f3n, y por otra parte <strong>la importancia de la pantalla <\/strong>y su tama\u00f1o. \u00bfCentrar nuestra atenci\u00f3n en los dispositivos o en las pantallas? Incluso aplicaciones de mensajer\u00eda instant\u00e1nea que todos utilizamos, como es el caso de WhatsApp est\u00e1n desarrollando sus aplicaciones para pantallas grandes.<\/p>\n<p>En cualquier caso, la realidad se impone. Y los datos que indican el cambio de usuarios en cuanto a la forma de acceder a Internet, son cada vez m\u00e1s contundentes. <strong>El concepto \u201cmobile\u201d parece imparable<\/strong>. Los m\u00f3viles est\u00e1n presentes en la vida de todos y de cada uno de nosotros; y es algo que debemos tener en cuenta.<\/p>\n<h4>La optimizaci\u00f3n del dise\u00f1o<\/h4>\n<p><strong>Mobile first es una tendencia actual de dise\u00f1os, <\/strong>que se aplica para la creaci\u00f3n de aplicaciones y de p\u00e1ginas. Todo ello orientado a mejorar la experiencia de dise\u00f1o en los m\u00f3viles.<\/p>\n<p>Esta tendencia se dirige <strong>a conseguir que el sitio web que se quiere mostrar, o los productos o servicios que se ofrecen, tengan una \u00f3ptima apariencia visual<\/strong>, y la navegaci\u00f3n por ellos sea m\u00e1s efectiva. Es obligado priorizar los contenidos que se consideran realmente importantes, eliminando todo lo dem\u00e1s. Con ello, <strong>la interfaz m\u00f3vil ser\u00e1 m\u00e1s funcional<\/strong> y el usuario encontrar\u00e1, de forma r\u00e1pida y sencilla, lo que est\u00e1 buscando.<\/p>\n<h4>Un ejemplo conocido<\/h4>\n<p>Para ver en un ejemplo lo que significa Mobile First, podemos basarnos en una de las aplicaciones m\u00e1s conocidas: PayPal. Esta plataforma ha ido desarrollando <strong>una app para los m\u00f3viles de aspecto minimalista<\/strong>, pero <strong>cien por cien funcional<\/strong>. No tiene una amplia variedad de opciones, pero las acciones principales, las que casi todo el mundo utiliza de PayPal, se llevan a cabo de una forma sencilla y muy r\u00e1pida a trav\u00e9s del m\u00f3vil.<\/p>\n<figure id=\"attachment_6210\" aria-describedby=\"caption-attachment-6210\" style=\"width: 854px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-6210\" src=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/01\/paypal-mobile-first.jpg\" alt=\"\" width=\"854\" height=\"408\" srcset=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/01\/paypal-mobile-first.jpg 854w, https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/01\/paypal-mobile-first-300x143.jpg 300w, https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/01\/paypal-mobile-first-800x382.jpg 800w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><figcaption id=\"caption-attachment-6210\" class=\"wp-caption-text\">Paypal Mobile First<\/figcaption><\/figure>\n<p>En la versi\u00f3n para tablets el dise\u00f1o de la aplicaci\u00f3n de PayPal es diferente y se ofrecen muchas m\u00e1s opciones. Y si nos vamos a <strong>su web principal, a trav\u00e9s de nuestro PC, la gama de opciones se incrementa. <\/strong>Esta es la clave del concepto Mobile First.<\/p>\n<h3>Caracteres fundamentales del dise\u00f1o web m\u00f3vil<\/h3>\n<p>Para terminar este repaso de lo que significa Mobile First, veremos las claves para un dise\u00f1o eficaz en aplicaciones para m\u00f3viles:<\/p>\n<ul>\n<li>Se prioriza <strong>lo esencial<\/strong>.<\/li>\n<li>La programaci\u00f3n se configura solo con <strong>lo necesario, optimizando y reduciendo los tiempos de dise\u00f1o.<\/strong><\/li>\n<li>La finalidad es <strong>conseguir el m\u00e1ximo rendimiento<\/strong> en la navegaci\u00f3n m\u00f3vil.<\/li>\n<li><strong>No se utilizan im\u00e1genes de gran tama\u00f1o<\/strong> ni demasiada informaci\u00f3n secundaria.<\/li>\n<li>La informaci\u00f3n principal debe tener <strong>un acceso r\u00e1pido y sencillo<\/strong>.<\/li>\n<li>Se incluyen <strong>reducciones en el c\u00f3digo fuente<\/strong>.<\/li>\n<li>En el aspecto m\u00e1s t\u00e9cnico, <strong>las Webs se programan sobre todo en HTML5<\/strong>, evitando otras opciones, como JavaScript.<\/li>\n<\/ul>\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>En 2017 dise\u00f1ar primero para m\u00f3viles y despu\u00e9s para ordenadores de sobremesa, es una realidad, el tr\u00e1fico m\u00f3vil ya representa en algunos casos m\u00e1s del 50% de la visitas<\/p>\n","protected":false},"author":1,"featured_media":6211,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":{"0":"post-6203","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-diseno-web","8":"has-post-video"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Tendencias dise\u00f1o web, Mobile First para 2017 | 4webs.es<\/title>\n<meta name=\"description\" content=\"En 2017 dise\u00f1ar primero para m\u00f3viles y despu\u00e9s para ordenadores de sobremesa, es una realidad, el tr\u00e1fico m\u00f3vil ya representa en algunos casos m\u00e1s del 50% de la visitas\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.4webs.es\/blog\/tendencias-diseno-web-mobile-first-para-2017\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tendencias dise\u00f1o web, Mobile First para 2017 | 4webs.es\" \/>\n<meta property=\"og:description\" content=\"En 2017 dise\u00f1ar primero para m\u00f3viles y despu\u00e9s para ordenadores de sobremesa, es una realidad, el tr\u00e1fico m\u00f3vil ya representa en algunos casos m\u00e1s del 50% de la visitas\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.4webs.es\/blog\/tendencias-diseno-web-mobile-first-para-2017\" \/>\n<meta property=\"og:site_name\" content=\"4webs\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/4webs\" \/>\n<meta property=\"article:published_time\" content=\"2017-01-25T07:12:10+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-01-25T22:18:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/01\/mobile-first.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"754\" \/>\n\t<meta property=\"og:image:height\" content=\"395\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Pablo Risue\u00f1o\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@4webs\" \/>\n<meta name=\"twitter:site\" content=\"@4webs\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Pablo Risue\u00f1o\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/tendencias-diseno-web-mobile-first-para-2017#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/tendencias-diseno-web-mobile-first-para-2017\"},\"author\":{\"name\":\"Pablo Risue\u00f1o\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#\\\/schema\\\/person\\\/fc07e8cecb1e51ce56b131a1eb0b3048\"},\"headline\":\"Tendencias dise\u00f1o web, Mobile First para 2017\",\"datePublished\":\"2017-01-25T07:12:10+00:00\",\"dateModified\":\"2017-01-25T22:18:56+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/tendencias-diseno-web-mobile-first-para-2017\"},\"wordCount\":1004,\"commentCount\":1,\"image\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/tendencias-diseno-web-mobile-first-para-2017#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/01\\\/mobile-first.jpg\",\"articleSection\":[\"Dise\u00f1o web\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.4webs.es\\\/blog\\\/tendencias-diseno-web-mobile-first-para-2017#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/tendencias-diseno-web-mobile-first-para-2017\",\"url\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/tendencias-diseno-web-mobile-first-para-2017\",\"name\":\"Tendencias dise\u00f1o web, Mobile First para 2017 | 4webs.es\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/tendencias-diseno-web-mobile-first-para-2017#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/tendencias-diseno-web-mobile-first-para-2017#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/01\\\/mobile-first.jpg\",\"datePublished\":\"2017-01-25T07:12:10+00:00\",\"dateModified\":\"2017-01-25T22:18:56+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#\\\/schema\\\/person\\\/fc07e8cecb1e51ce56b131a1eb0b3048\"},\"description\":\"En 2017 dise\u00f1ar primero para m\u00f3viles y despu\u00e9s para ordenadores de sobremesa, es una realidad, el tr\u00e1fico m\u00f3vil ya representa en algunos casos m\u00e1s del 50% de la visitas\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/tendencias-diseno-web-mobile-first-para-2017#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.4webs.es\\\/blog\\\/tendencias-diseno-web-mobile-first-para-2017\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/tendencias-diseno-web-mobile-first-para-2017#primaryimage\",\"url\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/01\\\/mobile-first.jpg\",\"contentUrl\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/01\\\/mobile-first.jpg\",\"width\":754,\"height\":395},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/tendencias-diseno-web-mobile-first-para-2017#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.4webs.es\\\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tendencias dise\u00f1o web, Mobile First para 2017\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/\",\"name\":\"4webs\",\"description\":\"Desarrollo con Prestashop, gesti\u00f3n de proyectos ecommerce\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#\\\/schema\\\/person\\\/fc07e8cecb1e51ce56b131a1eb0b3048\",\"name\":\"Pablo Risue\u00f1o\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/6938f7637a533914c144759f6249310d5f8fdef83738a4641b2d151a17c19f97?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/6938f7637a533914c144759f6249310d5f8fdef83738a4641b2d151a17c19f97?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/6938f7637a533914c144759f6249310d5f8fdef83738a4641b2d151a17c19f97?s=96&d=mm&r=g\",\"caption\":\"Pablo Risue\u00f1o\"},\"sameAs\":[\"http:\\\/\\\/www.4webs.es\"],\"url\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/author\\\/admin\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tendencias dise\u00f1o web, Mobile First para 2017 | 4webs.es","description":"En 2017 dise\u00f1ar primero para m\u00f3viles y despu\u00e9s para ordenadores de sobremesa, es una realidad, el tr\u00e1fico m\u00f3vil ya representa en algunos casos m\u00e1s del 50% de la visitas","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:\/\/www.4webs.es\/blog\/tendencias-diseno-web-mobile-first-para-2017","og_locale":"es_ES","og_type":"article","og_title":"Tendencias dise\u00f1o web, Mobile First para 2017 | 4webs.es","og_description":"En 2017 dise\u00f1ar primero para m\u00f3viles y despu\u00e9s para ordenadores de sobremesa, es una realidad, el tr\u00e1fico m\u00f3vil ya representa en algunos casos m\u00e1s del 50% de la visitas","og_url":"https:\/\/www.4webs.es\/blog\/tendencias-diseno-web-mobile-first-para-2017","og_site_name":"4webs","article_publisher":"https:\/\/www.facebook.com\/4webs","article_published_time":"2017-01-25T07:12:10+00:00","article_modified_time":"2017-01-25T22:18:56+00:00","og_image":[{"width":754,"height":395,"url":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/01\/mobile-first.jpg","type":"image\/jpeg"}],"author":"Pablo Risue\u00f1o","twitter_card":"summary_large_image","twitter_creator":"@4webs","twitter_site":"@4webs","twitter_misc":{"Escrito por":"Pablo Risue\u00f1o","Tiempo de lectura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.4webs.es\/blog\/tendencias-diseno-web-mobile-first-para-2017#article","isPartOf":{"@id":"https:\/\/www.4webs.es\/blog\/tendencias-diseno-web-mobile-first-para-2017"},"author":{"name":"Pablo Risue\u00f1o","@id":"https:\/\/www.4webs.es\/blog\/#\/schema\/person\/fc07e8cecb1e51ce56b131a1eb0b3048"},"headline":"Tendencias dise\u00f1o web, Mobile First para 2017","datePublished":"2017-01-25T07:12:10+00:00","dateModified":"2017-01-25T22:18:56+00:00","mainEntityOfPage":{"@id":"https:\/\/www.4webs.es\/blog\/tendencias-diseno-web-mobile-first-para-2017"},"wordCount":1004,"commentCount":1,"image":{"@id":"https:\/\/www.4webs.es\/blog\/tendencias-diseno-web-mobile-first-para-2017#primaryimage"},"thumbnailUrl":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/01\/mobile-first.jpg","articleSection":["Dise\u00f1o web"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.4webs.es\/blog\/tendencias-diseno-web-mobile-first-para-2017#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.4webs.es\/blog\/tendencias-diseno-web-mobile-first-para-2017","url":"https:\/\/www.4webs.es\/blog\/tendencias-diseno-web-mobile-first-para-2017","name":"Tendencias dise\u00f1o web, Mobile First para 2017 | 4webs.es","isPartOf":{"@id":"https:\/\/www.4webs.es\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.4webs.es\/blog\/tendencias-diseno-web-mobile-first-para-2017#primaryimage"},"image":{"@id":"https:\/\/www.4webs.es\/blog\/tendencias-diseno-web-mobile-first-para-2017#primaryimage"},"thumbnailUrl":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/01\/mobile-first.jpg","datePublished":"2017-01-25T07:12:10+00:00","dateModified":"2017-01-25T22:18:56+00:00","author":{"@id":"https:\/\/www.4webs.es\/blog\/#\/schema\/person\/fc07e8cecb1e51ce56b131a1eb0b3048"},"description":"En 2017 dise\u00f1ar primero para m\u00f3viles y despu\u00e9s para ordenadores de sobremesa, es una realidad, el tr\u00e1fico m\u00f3vil ya representa en algunos casos m\u00e1s del 50% de la visitas","breadcrumb":{"@id":"https:\/\/www.4webs.es\/blog\/tendencias-diseno-web-mobile-first-para-2017#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.4webs.es\/blog\/tendencias-diseno-web-mobile-first-para-2017"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.4webs.es\/blog\/tendencias-diseno-web-mobile-first-para-2017#primaryimage","url":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/01\/mobile-first.jpg","contentUrl":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2017\/01\/mobile-first.jpg","width":754,"height":395},{"@type":"BreadcrumbList","@id":"https:\/\/www.4webs.es\/blog\/tendencias-diseno-web-mobile-first-para-2017#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.4webs.es\/blog"},{"@type":"ListItem","position":2,"name":"Tendencias dise\u00f1o web, Mobile First para 2017"}]},{"@type":"WebSite","@id":"https:\/\/www.4webs.es\/blog\/#website","url":"https:\/\/www.4webs.es\/blog\/","name":"4webs","description":"Desarrollo con Prestashop, gesti\u00f3n de proyectos ecommerce","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.4webs.es\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.4webs.es\/blog\/#\/schema\/person\/fc07e8cecb1e51ce56b131a1eb0b3048","name":"Pablo Risue\u00f1o","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/6938f7637a533914c144759f6249310d5f8fdef83738a4641b2d151a17c19f97?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/6938f7637a533914c144759f6249310d5f8fdef83738a4641b2d151a17c19f97?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6938f7637a533914c144759f6249310d5f8fdef83738a4641b2d151a17c19f97?s=96&d=mm&r=g","caption":"Pablo Risue\u00f1o"},"sameAs":["http:\/\/www.4webs.es"],"url":"https:\/\/www.4webs.es\/blog\/author\/admin"}]}},"_links":{"self":[{"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/posts\/6203","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/comments?post=6203"}],"version-history":[{"count":7,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/posts\/6203\/revisions"}],"predecessor-version":[{"id":6235,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/posts\/6203\/revisions\/6235"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/media\/6211"}],"wp:attachment":[{"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/media?parent=6203"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/categories?post=6203"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/tags?post=6203"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}