{"id":34413,"date":"2019-12-03T17:55:24","date_gmt":"2019-12-03T14:55:24","guid":{"rendered":"https:\/\/stage.cactus-now.com\/noticias-de-cactus\/web-development-trends-to-get-ready-for-in-2020\/"},"modified":"2026-06-01T17:11:40","modified_gmt":"2026-06-01T14:11:40","slug":"tendencias-de-desarrollo-web-para-prepararse-en-2020","status":"publish","type":"post","link":"https:\/\/stage.cactus-now.com\/es\/nuestro-blog\/tendencias-de-desarrollo-web-para-prepararse-en-2020\/","title":{"rendered":"Tendencias de desarrollo web para prepararse en 2020"},"content":{"rendered":"<h4 class=\"wp-block-heading\">El campo del desarrollo web ve nuevas tendencias e ideas cada a\u00f1o. Y aquellos que est\u00e1n a punto de construir un sitio web o una aplicaci\u00f3n web deben conocerlas. Despu\u00e9s de todo, seguir las tendencias de desarrollo aporta una mejor experiencia de usuario y mejora el rendimiento y el posicionamiento de tu sitio web.<\/h4>\n\n<p>Tambi\u00e9n te ayuda a hacer frente a la dura competencia en el campo.<br><br>As\u00ed que hoy hablaremos de 8 tendencias prometedoras en el desarrollo web que veremos en 2020. Vamos a verlas.<\/p>\n\n<h2 class=\"wp-block-heading\"><br><strong>#1. Sitios Web Inclusivos<\/strong><\/h2>\n\n<p>Los sitios web inclusivos no son una tendencia nueva en el desarrollo web, pero no van a ser menos relevantes en 2020. Construir sitios inclusivos significa construir sitios web que est\u00e9n disponibles y sean f\u00e1ciles de navegar para todos los usuarios, incluidos aquellos con capacidades diferentes.<\/p>\n\n\n<figure class=\"wp-block-image is-resized\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1000\" height=\"667\" src=\"https:\/\/stage.cactus-now.com\/wp-content\/uploads\/2019\/12\/inclusive-websites.png\" alt=\" class=\"wp-image-8805\" style=\"width:790px\" srcset=\"https:\/\/stage.cactus-now.com\/wp-content\/uploads\/2019\/12\/inclusive-websites.png 1000w, https:\/\/stage.cactus-now.com\/wp-content\/uploads\/2019\/12\/inclusive-websites-300x200.png 300w, https:\/\/stage.cactus-now.com\/wp-content\/uploads\/2019\/12\/inclusive-websites-768x512.png 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n<p>Estos son los pasos b\u00e1sicos para construir sitios web inclusivos:<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li>Mant\u00e9n el dise\u00f1o simple y claro, no satures la pantalla.<\/li>\n<li>A\u00f1ade botones grandes.<\/li>\n<li>Habilita la personalizaci\u00f3n del tama\u00f1o de fuente.<\/li>\n<li>Comprueba si funciona la navegaci\u00f3n por teclado.<\/li>\n<li>A\u00f1ade subt\u00edtulos a los v\u00eddeos y transcripciones para el audio.<\/li>\n<\/ul>\n\n<p>Si sigues estos pasos, est\u00e1s haciendo que el sitio sea m\u00e1s utilizable en general. Para todos. A su vez, obtendr\u00e1s m\u00e1s visitas a la p\u00e1gina, aumentar\u00e1s el tiempo que los usuarios pasan en ella y les facilitar\u00e1s la compra de un art\u00edculo en tu tienda en l\u00ednea.<\/p>\n\n<h2 class=\"wp-block-heading\"><br><strong>#2. PWAs (Aplicaciones Web Progresivas)<\/strong><\/h2>\n\n<p>La popularidad de las PWAs (aplicaciones web progresivas) empuja a los desarrolladores web a hacer que la navegaci\u00f3n en un sitio web se acerque m\u00e1s a la b\u00fasqueda en aplicaciones nativas. Y esto hace que todo el proceso sea m\u00e1s f\u00e1cil de usar.<\/p>\n\n<p>\u00bfQu\u00e9 es una aplicaci\u00f3n web progresiva? En pocas palabras, es un sitio web que ofrece una funcionalidad cercana a la de una aplicaci\u00f3n nativa, para que los usuarios puedan recibir notificaciones push, usar la aplicaci\u00f3n sin conexi\u00f3n, acceder a funciones del hardware y m\u00e1s.<\/p>\n\n<p>El informe <strong>Global Digital Future<\/strong> muestra que los dispositivos m\u00f3viles son m\u00e1s populares que los ordenadores de sobremesa y las tabletas. Los usuarios pasan mucho m\u00e1s tiempo usando aplicaciones m\u00f3viles que usando navegadores m\u00f3viles en sus tel\u00e9fonos inteligentes. De hecho, los usuarios pasan el <strong>80%<\/strong> de su tiempo total en l\u00ednea usando aplicaciones nativas.<\/p>\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/stage.cactus-now.com\/engage-an-expert\/\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"790\" height=\"132\" src=\"https:\/\/stage.cactus-now.com\/wp-content\/uploads\/2019\/11\/Banner_Hire.gif\" alt=\" class=\"wp-image-8729\"\/><\/a><\/figure>\n\n\n<p><br>Pero aquellos que eligen el <a href=\"https:\/\/www.cleveroad.com\/services\/web-development\">desarrollo de aplicaciones web progresivas<\/a> tienen una gran oportunidad de cambiar eso. Al eliminar la mala experiencia de usuario y el lento rendimiento del sitio web, as\u00ed como otros problemas comunes, y proporcionar acceso sin conexi\u00f3n, pueden hacer que los sitios web vuelvan a ser excelentes.<\/p>\n\n<h2 class=\"wp-block-heading\"><br><strong>#3. AMPs (P\u00e1ginas M\u00f3viles Aceleradas)<\/strong><\/h2>\n\n<p>Google ha dado pasos de gigante para proporcionar una excelente experiencia de navegaci\u00f3n a los usuarios m\u00f3viles. Por eso present\u00f3 AMP en 2015. Hoy en d\u00eda, esto sigue siendo una tendencia.<\/p>\n\n<p>Las AMP fomentan la creaci\u00f3n de sitios que se cargan en segundos y funcionan seg\u00fan lo requerido en diferentes plataformas. Los sitios acelerados necesitan unos dos segundos para cargarse, en comparaci\u00f3n con los 22 segundos que necesitan los sitios web normales.<\/p>\n\n<p>Adem\u00e1s, a Google le gustan los sitios r\u00e1pidos, y el uso de AMP aumenta la visibilidad de un sitio web y le ayuda a alcanzar una posici\u00f3n m\u00e1s alta en los resultados de b\u00fasqueda.<\/p>\n\n<h2 class=\"wp-block-heading\"><br><strong>#4. B\u00fasqueda por Voz<\/strong><\/h2>\n\n<p>La b\u00fasqueda por voz no era tan notable antes, ya que los resultados eran dispares (y a menudo malos). Adem\u00e1s, los productos con entrada de voz de alta calidad no eran precisamente baratos. Pero ahora, la b\u00fasqueda por voz optimizada va a ser lo primero en 2020.<br><br>All\u00e1 por 2017, Gartner predijo que el 30% de todas las b\u00fasquedas se realizar\u00edan por voz antes de 2020. Y esto parece ser m\u00e1s o menos cierto ahora. Hoy en d\u00eda, llamas a Uber por voz, activas los AirPods de Apple, consultas Google Home y Amazon Echo, o interact\u00faas con asistentes virtuales como Siri o Alexa.<br><br>Y esa es otra tendencia que viene de la experiencia m\u00f3vil. Introducir texto en peque\u00f1os teclados m\u00f3viles es bastante complicado y conduce a muchos errores ortogr\u00e1ficos. Ahora, la b\u00fasqueda y los comandos por voz tambi\u00e9n dominan los sitios web.<\/p>\n\n<h2 class=\"wp-block-heading\"><br><strong>#5. Desarrollo API-First (Priorizando las API)<\/strong><\/h2>\n\n<p>Hoy en d\u00eda, tenemos una gran cantidad de m\u00f3viles, wearables y otros dispositivos que se integran. Los nuevos productos deben estar listos para conectarse con otras aplicaciones, y las API son de gran ayuda.<\/p>\n\n<p>A menudo vemos lo siguiente: una empresa se centra en construir una soluci\u00f3n web o m\u00f3vil pero no presta mucha atenci\u00f3n al desarrollo de la API. En el mejor de los casos, es solo un proyecto secundario, no est\u00e1 bien dise\u00f1ado ni probado.<\/p>\n\n<p>Otra raz\u00f3n: el desarrollo de API lleva demasiado tiempo (y por lo tanto, dinero).<\/p>\n\n<p>Este es el ciclo tradicional de desarrollo de API:<\/p>\n\n<ol>\n<li>El equipo de I+D crea un dise\u00f1o.<\/li>\n<li>Los desarrolladores back-end trabajan en un prototipo.<\/li>\n<li>Los equipos de control de calidad (QA) y desarrollo front-end obtienen acceso al prototipo (tan pronto como est\u00e9 listo).<\/li>\n<li>En caso de alg\u00fan error o mejora, se repite el ciclo.<\/li>\n<\/ol>\n\n\n<figure class=\"wp-block-image is-resized\"><img decoding=\"async\" width=\"1600\" height=\"1000\" src=\"https:\/\/stage.cactus-now.com\/wp-content\/uploads\/2019\/12\/front-end-development.jpg\" alt=\" class=\"wp-image-8776\" style=\"width:790px\" srcset=\"https:\/\/stage.cactus-now.com\/wp-content\/uploads\/2019\/12\/front-end-development.jpg 1600w, https:\/\/stage.cactus-now.com\/wp-content\/uploads\/2019\/12\/front-end-development-300x188.jpg 300w, https:\/\/stage.cactus-now.com\/wp-content\/uploads\/2019\/12\/front-end-development-768x480.jpg 768w, https:\/\/stage.cactus-now.com\/wp-content\/uploads\/2019\/12\/front-end-development-1024x640.jpg 1024w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/><\/figure>\n\n\n<p>El desarrollo API-First ayuda a deshacerse de este c\u00edrculo. Su desarrollo ocurre simult\u00e1neamente: una parte del equipo no necesita esperar a que la otra termine su trabajo. El proceso es m\u00e1s r\u00e1pido, ya que la API es un simulacro (mock) y todo el equipo puede trabajar en ella.<\/p>\n\n\n<figure class=\"wp-block-image is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"1000\" src=\"https:\/\/stage.cactus-now.com\/wp-content\/uploads\/2019\/12\/back-end.jpg\" alt=\" class=\"wp-image-8779\" style=\"width:790px\" srcset=\"https:\/\/stage.cactus-now.com\/wp-content\/uploads\/2019\/12\/back-end.jpg 1600w, https:\/\/stage.cactus-now.com\/wp-content\/uploads\/2019\/12\/back-end-300x188.jpg 300w, https:\/\/stage.cactus-now.com\/wp-content\/uploads\/2019\/12\/back-end-768x480.jpg 768w, https:\/\/stage.cactus-now.com\/wp-content\/uploads\/2019\/12\/back-end-1024x640.jpg 1024w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/><\/figure>\n\n\n<h2 class=\"wp-block-heading\"><br><strong>#6. Chatbots Inteligentes<\/strong><\/h2>\n\n<p>Hemos hablado de la b\u00fasqueda por voz, y aqu\u00ed viene otro caso de uso de la IA: los chatbots, que se est\u00e1n volviendo realmente inteligentes muy r\u00e1pido.<br><br>Resulta que una base simple con una enorme variedad de datos no es suficiente. Los chatbots no funcionan cuando se trata de preguntas frecuentes (FAQ), porque las FAQ en s\u00ed mismas no funcionan. No ayudan a los clientes, ya que las FAQ contienen respuestas obvias, pero las personas acuden al soporte cuando se enfrentan a preguntas complejas.<br><br>Los chatbots de 2020 estudian el comportamiento del cliente y entienden c\u00f3mo abordar diferentes situaciones. Muchos sitios web ya tienen chatbots inteligentes. Los bots est\u00e1n listos para cualquier pregunta, e incluso pueden seleccionar los productos requeridos y realizar pedidos.<\/p>\n\n\n<figure class=\"wp-block-image is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"1000\" src=\"https:\/\/stage.cactus-now.com\/wp-content\/uploads\/2019\/12\/use-cases.jpg\" alt=\" class=\"wp-image-8782\" style=\"width:790px\" srcset=\"https:\/\/stage.cactus-now.com\/wp-content\/uploads\/2019\/12\/use-cases.jpg 1600w, https:\/\/stage.cactus-now.com\/wp-content\/uploads\/2019\/12\/use-cases-300x188.jpg 300w, https:\/\/stage.cactus-now.com\/wp-content\/uploads\/2019\/12\/use-cases-768x480.jpg 768w, https:\/\/stage.cactus-now.com\/wp-content\/uploads\/2019\/12\/use-cases-1024x640.jpg 1024w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/><\/figure>\n\n\n<h2 class=\"wp-block-heading\"><br><strong>#7. Modo Oscuro<\/strong><\/h2>\n\n<p>\u00bfPor qu\u00e9 todo el mundo est\u00e1 loco por las versiones oscuras? Es simple: el modo hace que tu contenido sea m\u00e1s f\u00e1cil de leer. Especialmente si se trata de publicaciones de blog o art\u00edculos. Hacer que el sitio web sea lo m\u00e1s legible posible es excelente para estimular la experiencia del usuario. Si un blog tiene la opci\u00f3n &#8216;Modo oscuro&#8217;, habr\u00e1 menos probabilidades de fatiga visual. Por eso ves botones de &#8216;Cambiar a Modo oscuro&#8217; cada vez m\u00e1s a menudo.<br><br>Pero deber\u00eda ser un interruptor real: da a los visitantes la oportunidad de usar el tema &#8216;claro&#8217; u &#8216;oscuro&#8217;, el que prefieran. Debes tratar el modo como una opci\u00f3n secundaria \u00fatil cuando sea apropiado para el contexto y el uso, como hace Hulu.<\/p>\n\n\n<figure class=\"wp-block-image is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"1000\" src=\"https:\/\/stage.cactus-now.com\/wp-content\/uploads\/2019\/12\/dark-mode.jpg\" alt=\" class=\"wp-image-8785\" style=\"width:790px\" srcset=\"https:\/\/stage.cactus-now.com\/wp-content\/uploads\/2019\/12\/dark-mode.jpg 1600w, https:\/\/stage.cactus-now.com\/wp-content\/uploads\/2019\/12\/dark-mode-300x188.jpg 300w, https:\/\/stage.cactus-now.com\/wp-content\/uploads\/2019\/12\/dark-mode-768x480.jpg 768w, https:\/\/stage.cactus-now.com\/wp-content\/uploads\/2019\/12\/dark-mode-1024x640.jpg 1024w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/><\/figure>\n\n\n<p>Como puedes ver, las tendencias de desarrollo web no son muy diferentes de las de a\u00f1os anteriores. Pero si est\u00e1s planeando actualizar tu sitio web y prepararlo para 2020, sin duda es una buena idea echar un vistazo a las tendencias modernas y descubrir cu\u00e1les podr\u00edan ser \u00fatiles para tu producto web.<\/p>\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n<figure class=\"wp-block-image alignleft is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1280\" src=\"https:\/\/stage.cactus-now.com\/wp-content\/uploads\/2019\/12\/Vitaly-Kuprenko.jpg\" alt=\"Vitaly Kuprenko\" class=\"wp-image-8788\" style=\"width:150px;height:214px\" srcset=\"https:\/\/stage.cactus-now.com\/wp-content\/uploads\/2019\/12\/Vitaly-Kuprenko.jpg 1024w, https:\/\/stage.cactus-now.com\/wp-content\/uploads\/2019\/12\/Vitaly-Kuprenko-240x300.jpg 240w, https:\/\/stage.cactus-now.com\/wp-content\/uploads\/2019\/12\/Vitaly-Kuprenko-768x960.jpg 768w, https:\/\/stage.cactus-now.com\/wp-content\/uploads\/2019\/12\/Vitaly-Kuprenko-819x1024.jpg 819w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n<p><strong>Vitaly Kuprenko<\/strong> es redactor t\u00e9cnico en <a href=\"https:\/\/www.cleveroad.com\/\">Cleveroad<\/a>, una empresa de desarrollo de aplicaciones web y m\u00f3viles en Ucrania. Disfruta contando a la gente sobre innovaciones tecnol\u00f3gicas y formas digitales de impulsar los negocios.<\/p>","protected":false},"excerpt":{"rendered":"<p>The web development field sees new trends and ideas every year. And those who are about to build a website or web app should be aware of them. After all, following development trends brings better user experience, and improves your website&#8217;s performance and ranking. <\/p>\n","protected":false},"author":25,"featured_media":34415,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[700],"tags":[],"class_list":["post-34413","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-nuestro-blog"],"acf":[],"_links":{"self":[{"href":"https:\/\/stage.cactus-now.com\/es\/wp-json\/wp\/v2\/posts\/34413","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stage.cactus-now.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/stage.cactus-now.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/stage.cactus-now.com\/es\/wp-json\/wp\/v2\/users\/25"}],"replies":[{"embeddable":true,"href":"https:\/\/stage.cactus-now.com\/es\/wp-json\/wp\/v2\/comments?post=34413"}],"version-history":[{"count":0,"href":"https:\/\/stage.cactus-now.com\/es\/wp-json\/wp\/v2\/posts\/34413\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stage.cactus-now.com\/es\/wp-json\/wp\/v2\/media\/34415"}],"wp:attachment":[{"href":"https:\/\/stage.cactus-now.com\/es\/wp-json\/wp\/v2\/media?parent=34413"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stage.cactus-now.com\/es\/wp-json\/wp\/v2\/categories?post=34413"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stage.cactus-now.com\/es\/wp-json\/wp\/v2\/tags?post=34413"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}