{"id":2509,"date":"2016-06-17T10:38:04","date_gmt":"2016-06-17T15:38:04","guid":{"rendered":"http:\/\/itsoftware.com.co\/content\/?p=2509"},"modified":"2022-12-05T10:43:50","modified_gmt":"2022-12-05T15:43:50","slug":"pautas-diseno-web-movil","status":"publish","type":"post","link":"https:\/\/itsoftware.com.co\/content\/pautas-diseno-web-movil\/","title":{"rendered":"DISE\u00d1O WEB MOVIL: Pautas para el dise\u00f1o para smartphones o tablets"},"content":{"rendered":"
\"DISE\u00d1O<\/a>
DISE\u00d1O WEB MOVIL<\/figcaption><\/figure>\n

Los m\u00f3viles est\u00e1n cambiando el mundo y todas las personas llevan consigo uno, ya sea para comunicarse con sus seres queridos, compa\u00f1eros del trabajo, amigos o simplemente para estar enterado de las cosas que est\u00e1n pasando en el mundo.<\/p>\n

Pero como la tecnolog\u00eda va cambiando constantemente, tenemos que estar enterados sobre que pautas se deben tener en cuenta para el DISE\u00d1O WEB MOVIL<\/strong>\u00a0para smartphones o tablets, con el \u00fanico prop\u00f3sito, que se convierta en un m\u00f3vil m\u00e1s din\u00e1mico, mas veloz, que d\u00e9 una imagen clara con buena resoluci\u00f3n, buenas fotograf\u00edas, adem\u00e1s que se puedan elegir varias configuraciones, es decir que se tenga acceso a todo lo que el Internet ofrece, sin necesidad de tener que acudir a un port\u00e1til o a una sala de Internet.<\/p>\n

<\/p>\n

En seguida citar\u00e9 a groso modo 10 consejos pr\u00e1cticos para el DISE\u00d1O WEB MOVIL<\/strong>, tomado de la p\u00e1gina:<\/p>\n

http:\/\/www.go-movil.es\/index.php\/10-consejos-para-disenar-una-web-movil\/<\/strong><\/a><\/p>\n

    \n
  1. \u201c<\/strong>Ten en cuenta la resoluci\u00f3n de pantalla.<\/li>\n
  2. Para facilitar el uso de la web<\/strong> con configuraci\u00f3n vertical y Scrolling de una sola direcci\u00f3n tienes que acceder a las distintas p\u00e1ginas nombradas con t\u00edtulos cortos y descriptivos.<\/li>\n
  3. El dise\u00f1o web<\/strong> debe ser simple para no complicar la navegabilidad.<\/li>\n
  4. Entre menos im\u00e1genes tengas es mejor, as\u00ed la descarga ser\u00e1 m\u00e1s r\u00e1pida. Se aconseja tener tus im\u00e1genes en unos 72dpi, 640 px en 960 de altura.<\/li>\n
  5. Los colores se deben utilizar con contraste, tenemos que preocuparnos por esta propiedad del color, con el fin de mantener una correcta visualizaci\u00f3n y as\u00ed poder distinguir entre contenido y fondo desde cualquier m\u00f3vil y cualquier lugar.<\/li>\n
  6. No es aconsejable el uso de ventanas emergentes o pop-ups, ya que los navegadores m\u00f3viles no las soportan. Tampoco se debe utilizar el refresque autom\u00e1tico, es mejor que el mismo usuario lo realice.<\/li>\n
  7. La tipograf\u00eda debe ser grande para lograr una correcta lectura, el ancho del rengl\u00f3n no debe ser superior a 80 caracteres, usando un tama\u00f1o de 14 y putos en negrita para los titulares, otro aspecto importante es hacer uso de los enlaces, los cuales deben estar lo suficientemente separados del resto del texto, para poder seleccionados con el dedo.<\/li>\n
  8. Algunos archivos no aceptan Cookies o JavaScript, por consiguiente, es necesario tener en cuenta las limitaciones de navegabilidad en el m\u00f3vil.<\/li>\n
  9. El peso total de cada p\u00e1gina web<\/strong>, incluyendo archivos adjuntos como la CCSS, no debe superar los 20 Kb.<\/li>\n
  10. Se deben utilizar porcentajes en lugar de tama\u00f1os absolutos, para poder lograr que la estructura de la Web<\/strong> se adapte el 100% a la pantalla del dispositivo\u201d.<\/em><\/strong><\/li>\n<\/ol>\n
    \"Dise\u00f1o<\/a>
    Dise\u00f1o aplicaciones m\u00f3viles<\/figcaption><\/figure>\n

    Estas pautas son una peque\u00f1a muestra de lo que se debe tener en cuenta, pero l\u00f3gicamente el proceso es mucho m\u00e1s profundo y necesita de asesor\u00eda profesional sino se tienen los conocimientos suficientes como para disponer de un m\u00f3vil con estas caracter\u00edsticas y que nos ofrezcan un servicio excelente desde cualquier lugar donde nos encontremos.<\/p>\n

    Como lo dec\u00eda anteriormente hoy en d\u00eda , existen empresas que cuentan con el personal adecuado para atender este tipo de dificultades, pues no todos tenemos el privilegio de saber inform\u00e1tica o sistemas a nivel especializado, pero si hay personas que han estudiado lo suficiente como para asesorarnos de una manera m\u00e1s sencilla, con un lenguaje menos t\u00e9cnico para poder disfrutar de un dispositivo con todas estas caracter\u00edsticas, y as\u00ed disfrutar de las nuevas innovaciones , las cuales nunca se quedan est\u00e1ticas, sino que continuamente est\u00e1n evolucionando con el \u00fanico prop\u00f3sito de prestar los mejores servicios para que el cliente se sienta cada d\u00eda m\u00e1s satisfecho.<\/p>\n

    Los ingenieros desarrolladores no se cansan de estar haciendo investigaciones y nuevos descubrimientos que hacen de la tecnolog\u00eda algo que se renueva constantemente.<\/p>\n

    ITSoftware SAS<\/a> es una empresa dedicada al DISE\u00d1O WEB MOVIL<\/strong>\u00a0y est\u00e1ndar, cuenta con el personal id\u00f3neo para brindar servicios o claridad sobre este tipo de desarrollos web<\/strong>.<\/p>\n","protected":false},"excerpt":{"rendered":"

    Los m\u00f3viles est\u00e1n cambiando el mundo y todas las personas llevan consigo uno, ya sea para comunicarse con sus seres queridos, compa\u00f1eros del trabajo, amigos o simplemente para estar enterado[…]<\/p>\n","protected":false},"author":8,"featured_media":8482,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[92,280],"tags":[83,974,127,729,569,672,46,671,677],"class_list":["post-2509","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desarrollo-web","category-diseno-web-2","tag-android","tag-desarrollo-de-aplicaciones-moviles","tag-desarrollo-web-bogota","tag-disenar-una-pagina-web","tag-diseno-web-bogota","tag-dispositivo-movil","tag-ios","tag-pautas-para-diseno-de-una-pagina-web","tag-web-movil"],"aioseo_notices":[],"jetpack_featured_media_url":"https:\/\/itsoftware.com.co\/content\/wp-content\/uploads\/2020\/04\/aplicaciones-moviles-webview.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/posts\/2509","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/comments?post=2509"}],"version-history":[{"count":0,"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/posts\/2509\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/media\/8482"}],"wp:attachment":[{"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/media?parent=2509"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/categories?post=2509"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/tags?post=2509"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}