{"id":3125,"date":"2013-11-29T09:00:53","date_gmt":"2013-11-29T08:00:53","guid":{"rendered":"https:\/\/blogs.ua.es\/pi\/?p=3125"},"modified":"2013-11-25T14:06:14","modified_gmt":"2013-11-25T13:06:14","slug":"mobile-first","status":"publish","type":"post","link":"https:\/\/blogs.ua.es\/pi\/2013\/11\/29\/mobile-first\/","title":{"rendered":"Mobile First?"},"content":{"rendered":"<p>Una nueva tendencia, empapada de trenditis la llamada &#8216;Mobile First&#8217; ha surgido a partir del libro hom\u00f3nimo de <a title=\"El libro Mobile First\" href=\"http:\/\/www.abookapart.com\/products\/mobile-first\" target=\"_blank\">Luke Wroblewski.<\/a><\/p>\n<p>En la introducci\u00f3n dicen de \u00e9l que &#8216;Luke Wroblewski knows more about mobile experience than the rest of us&#8217;, lo cual no pongo en duda, aunque dicho as\u00ed, me parece un tanto intimidatorio.<\/p>\n<p><a href=\"https:\/\/blogs.ua.es\/pi\/files\/2013\/11\/IMAG0217.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright size-medium wp-image-3187\" alt=\"IMAG0217\" src=\"https:\/\/blogs.ua.es\/pi\/files\/2013\/11\/IMAG0217-179x300.jpg\" width=\"179\" height=\"300\" srcset=\"https:\/\/blogs.ua.es\/pi\/files\/2013\/11\/IMAG0217-179x300.jpg 179w, https:\/\/blogs.ua.es\/pi\/files\/2013\/11\/IMAG0217-613x1024.jpg 613w, https:\/\/blogs.ua.es\/pi\/files\/2013\/11\/IMAG0217.jpg 1552w\" sizes=\"auto, (max-width: 179px) 100vw, 179px\" \/><\/a>Pues bien, esta idea habla de anteponer las caracter\u00edsticas (limitaciones?) de dispositivos m\u00f3viles (smartphones, tablets, etc.) a las pantallas de PCs (monitores grandes) a la hora de dise\u00f1ar las webs y, lo que es m\u00e1s agresivo, de redactar los\u00a0 contenidos. Se basa en pensar primero en las pantallas peque\u00f1as a la hora de dise\u00f1ar sitios webs para luego ir ampliando la superficie disponible y ubicando contenidos adicionales en lugar de como tradicionalmente se ha venido haciendo, es decir, pensar en pantallas de ordenador de sobremesa y luego hacer una versi\u00f3n para tablets y m\u00f3viles.<\/p>\n<p>Mobile First se fundamenta en la idea de que en el futuro los PCs habr\u00e1n desaparecido de los hogares y todo el mundo navegar\u00e1 desde una tablet o tel\u00e9fono. Lo cual, para el mercado dom\u00e9stico, no esta mal encaminado, pero \u00bfque hay de los PCs en las oficinas y dem\u00e1s puestos de trabajo, en las aulas, etc.? \u00bfTambi\u00e9n vamos a desterrar de all\u00ed los ordenadores? No lo creo. No creo en absoluto que los PCs desaparezcan, aunque si perderan cuota de mercado como dispositivo preferido para navegar por Internet, en favor de tablets y dem\u00e1s, sobre todo en el \u00e1mbito dom\u00e9stico.<\/p>\n<p><a href=\"https:\/\/blogs.ua.es\/pi\/files\/2013\/11\/smart-tv-screen.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-medium wp-image-3185\" alt=\"smart tv screen\" src=\"https:\/\/blogs.ua.es\/pi\/files\/2013\/11\/smart-tv-screen-300x191.jpg\" width=\"300\" height=\"191\" srcset=\"https:\/\/blogs.ua.es\/pi\/files\/2013\/11\/smart-tv-screen-300x191.jpg 300w, https:\/\/blogs.ua.es\/pi\/files\/2013\/11\/smart-tv-screen-1024x655.jpg 1024w, https:\/\/blogs.ua.es\/pi\/files\/2013\/11\/smart-tv-screen.jpg 1280w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>Otro dispositivo que esta emergiendo y que puede competir con el PC dom\u00e9stico son las smart TVs, las cuales son pr\u00e1cticamente un ordenador dentro de una pantalla de televisi\u00f3n cuyo tama\u00f1o oscila entre las 30 y 100 pulgadas. \u00bfComo se ver\u00e1 una web Mobile First en semejante superficie?<\/p>\n<p>Por otro lado, tomar esta idea al pie de la letra o con &#8216;tendencitis&#8217; puede producir un efecto en las webs consistente en:<\/p>\n<ul>\n<li>Vaciado de contenidos, desperdiciando superficie de pantalla.<\/li>\n<li>Aumento de tama\u00f1o de los objetos de navegaci\u00f3n: enlaces, botones, campos de formulario, etc.<\/li>\n<li>Aumento de tama\u00f1o de textos.<\/li>\n<li>Reducci\u00f3n de tama\u00f1o de im\u00e1genes.<\/li>\n<li>Uniformizaci\u00f3n de elementos decorativos (colores, modelo de cajas, iconograf\u00eda) al utilizar Frameworks de CSS &#8216;de moda&#8217;.<\/li>\n<\/ul>\n<p>Si navegais un poco podreis notar estos efectos&#8230; los cuales vistos desde mi flamante monitor de PC de 21&#8243;, me hace tener la sensaci\u00f3n de estar navegando desde un gigantesco m\u00f3vil, sin pensar que con un monitor actual caben muchas m\u00e1s cosas&#8230;<\/p>\n<p>Quizas se deber\u00eda de pensar primero cual es el publico objetivo de una p\u00e1gina web antes de dise\u00f1arla &#8216;Mobile first&#8217; o &#8216;Videowall First&#8217;. \ud83d\ude42<\/p>\n<p><a href=\"https:\/\/blogs.ua.es\/pi\/files\/2013\/11\/video-wall.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-3183\" alt=\"video-wall\" src=\"https:\/\/blogs.ua.es\/pi\/files\/2013\/11\/video-wall-300x155.jpg\" width=\"300\" height=\"155\" srcset=\"https:\/\/blogs.ua.es\/pi\/files\/2013\/11\/video-wall-300x155.jpg 300w, https:\/\/blogs.ua.es\/pi\/files\/2013\/11\/video-wall.jpg 540w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Una nueva tendencia, empapada de trenditis la llamada &#8216;Mobile First&#8217; ha surgido a partir del libro &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"more-link\" href=\"https:\/\/blogs.ua.es\/pi\/2013\/11\/29\/mobile-first\/\"> <span class=\"screen-reader-text\">Mobile First?<\/span> Read more \u2192<\/a><\/p>\n","protected":false},"author":39,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[160008,160009],"class_list":["post-3125","post","type-post","status-publish","format-standard","hentry","category-general","tag-tendencitis","tag-trendytis"],"_links":{"self":[{"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/posts\/3125","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/users\/39"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/comments?post=3125"}],"version-history":[{"count":5,"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/posts\/3125\/revisions"}],"predecessor-version":[{"id":3188,"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/posts\/3125\/revisions\/3188"}],"wp:attachment":[{"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/media?parent=3125"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/categories?post=3125"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/tags?post=3125"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}