{"id":269,"date":"2019-04-30T12:19:46","date_gmt":"2019-04-30T10:19:46","guid":{"rendered":"https:\/\/iconecta.es\/blog\/?p=269"},"modified":"2019-04-30T12:27:13","modified_gmt":"2019-04-30T10:27:13","slug":"mobile-first-el-comportamiento-del-usuario-como-prioridad","status":"publish","type":"post","link":"https:\/\/iconecta.es\/blog\/mobile-first-el-comportamiento-del-usuario-como-prioridad\/","title":{"rendered":"Mobile first: el comportamiento del usuario como prioridad"},"content":{"rendered":"\n[et_pb_section fb_built=\u00bb1&#8243; _builder_version=\u00bb3.19.15&#8243;][et_pb_row _builder_version=\u00bb3.19.15&#8243;][et_pb_column type=\u00bb4_4&#8243; _builder_version=\u00bb3.19.15&#8243;][et_pb_text _builder_version=\u00bb3.19.15&#8243;]<p>Si en el post anterior os cont\u00e1bamos en qu\u00e9 consist\u00eda el\u00a0<i>\u00a0<\/i><a href=\"https:\/\/iconecta.es\/blog\/diseno-responsive\/\"><em>dise\u00f1o responsive<\/em><\/a>, en esta ocasi\u00f3n queremos hablaros de otro de los conceptos directamente relacionados con la adaptabilidad de los dise\u00f1os web: el <em>mobile fist<\/em>.<\/p>\n<p>El <em>mobile fist<\/em> es, por tanto, la filosof\u00eda del marketing digital que abandera la idea del contenido web pensado y preparado para ser visto especialmente a trav\u00e9s de los m\u00f3viles. Esto es debido al creciente uso de los m\u00f3viles como herramientas principales para la consulta de informaci\u00f3n y el consumo de contenido.<\/p>\n<p>As\u00ed lo confirman numerosos estudios, y es que Espa\u00f1a es el cuarto pa\u00eds de Europa en comercio a trav\u00e9s del m\u00f3vil. Uno de las \u00faltimas encuestas realizadas por <a href=\"https:\/\/www.ipsos.com\/es-es\/el-43-de-los-espanoles-utiliza-el-movil-para-realizar-compras-online\">Ipsos \u00a0en 24 pa\u00edses sobre h\u00e1bitos de compra online<\/a> (2018) afirma que el 43% de los espa\u00f1oles asegura haber utilizado el m\u00f3vil en los \u00faltimos 3 meses para efectuar compras online.<\/p>\n<p>En este sentido, una visualizaci\u00f3n \u00f3ptima de la informaci\u00f3n web que los usuarios consumen a trav\u00e9s del m\u00f3vil es un hecho que debe ser tenido en cuenta a la hora de realizar cualquier dise\u00f1o web, y esto es, adem\u00e1s, un factor muy importante para el posicionamiento SEO. Para ello han de ser valoradas las prioridades del usuario a la hora de utilizar el m\u00f3vil como herramienta de consulta web.<\/p>\n<h2>Prioridades en el mobile first<\/h2>\n<p>Las prioridades en el dise\u00f1o web para su versi\u00f3n de escritorios van a ser, por norma general, completamente contrarias a las de la telefon\u00eda m\u00f3vil. Esto es debido a que el espacio para la visualizaci\u00f3n de la informaci\u00f3n va a ser dr\u00e1sticamente m\u00e1s peque\u00f1o y, adem\u00e1s, las conexiones de datos suelen ser m\u00e1s lentas.<\/p>\n<p>Es por ello que el desarrollo web ha de plantearse algunas cuestiones principales antes de entrar en materia:<\/p>\n<p>De un lado, <u>los elementos web estrictamente necesarios<\/u> para el dise\u00f1o de \u00e9sta, ya que la capacidad de navegaci\u00f3n sobre la misma debe ser \u00f3ptima y confortable para el usuario. Para ello, se deber\u00e1n evitar elementos que, a pesar de que para su formato escritorio puedan resultar \u00fatiles o aporten un dise\u00f1o novedoso, acaben siendo catastr\u00f3ficos si son vistos desde un m\u00f3vil.<\/p>\n<p>De otro lado, el desarrollo de la web para su versi\u00f3n m\u00f3vil debe <u>destacar su aspecto central<\/u> para conseguir una estructura del sitio web eficaz.<\/p>\n<p>El <u>tama\u00f1o de pantalla para el que est\u00e1 hecho el contenido<\/u> es otra de las prioridades que debe ser tenida en cuenta a la hora de comenzar el desarrollo web. Aunque pueda parecer obvio, pero no ser\u00e1 lo mismo dise\u00f1ar una tienda online, que un panel de gesti\u00f3n o que una web informativa. Todas ellas puedan ser consultadas desde un m\u00f3vil, pero quiz\u00e1s sea m\u00e1s prioritario el dise\u00f1o para m\u00f3vil para la web informativa y para la tienda online que para el panel de gesti\u00f3n.<\/p>\n<p>Por otro lado, es probable que no necesitemos o no queramos que todas las <u>\u00e1reas de la web<\/u> funcionen igual en dispositivos m\u00f3viles que en escritorios. Esto puede suceder, por ejemplo, con informaci\u00f3n que sea muy pesada de consultar desde el m\u00f3vil o que nos pueda sacar de la web para entrar en otra app.<\/p>\n<p>&nbsp;<\/p>\n<p>En definitiva, la filosof\u00eda del <em>mobile first<\/em> trata de focalizar el dise\u00f1o web primero en el dise\u00f1o para m\u00f3viles y as\u00ed centrar la informaci\u00f3n b\u00e1sica para despu\u00e9s ir incrementando el contenido para escritorio en caso de que sea necesario.<\/p>\n<p>Y es que, al final, la prioridad es adaptarse siempre a los cambios.<\/p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]\n","protected":false},"excerpt":{"rendered":"<p>Si en el post anterior os cont\u00e1bamos en qu\u00e9 consist\u00eda el dise\u00f1o responsive, en esta ocasi\u00f3n queremos hablaros de otro de los conceptos directamente relacionados con la adaptabilidad de los dise\u00f1os web: el mobile fist. <\/p>\n","protected":false},"author":2,"featured_media":273,"comment_status":"open","ping_status":"open","sticky":true,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"categories":[1],"tags":[64,68,69],"class_list":["post-269","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desarrollo-web","tag-desarrollo-web","tag-mobile-first","tag-posicionamiento-seo","et-has-post-format-content","et_post_format-et-post-format-standard"],"_links":{"self":[{"href":"https:\/\/iconecta.es\/blog\/wp-json\/wp\/v2\/posts\/269","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iconecta.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/iconecta.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/iconecta.es\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/iconecta.es\/blog\/wp-json\/wp\/v2\/comments?post=269"}],"version-history":[{"count":5,"href":"https:\/\/iconecta.es\/blog\/wp-json\/wp\/v2\/posts\/269\/revisions"}],"predecessor-version":[{"id":278,"href":"https:\/\/iconecta.es\/blog\/wp-json\/wp\/v2\/posts\/269\/revisions\/278"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/iconecta.es\/blog\/wp-json\/wp\/v2\/media\/273"}],"wp:attachment":[{"href":"https:\/\/iconecta.es\/blog\/wp-json\/wp\/v2\/media?parent=269"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/iconecta.es\/blog\/wp-json\/wp\/v2\/categories?post=269"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/iconecta.es\/blog\/wp-json\/wp\/v2\/tags?post=269"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}