{"id":643,"date":"2009-03-13T10:32:37","date_gmt":"2009-03-13T09:32:37","guid":{"rendered":"https:\/\/www.veiss.com\/blog\/?p=643"},"modified":"2018-11-16T14:01:11","modified_gmt":"2018-11-16T13:01:11","slug":"diseno-web-para-moviles","status":"publish","type":"post","link":"https:\/\/www.veiss.com\/blog\/diseno-web-para-moviles\/","title":{"rendered":"Dise\u00f1o web para m\u00f3viles"},"content":{"rendered":"

Al hilo del tema de nuestro post de la semana pasada Dise\u00f1o web, nuevas tendencias<\/em><\/strong><\/a>, continuamos hablando del dise\u00f1o web que se ver\u00e1 en el 2009, para centrarnos esta vez en el dise\u00f1o web para m\u00f3viles. Es la propia Smashing Magazine<\/strong><\/a> la que ha publicado una lista de aspectos fundamentales que se deben tener en cuenta a la hora de dise\u00f1ar para el m\u00f3vil o adaptar una web hecha a los requerimientos m\u00f3viles:<\/p>\n

– Opciones simples<\/strong>. La falta de espacio y la irregularidad en la velocidad de las conexiones obliga a construir un espacio interactivo donde prime la sencillez por encima de todo.<\/p>\n

– Espacio en blanco<\/strong>. En el entorno del m\u00f3vil se hace necesario una apariencia poco recargada y donde haya suficiente espacio en blanco, debido al peque\u00f1o tama\u00f1o de las pantallas.<\/p>\n

– Carencia de im\u00e1genes<\/strong>. Con las im\u00e1genes ocurre lo mismo, ya que la lentitud de la conexi\u00f3n y la falta de espacio hacen que un uso excesivo de gr\u00e1ficos entorpezca la navegaci\u00f3n y sature al usuario.<\/p>\n

– Subdominios en lugar de .mobi o dominios separados<\/strong>. Mejor midominio.com\/mobile que .mobi para no dispersar al usuario.<\/p>\n

– Contenido priorizado<\/strong>. Priorizar absolutamente el contenido del site eliminando todo aquello que no suscite el inter\u00e9s del nuevo modelo de usuario (p. ej. un b\u00e1ner publicitario). Aunque el fin de la web sea promocionar sus productos y servicios para hacer negocios y conseguir ventas, en el\u00a0 formato para m\u00f3vil, el fin es el usuario. Esta pol\u00edtica hace que finalmente reviertan en la compa\u00f1\u00eda los beneficios deseados ya que consigue m\u00e1s visitantes interesados.<\/p>\n

Otras consideraciones a tener en cuenta son la marcaci\u00f3n limpia y sem\u00e1ntica<\/strong>, separaci\u00f3n del contenido<\/strong> y presentaci\u00f3n con CSS<\/strong>, etiquetas<\/strong> con Alt<\/strong>, etiquetar campos de formularios<\/strong>, uso de encabezados<\/strong>, evitar elementos emergentes<\/strong>, reducir m\u00e1rgenes y sangr\u00edas<\/strong>, prestar atenci\u00f3n a la navegaci\u00f3n<\/strong> y considerar el contraste de color<\/strong>.<\/p>\n

Entre las dificultades<\/strong> con las que se encuentran los dise\u00f1adores est\u00e1n la gran variedad de tama\u00f1os de pantalla<\/strong> existentes en el mundo de la telefon\u00eda m\u00f3vil o la falta de familiaridad con los navegadores<\/strong> para m\u00f3viles y la forma de navegar del usuario a trav\u00e9s de este dispositivo. Adem\u00e1s, la necesidad de tener que sacrificar unos elementos en detrimento de otros para conseguir mostrar \u00fanicamente lo esencial<\/strong> del contenido de la web, complican en cierta medida el trabajo del dise\u00f1ador, que obligatoriamente debe adaptarse a un usuario que se comporta de forma diferente.<\/p>\n

En Mobile Awesomeness<\/strong> pod\u00e9is ver algunos de los mejores dise\u00f1os realizados para el m\u00f3vil, votar por ellos, proponer vuestros sitios preferidos y consultar completa informaci\u00f3n sobre el tema en forma de art\u00edculos, gu\u00edas, e-books, etc.<\/p>\n

Indiscutible es que en los \u00faltimos a\u00f1os se ha producido un considerable aumento de los usuarios que acceden a internet a trav\u00e9s de tel\u00e9fonos y equipos m\u00f3viles. Lo que s\u00ed me parece discutible es\u00a0 el n\u00famero de usuarios que realmente a d\u00eda de hoy lo utilizan como fuente de acceso principal. De acuerdo con que m\u00e1s del 80% de la poblaci\u00f3n dispone de un aparato de este tipo para conectarse; otra cosa es cu\u00e1ntos lo hacen. Distintos factores constituyen una barrera para ello, como la falta de adaptaci\u00f3n de un formato a otro por parte de los desarrolladores o el desconocimiento del coste de determinados servicios por parte del usuario.<\/p>\n","protected":false},"excerpt":{"rendered":"

Al hilo del tema de nuestro post de la semana pasada Dise\u00f1o web, nuevas tendencias, continuamos hablando del dise\u00f1o web que se ver\u00e1 en el 2009, para centrarnos esta vez en el dise\u00f1o web para m\u00f3viles. Es la propia Smashing Magazine la que ha publicado una lista de aspectos fundamentales que se deben tener en […]<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[5,1],"tags":[1214,213,214,215],"_links":{"self":[{"href":"https:\/\/www.veiss.com\/blog\/wp-json\/wp\/v2\/posts\/643"}],"collection":[{"href":"https:\/\/www.veiss.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.veiss.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.veiss.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.veiss.com\/blog\/wp-json\/wp\/v2\/comments?post=643"}],"version-history":[{"count":11,"href":"https:\/\/www.veiss.com\/blog\/wp-json\/wp\/v2\/posts\/643\/revisions"}],"predecessor-version":[{"id":11822,"href":"https:\/\/www.veiss.com\/blog\/wp-json\/wp\/v2\/posts\/643\/revisions\/11822"}],"wp:attachment":[{"href":"https:\/\/www.veiss.com\/blog\/wp-json\/wp\/v2\/media?parent=643"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.veiss.com\/blog\/wp-json\/wp\/v2\/categories?post=643"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.veiss.com\/blog\/wp-json\/wp\/v2\/tags?post=643"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}