{"id":53,"date":"2013-10-01T18:42:27","date_gmt":"2013-10-01T18:42:27","guid":{"rendered":"https:\/\/blogs.ua.es\/mundoweb\/?p=53"},"modified":"2013-10-01T18:42:27","modified_gmt":"2013-10-01T18:42:27","slug":"mobile-web-vs-diseno-web-adaptativo","status":"publish","type":"post","link":"https:\/\/blogs.ua.es\/mundoweb\/mobile-web-vs-diseno-web-adaptativo\/","title":{"rendered":"Mobile Web vs dise\u00f1o web adaptativo"},"content":{"rendered":"<p><a href=\"https:\/\/blogs.ua.es\/mundoweb\/files\/2013\/10\/mobile-app-vs-dise\u00f1o-web-adaptativo.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-54\" alt=\"mobile-app-vs-dise\u00f1o-web-adaptativo\" src=\"https:\/\/blogs.ua.es\/mundoweb\/files\/2013\/10\/mobile-app-vs-dise\u00f1o-web-adaptativo-300x262.png\" width=\"300\" height=\"262\" srcset=\"https:\/\/blogs.ua.es\/mundoweb\/files\/2013\/10\/mobile-app-vs-dise\u00f1o-web-adaptativo-300x262.png 300w, https:\/\/blogs.ua.es\/mundoweb\/files\/2013\/10\/mobile-app-vs-dise\u00f1o-web-adaptativo.png 500w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Con la evoluci\u00f3n de las tecnolog\u00edas y los avances en los dispositivos port\u00e1tiles, cada vez es m\u00e1s com\u00fan que los usuarios accedan a internet a trav\u00e9s del tel\u00e9fono m\u00f3vil o de su Tablet. Es decir, internet ya no es territorio exclusivo del ordenador y los dise\u00f1adores web lo saben. Por eso, desde hace tiempo el sector est\u00e1 poniendo especial \u00e9nfasis en el <i>Responsive web design<\/i> o dise\u00f1o web responsable, tambi\u00e9n llamado <b>dise\u00f1o adaptativo<\/b>. Este tipo de dise\u00f1o\u00a0 y el <b><i>Mobile Web<\/i><\/b> comparten en la actualidad una meta com\u00fan: hacer contenido web que se pueda visualizar en dispositivos m\u00f3viles. Sin embargo, difieren en algunos aspectos fundamentales que pasamos a analizar.<\/p>\n<p>El <b><i>Mobile Web<\/i><\/b> se trata de realizar una p\u00e1gina web que sea totalmente independiente de la p\u00e1gina web original que se muestra en el ordenador. Es decir, los contenidos ser\u00e1n parecidos a los de la versi\u00f3n para ordenador, pero con importantes cambios en la distribuci\u00f3n de los elementos, el tama\u00f1o de la tipograf\u00eda o im\u00e1genes o de las funcionalidades de la p\u00e1gina, por ejemplo. Este tipo de p\u00e1ginas estar\u00e1n total e \u00edntegramente adaptadas para la navegaci\u00f3n a trav\u00e9s del m\u00f3vil, teniendo en cuenta todas las particulares que se pueden derivar de la navegaci\u00f3n de una pantalla de menor tama\u00f1o y t\u00e1ctil.<\/p>\n<p>Por su parte, el <b>dise\u00f1o web adaptativo<\/b> o responsable supone crear una p\u00e1gina web \u00fanica pero que a su vez sea capaz de verse correctamente tanto en la pantalla del ordenador como en cualquier dispositivo m\u00f3vil, es decir, que pueda expandirse, contraerse y, en definitiva, adaptarse a la visualizaci\u00f3n en cualquier tipo de pantalla. Las diferencias con el Mobile Web radican principalmente en que no se trata de una p\u00e1gina independiente a la original, ni dispone de un dise\u00f1o especializado y dirigido exclusivamente a dispositivos m\u00f3viles.<\/p>\n<p>Por otro lado, existen numerosas p\u00e1ginas, sobre todo de empresas con gran capacidad operativa, que son capaces de combinar ambos tipos de dise\u00f1o y dejan que sea el usuario quien se decida por un u otro (normalmente viene indicado como \u201cversi\u00f3n cl\u00e1sica\u201d y \u201cversi\u00f3n m\u00f3vil\u201d). Algunos usuarios prefieren la simpleza y la facilidad de navegaci\u00f3n que ofrecen las <i>Mobile Web<\/i> pero a otros les molesta no encontrar el mismo dise\u00f1o y contenidos en el monitor de su ordenador que en la pantalla de su m\u00f3vil, as\u00ed que a veces la elecci\u00f3n de los dise\u00f1adores y programadores no es sencilla.<\/p>\n<p>De todas maneras, est\u00e1 demostrado que, de una forma u otra, el dise\u00f1o adaptado a distintas plataformas es una de las piedras de toque a las que se enfrenta el dise\u00f1o web a corto y medio plazo.<\/p>\n<p>Art\u00edculo realizado por\u00a0<a href=\"http:\/\/www.galernaestudio.com\/\" target=\"_blank\">Dise\u00f1o web Gij\u00f3n<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Con la evoluci\u00f3n de las tecnolog\u00edas y los avances en los dispositivos port\u00e1tiles, cada vez es m\u00e1s com\u00fan que los usuarios accedan a internet a trav\u00e9s del tel\u00e9fono m\u00f3vil o de su Tablet. Es decir, internet ya no es territorio exclusivo del ordenador y los dise\u00f1adores web lo saben. Por eso, desde hace tiempo el [&hellip;]<\/p>\n","protected":false},"author":3129,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[86258],"tags":[],"class_list":["post-53","post","type-post","status-publish","format-standard","hentry","category-diseno-web"],"_links":{"self":[{"href":"https:\/\/blogs.ua.es\/mundoweb\/wp-json\/wp\/v2\/posts\/53","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.ua.es\/mundoweb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.ua.es\/mundoweb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.ua.es\/mundoweb\/wp-json\/wp\/v2\/users\/3129"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.ua.es\/mundoweb\/wp-json\/wp\/v2\/comments?post=53"}],"version-history":[{"count":2,"href":"https:\/\/blogs.ua.es\/mundoweb\/wp-json\/wp\/v2\/posts\/53\/revisions"}],"predecessor-version":[{"id":56,"href":"https:\/\/blogs.ua.es\/mundoweb\/wp-json\/wp\/v2\/posts\/53\/revisions\/56"}],"wp:attachment":[{"href":"https:\/\/blogs.ua.es\/mundoweb\/wp-json\/wp\/v2\/media?parent=53"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.ua.es\/mundoweb\/wp-json\/wp\/v2\/categories?post=53"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.ua.es\/mundoweb\/wp-json\/wp\/v2\/tags?post=53"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}