{"id":1443,"date":"2019-09-10T14:03:25","date_gmt":"2019-09-10T18:03:25","guid":{"rendered":"https:\/\/malpicaquintero.com\/web\/?p=1443"},"modified":"2019-09-10T14:03:34","modified_gmt":"2019-09-10T18:03:34","slug":"la-importancia-del-diseno-responsivo-o-adaptativo","status":"publish","type":"post","link":"https:\/\/malpicaquintero.com\/web\/la-importancia-del-diseno-responsivo-o-adaptativo\/","title":{"rendered":"La importancia del dise\u00f1o responsivo o adaptativo"},"content":{"rendered":"\n<p>Esta t\u00e9cnica o filosof\u00eda de dise\u00f1o fue desarrollada durante la primera d\u00e9cada del presente siglo, nace en respuesta a la necesidad de hacer mucho m\u00e1s \u00e1giles los procesos de desarrollo web, manteniendo lo m\u00e1s integro la apariencia de las p\u00e1ginas en la mayor cantidad de dispositivos posible, esto debido al crecimiento explosivo de las tecnolog\u00edas m\u00f3viles y su imparable expansi\u00f3n global, lo que pon\u00eda a dise\u00f1adores y desarrolladores a trabajar doble, hasta triple, para poder hacer las adaptaciones a cada dispositivo, todos con tama\u00f1os de pantallas diferentes. Al d\u00eda de hoy el dise\u00f1o adaptativo es pr\u00e1ctica fundamental a la hora de realizar cualquier proyecto web por m\u00e1s peque\u00f1o que este sea.<\/p>\n<p>Es una t\u00e9cnica que requiere destreza, conocimiento y paciencia por parte de los desarrolladores involucrados, as\u00ed como de una importante documentaci\u00f3n en c\u00f3digo para poder entender el alcance real de cada componente css y explotar las funcionalidades desarrolladas hoy, en el mediano y largo plazo.<\/p>\n<h2>\u00bfQu\u00e9 debemos tomar en cuenta a la hora de hacer una web adaptativa?<\/h2>\n<h3>Carga de p\u00e1gina<\/h3>\n<p>Debes considerar la calidad de tu hosting y las opciones que este te ofrece para hacer de la carga de tu sitio web una experiencia \u00e1gil y r\u00e1pida a tus usuarios. Por otra parte, es muy importante que hables con tu equipo de desarrolladores para que ellos solo utilicen librer\u00edas JS que permitan hacer una carga de p\u00e1gina condicional (a medida que se requiere se llama), evitando cargar recursos innecesarios cuando las visitas llegan desde m\u00f3vil o tableta.<\/p>\n<h3>Tama\u00f1os de pantalla<\/h3>\n<p>Lo recomendable es dise\u00f1ar con el patr\u00f3n mobile-first, es decir la hoja de estilo debe estar desarrollada para desplegar primeramente las interfaces en dispositivos m\u00f3viles como los celulares, luego las tabletas y por \u00faltimo los equipos de escritorio, tu equipo de trabajo debe estar muy consciente del uso de los c\u00f3digos media-queries y documentarlo lo mejor posible, de esta forma evitamos problemas de adaptaci\u00f3n con las pantallas o sobrecargar los sitios de elementos in\u00fatiles. Hoy d\u00eda en el mercado existe tal cantidad de dispositivos y pantallas que es elemental la carga de contenidos fluidos y no est\u00e1ticos.<\/p>\n<h3>Adaptar y\/o descartar los efectos<\/h3>\n<p>Algunos efectos que se pueden usar en la web de escritorio no funcionan en la web adaptativa, es por ello que para cada dispositivo debemos adaptar los efectos que consideremos importantes para enriquecer la experiencia de usuario y descartar aquellos que no sean realmente necesarios. Por eso es tan importante hacer una comprobaci\u00f3n multi dispositivo-plataforma.<\/p>\n<h2>Y como conclusi\u00f3n<\/h2>\n<p>La profundidad de cada recomendaci\u00f3n depender\u00e1 exclusivamente del alcance de tu proyecto y de la importancia que t\u00fa le des a la UX, recuerda esto: Una mala experiencia de usuario puede hacer que tu visitante nunca m\u00e1s regrese a tu sitio web y descarte tu producto o servicio. No permitas que esto te suceda.<\/p>\n<p><em><strong>\u00a1An\u00edmate a consultarnos, nosotros podemos ayudarte!<\/strong><\/em>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Esta t\u00e9cnica o filosof\u00eda de dise\u00f1o fue desarrollada durante la primera d\u00e9cada del presente siglo, nace en respuesta a la necesidad de hacer mucho m\u00e1s \u00e1giles<span class=\"excerpt-hellip\"> [\u2026]<\/span><\/p>\n","protected":false},"author":1,"featured_media":1447,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[18,11],"tags":[14,17,13],"class_list":["post-1443","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web","category-usabilidad","tag-diseno-grafico","tag-diseno-movil","tag-diseno-web"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/malpicaquintero.com\/web\/wp-content\/uploads\/2019\/09\/malpicaquintero-web-responsive-o-adaptativa.jpg","jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/malpicaquintero.com\/web\/wp-json\/wp\/v2\/posts\/1443","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/malpicaquintero.com\/web\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/malpicaquintero.com\/web\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/malpicaquintero.com\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/malpicaquintero.com\/web\/wp-json\/wp\/v2\/comments?post=1443"}],"version-history":[{"count":0,"href":"https:\/\/malpicaquintero.com\/web\/wp-json\/wp\/v2\/posts\/1443\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/malpicaquintero.com\/web\/wp-json\/wp\/v2\/media\/1447"}],"wp:attachment":[{"href":"https:\/\/malpicaquintero.com\/web\/wp-json\/wp\/v2\/media?parent=1443"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/malpicaquintero.com\/web\/wp-json\/wp\/v2\/categories?post=1443"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/malpicaquintero.com\/web\/wp-json\/wp\/v2\/tags?post=1443"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}