{"id":100,"date":"2019-12-06T20:11:02","date_gmt":"2019-12-06T18:11:02","guid":{"rendered":"http:\/\/quadern-interficies-test.recursos.uoc.edu\/?page_id=100"},"modified":"2020-01-21T16:55:26","modified_gmt":"2020-01-21T14:55:26","slug":"2-2-4-responsividad","status":"publish","type":"page","link":"http:\/\/quadern-interficies-test.recursos.uoc.edu\/es\/2-2-4-responsividad\/","title":{"rendered":"2.2.4. Responsividad"},"content":{"rendered":"<div class=\"featured featured-blue\"><p>Por <strong>responsividad<\/strong> entendemos la capacidad de la interfaz para adaptarse a las caracter\u00edsticas del dispositivo del usuario (por ejemplo, el tama\u00f1o de la pantalla).<\/p>\n<\/div>\n<ul>\n<li>El sitio web <strong>est\u00e1tico<\/strong> utiliza p\u00e1ginas de un tama\u00f1o y dise\u00f1o para todos los dispositivos y no est\u00e1 optimizado. Significa que si se accede desde un m\u00f3vil, el usuario deber\u00e1 hacer zoom manualmente para poder leer texto o etiquetas, lo cual no es conveniente. Aunque pueden ser m\u00e1s r\u00e1pidos en el aspecto de la velocidad de carga de la p\u00e1gina web, incluso este factor no puede superar la incomodidad que sienten las personas al hacer zoom en las p\u00e1ginas de la pantalla para leer o acceder a enlaces. Por ejemplo, la siguiente p\u00e1gina sobre tipograf\u00edas de Google: <a href=\"http:\/\/hellohappy.org\/beautiful-web-type\/\" target=\"_blank\" rel=\"noopener noreferrer\">http:\/\/hellohappy.org\/beautiful-web-type\/<\/a>.<\/li>\n<li>El sitio web\u00a0<a href=\"javascript:void(0);\" class=\"tooltip\" data-toggle=\"popover\" data-placement=\"bottom\" data-content=\"En ingl\u00e9s, <em>liquid<\/em>.\" data-placement=\"top\" data-html=\"true\" ><strong>fluido<\/strong><\/a> mantiene las mismas proporciones de la p\u00e1gina, independientemente del dispositivo que se est\u00e9 usando. Significa que los elementos de navegaci\u00f3n e interacci\u00f3n ocupan la misma cantidad relativa de espacio, independientemente del tama\u00f1o de la pantalla. Por ejemplo, la web de Nike (<a href=\"https:\/\/www.nike.com\/es\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.nike.com\/es\/<\/a>).<\/li>\n<li>El sitio web\u00a0<a href=\"javascript:void(0);\" class=\"tooltip\" data-toggle=\"popover\" data-placement=\"bottom\" data-content=\"En ingl\u00e9s, <em>responsive<\/em>.\" data-placement=\"top\" data-html=\"true\" ><strong>responsivo<\/strong><\/a> presenta el m\u00e1s alto nivel de adaptaci\u00f3n. Est\u00e1 completamente optimizado para diferentes objetivos, lo que significa que en cada tipo de dispositivo se ver\u00e1 diferente. Este enfoque requiere m\u00e1s tiempo y esfuerzo en su desarrollo, pero hace que la navegaci\u00f3n sea mucho m\u00e1s intuitiva y siempre muestra los elementos interactivos correctamente, sea cual sea el tama\u00f1o y configuraci\u00f3n de la pantalla. Por ejemplo, la web de la plataforma de desarrollo GitHub (<a href=\"https:\/\/github.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/github.com\/<\/a>).<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>El sitio web est\u00e1tico utiliza p\u00e1ginas de un tama\u00f1o y dise\u00f1o para todos los dispositivos y no est\u00e1 optimizado. Significa que si se accede desde un m\u00f3vil, el usuario deber\u00e1 hacer zoom manualmente para poder leer texto o etiquetas, lo cual no es conveniente. Aunque pueden ser m\u00e1s r\u00e1pidos en el aspecto de la velocidad [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"http:\/\/quadern-interficies-test.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/100"}],"collection":[{"href":"http:\/\/quadern-interficies-test.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/quadern-interficies-test.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/quadern-interficies-test.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/quadern-interficies-test.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/comments?post=100"}],"version-history":[{"count":2,"href":"http:\/\/quadern-interficies-test.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/100\/revisions"}],"predecessor-version":[{"id":614,"href":"http:\/\/quadern-interficies-test.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/100\/revisions\/614"}],"wp:attachment":[{"href":"http:\/\/quadern-interficies-test.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/media?parent=100"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}