{"id":82172,"date":"2025-08-25T22:47:55","date_gmt":"2025-08-25T22:47:55","guid":{"rendered":"https:\/\/proyectos.comunicaciondigital.es\/?p=82172"},"modified":"2025-08-25T23:12:24","modified_gmt":"2025-08-25T23:12:24","slug":"t5-investigacion-usuarios","status":"publish","type":"post","link":"https:\/\/proyectos.comunicaciondigital.es\/en\/t5-investigacion-usuarios\/","title":{"rendered":"Tema 5. Investigaci\u00f3n de usuario y requisitos"},"content":{"rendered":"<p>[et_pb_section fb_built=\u00bb1&#8243; _builder_version=\u00bb4.16&#8243; global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_row _builder_version=\u00bb4.16&#8243; background_size=\u00bbinitial\u00bb background_position=\u00bbtop_left\u00bb background_repeat=\u00bbrepeat\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_column type=\u00bb4_4&#8243; _builder_version=\u00bb4.16&#8243; custom_padding=\u00bb|||\u00bb global_colors_info=\u00bb{}\u00bb custom_padding__hover=\u00bb|||\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_text admin_label=\u00bbConociendo etiqueta\u00bb module_id=\u00bb1&#8243; _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb header_text_color=\u00bb#cc181e\u00bb header_2_text_color=\u00bb#cc181e\u00bb hover_enabled=\u00bb0&#8243; global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb sticky_enabled=\u00bb0&#8243;]<\/p>\n<h2>Tema 5: Investigaci\u00f3n de usuario y requisitos<\/h2>\n<p>[\/et_pb_text][et_pb_accordion _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb body_link_text_color=\u00bb#cc181e\u00bb hover_enabled=\u00bb0&#8243; global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb sticky_enabled=\u00bb0&#8243;][et_pb_accordion_item title=\u00bb5.1 T\u00e9cnicas de Investigaci\u00f3n de Usuarios\u00bb open=\u00bbon\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0&#8243; global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb sticky_enabled=\u00bb0&#8243;]<\/p>\n<h3>Fundamentos de la Investigaci\u00f3n de Usuario en Productos de Comunicaci\u00f3n Digital<\/h3>\n<p>La <strong>investigaci\u00f3n de usuarios<\/strong> en el \u00e1mbito de la comunicaci\u00f3n digital constituye el cimiento sobre el que se construyen experiencias digitales exitosas, desde aplicaciones m\u00f3viles y plataformas web hasta contenidos multimedia interactivos y sistemas de gesti\u00f3n de contenidos. Esta disciplina ha evolucionado desde metodolog\u00edas puramente observacionales hacia <strong>enfoques multim\u00e9todo<\/strong> que combinan datos cuantitativos y cualitativos para generar comprensiones profundas sobre <strong>audiencias<\/strong>, <strong>patrones de consumo de contenidos<\/strong> y <strong>comportamientos de interacci\u00f3n<\/strong> con medios digitales.<\/p>\n<p>En el contexto espec\u00edfico de la comunicaci\u00f3n digital, la investigaci\u00f3n de usuarios debe capturar no s\u00f3lo las <strong>necesidades funcionales<\/strong> de navegaci\u00f3n e interacci\u00f3n, sino tambi\u00e9n las <strong>motivaciones emocionales<\/strong> de consumo de contenidos, los <strong>patrones de atenci\u00f3n y engagement<\/strong>, las <strong>preferencias de formato multimedia<\/strong>, y los <strong>contextos sociales<\/strong> en los que se produce el consumo de medios digitales. Los usuarios contempor\u00e1neos consumen contenidos a trav\u00e9s de m\u00faltiples dispositivos, plataformas y formatos, creando <strong>ecosistemas de comunicaci\u00f3n fragmentados<\/strong> que requieren comprensi\u00f3n hol\u00edstica.<\/p>\n<p>La complejidad del ecosistema de comunicaci\u00f3n digital actual requiere enfoques de investigaci\u00f3n sofisticados que puedan capturar tanto los <strong>comportamientos expl\u00edcitos<\/strong> de navegaci\u00f3n y consumo como los <strong>patrones latentes de engagement<\/strong>, las <strong>preferencias de formato no articuladas<\/strong>, y las <strong>oportunidades emergentes<\/strong> en nuevos canales de comunicaci\u00f3n que pueden no ser evidentes a trav\u00e9s de m\u00e9todos tradicionales de an\u00e1lisis de audiencias. <a href=\"https:\/\/www.cjr.org\/innovations\/digital-audience-research.php\">Columbia Journalism Review<\/a> ha analizado extensamente c\u00f3mo los medios digitales est\u00e1n adaptando sus metodolog\u00edas de investigaci\u00f3n de audiencia para capturar estos comportamientos complejos.<\/p>\n<p>La investigaci\u00f3n eficaz para proyectos de comunicaci\u00f3n digital debe equilibrar rigor metodol\u00f3gico con agilidad pr\u00e1ctica, proporcionando evidencias s\u00f3lidas para decisiones de contenido y dise\u00f1o mientras mantiene la velocidad necesaria para responder a tendencias emergentes en consumo de medios. Este equilibrio requiere selecci\u00f3n cuidadosa de m\u00e9todos seg\u00fan el tipo de proyecto (plataforma editorial, aplicaci\u00f3n de noticias, portal corporativo, red social, etc.), las limitaciones temporales y los recursos disponibles.<\/p>\n<p><a href=\"https:\/\/www.nngroup.com\/articles\/which-ux-research-methods\/\">Nielsen Norman Group<\/a> ha documentado extensivamente c\u00f3mo diferentes m\u00e9todos de investigaci\u00f3n proporcionan diferentes tipos de comprensiones espec\u00edficamente aplicables a proyectos de comunicaci\u00f3n, desde datos comportamentales sobre patrones de lectura hasta percepciones actitudinales sobre credibilidad y confianza en medios digitales.<\/p>\n<h3>M\u00e9todos Cualitativos para Comunicaci\u00f3n Digital<\/h3>\n<p>Los <strong>m\u00e9todos cualitativos<\/strong> en comunicaci\u00f3n digital proporcionan comprensiones profundas sobre las <strong>motivaciones de consumo de contenidos<\/strong>, <strong>actitudes hacia diferentes formatos medi\u00e1ticos<\/strong>, <strong>percepciones de credibilidad y autoridad<\/strong>, y <strong>contextos sociales y emocionales<\/strong> que influyen en el engagement con productos de comunicaci\u00f3n. Estas t\u00e9cnicas son particularmente valiosas para entender el \u00ab<strong>por qu\u00e9<\/strong>\u00bb detr\u00e1s de los patrones de consumo de medios y para identificar <strong>oportunidades de innovaci\u00f3n<\/strong> en formatos y experiencias de comunicaci\u00f3n.<\/p>\n<p>Las <strong>entrevistas en profundidad<\/strong> con usuarios de medios digitales permiten la exploraci\u00f3n detallada de <strong>h\u00e1bitos de consumo de informaci\u00f3n<\/strong>, <strong>procesos de evaluaci\u00f3n de fuentes<\/strong>, <strong>preferencias de formato de contenido<\/strong>, y <strong>contextos situacionales<\/strong> que influyen en el acceso y compartici\u00f3n de informaci\u00f3n. En proyectos de comunicaci\u00f3n digital, las entrevistas deben explorar no s\u00f3lo qu\u00e9 contenidos consumen los usuarios, sino <strong>c\u00f3mo, cu\u00e1ndo, d\u00f3nde y por qu\u00e9<\/strong> acceden a diferentes tipos de informaci\u00f3n.<\/p>\n<p>El dise\u00f1o de entrevistas para proyectos de comunicaci\u00f3n debe abordar dimensiones espec\u00edficas como credibilidad percibida de fuentes, influencia de recomendaciones sociales en el consumo de contenidos, preferencias de longitud y formato de contenidos seg\u00fan contextos de uso, y actitudes hacia diferentes tipos de personalizaci\u00f3n y curaci\u00f3n autom\u00e1tica de contenidos.<\/p>\n<p>Los grupos de enfoque para productos de comunicaci\u00f3n digital facilitan la exploraci\u00f3n de din\u00e1micas sociales en el consumo y compartici\u00f3n de contenidos, percepciones colectivas sobre temas de actualidad, y debates sobre diferentes enfoques narrativos o de presentaci\u00f3n de informaci\u00f3n. Esta t\u00e9cnica es particularmente valiosa para proyectos de medios de comunicaci\u00f3n que necesitan entender c\u00f3mo las audiencias interpretan y discuten contenidos en contextos sociales.<\/p>\n<p>La investigaci\u00f3n etnogr\u00e1fica en contextos de comunicaci\u00f3n digital permite observar c\u00f3mo los usuarios integran el consumo de medios en sus rutinas diarias, c\u00f3mo cambian entre diferentes dispositivos y formatos seg\u00fan contextos, y c\u00f3mo las decisiones sobre qu\u00e9 contenidos consumir y compartir est\u00e1n influenciadas por factores ambientales y sociales que pueden no emerger en entornos de investigaci\u00f3n controlados.<\/p>\n<p>Las t\u00e9cnicas de <strong>diary studies<\/strong> (estudios de diario) son especialmente valiosas para proyectos de comunicaci\u00f3n digital porque permiten capturar <strong>patrones de consumo de medios a lo largo del tiempo<\/strong>, identificar <strong>momentos y contextos espec\u00edficos<\/strong> en los que los usuarios buscan diferentes tipos de informaci\u00f3n, y comprender c\u00f3mo evoluciona el engagement con contenidos seg\u00fan <strong>factores temporales y situacionales<\/strong>. <a href=\"https:\/\/medium.com\/facebook-research\/diary-studies-understanding-long-term-user-behavior-and-experiences-4e4ca4c88c84\">Facebook Research<\/a> ha documentado c\u00f3mo los diary studies pueden revelar patrones de consumo de medios que no emergen en otros tipos de investigaci\u00f3n.<\/p>\n<p><a href=\"https:\/\/www.gov.uk\/service-manual\/user-research\">El Manual de Servicios del Gobierno del Reino Unido<\/a> proporciona orientaci\u00f3n exhaustiva sobre c\u00f3mo realizar investigaci\u00f3n cualitativa espec\u00edficamente para servicios de informaci\u00f3n y comunicaci\u00f3n p\u00fablica, demostrando c\u00f3mo estas t\u00e9cnicas pueden aplicarse para comprender necesidades complejas de informaci\u00f3n ciudadana en entornos digitales.<\/p>\n<h3>M\u00e9todos Cuantitativos y Anal\u00edtica de Medios Digitales<\/h3>\n<p>Los m\u00e9todos cuantitativos en comunicaci\u00f3n digital proporcionan datos mensurables sobre comportamientos de consumo de contenidos, patrones de navegaci\u00f3n, engagement con diferentes formatos medi\u00e1ticos, y eficacia de estrategias de distribuci\u00f3n de contenidos que pueden informar decisiones de optimizaci\u00f3n editorial y validar hip\u00f3tesis generadas a trav\u00e9s de investigaci\u00f3n cualitativa.<\/p>\n<p>Las <strong>m\u00e9tricas de consumo de contenidos<\/strong> incluyen datos sobre <strong>tiempo de lectura<\/strong>, <strong>profundidad de scroll<\/strong>, <strong>tasas de finalizaci\u00f3n de v\u00eddeos<\/strong>, <strong>patrones de navegaci\u00f3n entre art\u00edculos<\/strong>, <strong>tasas de compartici\u00f3n social<\/strong>, y <strong>patrones de regreso<\/strong> que revelan c\u00f3mo las audiencias realmente interact\u00faan con contenidos digitales en oposici\u00f3n a c\u00f3mo declaran que los consumen. Estas m\u00e9tricas son particularmente valiosas para identificar <strong>formatos de contenido<\/strong> que generan mayor engagement y para optimizar <strong>estrategias editoriales<\/strong>.<\/p>\n<p>La <strong>anal\u00edtica de audiencias<\/strong> permite la <strong>segmentaci\u00f3n de usuarios<\/strong> basada en patrones de consumo, identificando diferentes tipos de lectores, viewers o usuarios que pueden tener necesidades, preferencias y comportamientos significativamente diferentes. Por ejemplo, <strong>lectores ocasionales versus lectores habituales<\/strong>, <strong>consumidores de contenido multimedia versus preferencias textuales<\/strong>, o <strong>audiencias m\u00f3viles versus desktop<\/strong> que requieren estrategias de contenido diferenciadas. <a href=\"https:\/\/www.parse.ly\/resources\/data-studies\/\">Parse.ly<\/a> publica regularmente estudios sobre estos patrones de segmentaci\u00f3n en medios digitales.<\/p>\n<p>Las pruebas A\/B espec\u00edficas para comunicaci\u00f3n digital incluyen testing de titulares, formatos de presentaci\u00f3n de noticias, estrategias de curaci\u00f3n de contenidos, dise\u00f1os de newsletters, y enfoques de personalizaci\u00f3n que permiten validaci\u00f3n emp\u00edrica de qu\u00e9 elementos mejoran realmente el engagement de audiencias y la eficacia comunicativa.<\/p>\n<p>Los an\u00e1lisis de funnel de conversi\u00f3n para medios digitales rastrean c\u00f3mo las audiencias progresan desde el descubrimiento de contenidos hasta acciones deseadas como suscripci\u00f3n, compartici\u00f3n, participaci\u00f3n en comentarios, o consumo de contenidos relacionados. Estos an\u00e1lisis son fundamentales para optimizar estrategias de acquisici\u00f3n y retenci\u00f3n de audiencias.<\/p>\n<p>Las m\u00e9tricas de engagement espec\u00edficas para comunicaci\u00f3n incluyen tiempo de atenci\u00f3n por contenido, tasas de comentario y participaci\u00f3n, an\u00e1lisis de sentiment en interacciones sociales, y medici\u00f3n de la amplificaci\u00f3n org\u00e1nica de contenidos a trav\u00e9s de diferentes canales de distribuci\u00f3n.<\/p>\n<p><a href=\"https:\/\/amplitude.com\/blog\/\">El enfoque de Amplitude hacia anal\u00edtica comportamental<\/a> demuestra c\u00f3mo datos cuantitativos pueden combinarse con insights cualitativos para crear comprensi\u00f3n integral de experiencias de audiencia que informan tanto decisiones estrat\u00e9gicas editoriales como optimizaciones t\u00e1cticas de productos de comunicaci\u00f3n.<\/p>\n<h3>Investigaci\u00f3n Remota y Herramientas Digitales para Medios<\/h3>\n<p>La investigaci\u00f3n remota en comunicaci\u00f3n digital ha experimentado una transformaci\u00f3n radical, particularmente acelerada por los cambios en patrones de consumo de medios y la disponibilidad de herramientas sofisticadas que permiten la recopilaci\u00f3n de datos de audiencia sin limitaciones geogr\u00e1ficas. Estas metodolog\u00edas han expandido significativamente el alcance potencial de la investigaci\u00f3n de medios mientras han reducido los costes y la complejidad log\u00edstica.<\/p>\n<p>Las herramientas de testing de usabilidad remoto espec\u00edficas para productos de comunicaci\u00f3n permiten la observaci\u00f3n de c\u00f3mo las audiencias navegan sitios de noticias, consumen contenidos multimedia, interact\u00faan con formatos interactivos, y utilizan funcionalidades de compartici\u00f3n social en sus contextos naturales de consumo. Plataformas como <a href=\"https:\/\/www.usertesting.com\/\">UserTesting<\/a> han democratizado el acceso a testing de usabilidad para organizaciones de medios de diferentes tama\u00f1os.<\/p>\n<p>Las encuestas online espec\u00edficas para audiencias de medios digitales permiten la recopilaci\u00f3n de datos sobre h\u00e1bitos de consumo de informaci\u00f3n, fuentes de noticias preferidas, actitudes hacia diferentes formatos de contenido, y expectativas sobre personalizaci\u00f3n de experiencias informativas. El dise\u00f1o efectivo de encuestas para comunicaci\u00f3n digital debe considerar sesgos espec\u00edficos relacionados con declaraciones sobre consumo de medios versus comportamientos reales.<\/p>\n<p>Las herramientas de feedback continuo para medios digitales, como encuestas pop-up contextuales, sistemas de valoraci\u00f3n de art\u00edculos, y mecanismos de feedback sobre relevancia de contenidos, permiten la recopilaci\u00f3n ongoing de datos de audiencia que pueden informar decisiones editoriales en tiempo real y detectar cambios en preferencias de contenido.<\/p>\n<p>Los sistemas de monitorizaci\u00f3n de comentarios y engagement social proporcionan insights cualitativos sobre c\u00f3mo las audiencias interpretan, discuten y amplifican contenidos, revelando no s\u00f3lo qu\u00e9 contenidos generan engagement sino tambi\u00e9n c\u00f3mo diferentes tipos de contenido generan diferentes tipos de conversaci\u00f3n y participaci\u00f3n comunitaria.<\/p>\n<p>Las herramientas de an\u00e1lisis de sentiment y topic modeling est\u00e1n comenzando a permitir el an\u00e1lisis automatizado de grandes vol\u00famenes de comentarios de audiencia, interacciones sociales, y feedback sobre contenidos para identificar patrones emergentes en percepci\u00f3n de temas, efectividad de diferentes enfoques narrativos, y oportunidades para nuevos tipos de contenido o cobertura.<\/p>\n<p>[\/et_pb_accordion_item][et_pb_accordion_item title=\u00bb5.2 Customer Journey Maps y User Story Mapping\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0&#8243; global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb open=\u00bboff\u00bb sticky_enabled=\u00bb0&#8243;]<\/p>\n<h3>Recorridos de Usuario en Ecosistemas de Comunicaci\u00f3n Digital<\/h3>\n<p>El <strong>mapeo del recorrido del usuario<\/strong> en comunicaci\u00f3n digital representa una metodolog\u00eda fundamental para comprender y visualizar c\u00f3mo las audiencias <strong>descubren, acceden, consumen, eval\u00faan y comparten<\/strong> contenidos a trav\u00e9s de m\u00faltiples touchpoints y plataformas. Este proceso trasciende la documentaci\u00f3n simple de interacciones para crear comprensiones profundas sobre <strong>motivaciones informativas<\/strong>, <strong>estados emocionales<\/strong> durante el consumo de contenidos, y <strong>oportunidades para mejorar la experiencia de comunicaci\u00f3n<\/strong> que pueden no ser evidentes al analizar m\u00e9tricas individuales.<\/p>\n<p>En el contexto de la comunicaci\u00f3n digital, los recorridos de usuario deben capturar la complejidad de c\u00f3mo las personas se informan en el ecosistema medi\u00e1tico contempor\u00e1neo, incluyendo el descubrimiento de contenidos a trav\u00e9s de redes sociales, la verificaci\u00f3n de informaci\u00f3n a trav\u00e9s de m\u00faltiples fuentes, el consumo de contenidos en diferentes formatos seg\u00fan contextos situacionales, y la participaci\u00f3n en conversaciones sociales alrededor de temas de inter\u00e9s.<\/p>\n<p>Un customer journey map eficaz para proyectos de comunicaci\u00f3n debe capturar no s\u00f3lo las acciones de navegaci\u00f3n y consumo que realizan los usuarios, sino tambi\u00e9n sus motivaciones informativas, estados emocionales durante diferentes fases del consumo de noticias, procesos de evaluaci\u00f3n de credibilidad, y el contexto social y situacional que influye en sus decisiones sobre qu\u00e9 informaci\u00f3n consumir, compartir y discutir.<\/p>\n<p>La construcci\u00f3n de journey maps para comunicaci\u00f3n digital requiere s\u00edntesis de m\u00faltiples fuentes de datos espec\u00edficas del sector, incluyendo an\u00e1lisis de flujos de referencia desde redes sociales, patrones de consumo multiplataforma, datos de engagement con diferentes formatos de contenido, y feedback cualitativo sobre experiencias de descubrimiento y consumo de informaci\u00f3n.<\/p>\n<p>Los journey maps para medios digitales deben ser documentos vivos que se actualizan bas\u00e1ndose en cambios en algoritmos de plataformas sociales, evoluci\u00f3n en h\u00e1bitos de consumo de medios, aparici\u00f3n de nuevos formatos de contenido, y cambios en el landscape informativo que pueden alterar significativamente c\u00f3mo las audiencias acceden y procesan informaci\u00f3n.<\/p>\n<p><a href=\"https:\/\/www.nngroup.com\/articles\/customer-journey-mapping\/\">La gu\u00eda exhaustiva de Nielsen Norman Group<\/a> sobre mapeo de recorridos de usuario demuestra c\u00f3mo estas visualizaciones pueden servir como herramientas poderosas para alineaci\u00f3n cross-functional y toma de decisiones estrat\u00e9gicas espec\u00edficamente en desarrollo de productos de comunicaci\u00f3n digital.<\/p>\n<h3>Componentes Espec\u00edficos del Journey Map para Comunicaci\u00f3n<\/h3>\n<p>La construcci\u00f3n efectiva de journey maps para productos de comunicaci\u00f3n digital requiere un enfoque estructurado que capture las particularidades del consumo de medios contempor\u00e1neo, equilibrando detalle suficiente para generar insights accionables con claridad visual que permita comprensi\u00f3n r\u00e1pida entre equipos editoriales, t\u00e9cnicos y de dise\u00f1o con diferentes backgrounds.<\/p>\n<p>Las <strong>fases del journey<\/strong> en comunicaci\u00f3n digital t\u00edpicamente incluyen <strong>descubrimiento de contenido<\/strong> (a trav\u00e9s de b\u00fasquedas, redes sociales, newsletters, o navegaci\u00f3n directa), <strong>evaluaci\u00f3n inicial de relevancia y credibilidad<\/strong>, <strong>consumo del contenido principal<\/strong>, <strong>exploraci\u00f3n de contenidos relacionados<\/strong>, <strong>evaluaci\u00f3n post-consumo<\/strong> de utilidad o satisfacci\u00f3n, y <strong>decisiones sobre compartici\u00f3n o amplificaci\u00f3n social<\/strong>. <a href=\"https:\/\/www.niemanlab.org\/2019\/12\/how-people-actually-read-and-engage-with-news-online-and-what-it-means-for-publishers\/\">Nieman Journalism Lab<\/a> ha investigado extensamente estos patrones de consumo de noticias online.<\/p>\n<p>Los touchpoints espec\u00edficos de comunicaci\u00f3n incluyen todos los puntos de contacto entre la audiencia y el contenido: feeds de redes sociales, resultados de b\u00fasqueda, newsletters, notificaciones push, sitios web, aplicaciones m\u00f3viles, podcasts, v\u00eddeos, sistemas de comentarios, funcionalidades de compartici\u00f3n, y canales de atenci\u00f3n al usuario. La identificaci\u00f3n exhaustiva requiere colaboraci\u00f3n entre equipos editoriales, t\u00e9cnicos y de distribuci\u00f3n.<\/p>\n<p>Las motivaciones informativas documentan por qu\u00e9 los usuarios buscan informaci\u00f3n espec\u00edfica, incluyendo necesidades de actualizaci\u00f3n rutinaria, b\u00fasqueda de informaci\u00f3n espec\u00edfica sobre eventos, exploraci\u00f3n de perspectivas diversas sobre temas complejos, entretenimiento informativo, o verificaci\u00f3n de informaci\u00f3n recibida a trav\u00e9s de otros canales.<\/p>\n<p>Los estados emocionales durante el consumo de medios capturan c\u00f3mo diferentes tipos de contenido afectan el estado psicol\u00f3gico de los usuarios, incluyendo curiosidad, ansiedad informativa, satisfacci\u00f3n por comprensi\u00f3n, frustraci\u00f3n por sobrecarga informativa, confianza o desconfianza hacia fuentes, y motivaci\u00f3n para participar en discusiones o tomar acciones.<\/p>\n<p>Los pain points espec\u00edficos de comunicaci\u00f3n digital incluyen sobrecarga informativa, dificultad para verificar credibilidad de fuentes, experiencias de navegaci\u00f3n confusas, formatos inadecuados para contextos de consumo (m\u00f3vil versus desktop), barreras de acceso como paywalls, y dificultades para encontrar informaci\u00f3n actualizada sobre temas espec\u00edficos.<\/p>\n<p>Las oportunidades en comunicaci\u00f3n digital identifican \u00e1reas donde mejoras en la experiencia podr\u00edan crear valor significativo, como personalizaci\u00f3n m\u00e1s efectiva de contenidos, mejores herramientas de contextualizaci\u00f3n, formatos m\u00e1s adecuados para consumo m\u00f3vil, o funcionalidades mejoradas de participaci\u00f3n comunitaria alrededor de contenidos.<\/p>\n<h3>User Story Mapping para Productos de Comunicaci\u00f3n Digital<\/h3>\n<p>El <strong>user story mapping<\/strong> en comunicaci\u00f3n digital proporciona un puente cr\u00edtico entre la comprensi\u00f3n de necesidades de audiencia y la planificaci\u00f3n del desarrollo de productos, organizando funcionalidades potenciales seg\u00fan <strong>flujos de consumo de contenidos<\/strong> y priorizando desarrollo bas\u00e1ndose en <strong>valor para la audiencia<\/strong> en lugar de consideraciones puramente t\u00e9cnicas. Esta t\u00e9cnica ayuda a asegurar que el desarrollo de productos de comunicaci\u00f3n mantenga una <strong>perspectiva centrada en la audiencia<\/strong>.<\/p>\n<p>Las <strong>actividades de usuario de alto nivel<\/strong> en comunicaci\u00f3n digital incluyen <strong>descubrimiento de contenidos relevantes<\/strong>, <strong>consumo eficiente de informaci\u00f3n<\/strong>, <strong>participaci\u00f3n en conversaciones comunitarias<\/strong>, <strong>personalizaci\u00f3n de experiencias informativas<\/strong>, <strong>compartici\u00f3n y amplificaci\u00f3n de contenidos valiosos<\/strong>, y <strong>gesti\u00f3n de preferencias y subscripciones<\/strong>. Estas actividades forman la estructura organizativa principal del story map.<\/p>\n<p>Las user stories espec\u00edficas para comunicaci\u00f3n digital describen funcionalidades concretas como \u00abComo lector ocasional, quiero recibir res\u00famenes personalizados para mantenerme informado sin invertir mucho tiempo\u00bb, \u00abComo profesional del sector, quiero acceder a an\u00e1lisis en profundidad para informar mis decisiones laborales\u00bb, o \u00abComo ciudadano preocupado, quiero verificar la credibilidad de informaci\u00f3n para tomar posiciones informadas\u00bb.<\/p>\n<p>La organizaci\u00f3n vertical de story maps para medios t\u00edpicamente refleja la importancia para diferentes segmentos de audiencia, con funcionalidades esenciales para la experiencia informativa b\u00e1sica en la parte superior y mejoras espec\u00edficas para segmentos particulares posicionadas debajo. Esta organizaci\u00f3n facilita discusiones sobre roadmaps editoriales y t\u00e9cnicos.<\/p>\n<p>La organizaci\u00f3n horizontal sigue el flujo temporal de consumo de contenidos, desde descubrimiento hasta amplificaci\u00f3n, permitiendo visualizar c\u00f3mo las funcionalidades se combinan para crear experiencias informativas coherentes. Esta perspectiva ayuda a identificar gaps en el journey informativo y dependencias entre funcionalidades que afectan la experiencia general.<\/p>\n<p><a href=\"https:\/\/www.jpattonassociates.com\/user-story-mapping\/\">El enfoque de Jeff Patton hacia user story mapping<\/a> demuestra c\u00f3mo esta t\u00e9cnica puede adaptarse espec\u00edficamente para productos de comunicaci\u00f3n, asegurando que el desarrollo t\u00e9cnico permanezca fundamentado en la creaci\u00f3n de valor informativo para audiencias diversas.<\/p>\n<h3>Integraci\u00f3n con Flujos Editoriales y de Producci\u00f3n<\/h3>\n<p>La integraci\u00f3n efectiva de journey maps y user story mapping con procesos editoriales y de producci\u00f3n de contenidos requiere traducir comprensiones de audiencia en artefactos que puedan informar no s\u00f3lo decisiones t\u00e9cnicas sino tambi\u00e9n estrategias de contenido, planificaci\u00f3n editorial, y criterios de calidad informativa. Esta traducci\u00f3n debe preservar insights ricos sobre audiencias mientras proporcionando claridad suficiente para guiar tanto desarrollo t\u00e9cnico como producci\u00f3n editorial.<\/p>\n<p>Los epics derivados de journey mapping para comunicaci\u00f3n digital deben mantener trazabilidad clara a necesidades espec\u00edficas de informaci\u00f3n de audiencias, permitiendo a equipos editoriales y t\u00e9cnicos comprender no s\u00f3lo qu\u00e9 construir o producir, sino por qu\u00e9 es importante para diferentes segmentos de audiencia. Esta conexi\u00f3n ayuda a informar decisiones sobre formatos de contenido, estrategias de distribuci\u00f3n, y funcionalidades t\u00e9cnicas.<\/p>\n<p>Las personas espec\u00edficas de comunicaci\u00f3n digital, derivadas de research de audiencia y journey mapping, proporcionan contexto rico para equipos de producci\u00f3n, ayud\u00e1ndoles a comprender para qui\u00e9n est\u00e1n creando contenido y en qu\u00e9 circunstancias ser\u00e1 consumido. Este contexto es particularmente importante para decisiones sobre tone de voz, profundidad de cobertura, y formatos de presentaci\u00f3n.<\/p>\n<p>Las m\u00e9tricas de \u00e9xito derivadas de journey maps para comunicaci\u00f3n deben reflejar mejoras en experiencia informativa y engagement de audiencia en lugar de s\u00f3lo m\u00e9tricas t\u00e9cnicas o de tr\u00e1fico. Estas m\u00e9tricas centradas en la audiencia proporcionan feedback sobre si las mejoras t\u00e9cnicas y editoriales est\u00e1n realmente mejorando las experiencias que los journey maps identificaron como importantes.<\/p>\n<p>Los procesos de validaci\u00f3n continua utilizan journey maps como marcos para evaluar si los contenidos y funcionalidades est\u00e1n mejorando experiencias de audiencia. Esta validaci\u00f3n puede incluir testing de usabilidad enfocado en flujos espec\u00edficos de consumo, an\u00e1lisis de m\u00e9tricas de engagement correspondientes a fases del journey, y feedback cualitativo sobre cambios en satisfacci\u00f3n informativa.<\/p>\n<p>[\/et_pb_accordion_item][et_pb_accordion_item title=\u00bb5.3 Priorizaci\u00f3n MoSCoW\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0&#8243; global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb open=\u00bboff\u00bb sticky_enabled=\u00bb0&#8243;]<\/p>\n<h3>Aplicaci\u00f3n de MoSCoW en Proyectos de Comunicaci\u00f3n Digital<\/h3>\n<p>La t\u00e9cnica de priorizaci\u00f3n <strong>MoSCoW<\/strong> en el contexto de la comunicaci\u00f3n digital proporciona un framework estructurado para categorizar <strong>funcionalidades y contenidos<\/strong> seg\u00fan su criticidad para el \u00e9xito del producto informativo y valor para las audiencias. Esta metodolog\u00eda facilita conversaciones enfocadas sobre <strong>trade-offs<\/strong> entre stakeholders editoriales, t\u00e9cnicos y de negocio con diferentes perspectivas sobre qu\u00e9 elementos son <strong>esenciales versus deseables<\/strong> en productos de comunicaci\u00f3n.<\/p>\n<p>En productos de comunicaci\u00f3n digital, la aplicaci\u00f3n de MoSCoW debe considerar tanto requisitos funcionales t\u00e9cnicos como necesidades editoriales y de audiencia, incluyendo capacidades de gesti\u00f3n de contenidos, funcionalidades de distribuci\u00f3n multiplataforma, herramientas de engagement de audiencia, y sistemas de medici\u00f3n de impacto informativo que pueden tener diferentes niveles de criticidad seg\u00fan el tipo de producto comunicativo.<\/p>\n<p>La eficacia de MoSCoW en comunicaci\u00f3n digital depende de la aplicaci\u00f3n rigurosa de criterios que reflejen tanto viabilidad t\u00e9cnica como efectividad comunicativa, evitando la tendencia de equipos editoriales y de producto a categorizar la mayor\u00eda de funcionalidades como \u00abMust have\u00bb. Esta disciplina requiere facilitaci\u00f3n h\u00e1bil que balancee perspectivas editoriales con limitaciones t\u00e9cnicas y de recursos.<\/p>\n<p>La t\u00e9cnica funciona mejor cuando se combina con comprensiones s\u00f3lidas de audiencia derivadas de investigaci\u00f3n de usuarios, ya que las decisiones de priorizaci\u00f3n deben basarse en evidencia sobre qu\u00e9 elementos realmente impactan la experiencia informativa y el engagement de audiencias en lugar de suposiciones sobre qu\u00e9 funcionalidades son \u00abobvias\u00bb para productos de comunicaci\u00f3n.<\/p>\n<p><a href=\"https:\/\/www.agilebusiness.org\/dsdm-project-framework\/moscow-priorisation.html\">La gu\u00eda oficial del Consorcio DSDM<\/a> sobre priorizaci\u00f3n MoSCoW proporciona criterios detallados que pueden adaptarse espec\u00edficamente para entornos de comunicaci\u00f3n digital donde las decisiones deben equilibrar imperativos editoriales con viabilidad t\u00e9cnica.<\/p>\n<h3>Categorizaci\u00f3n Espec\u00edfica para Productos de Comunicaci\u00f3n<\/h3>\n<p>Los requisitos \u00ab<strong>Must have<\/strong>\u00bb en productos de comunicaci\u00f3n digital representan funcionalidades absolutamente esenciales sin las cuales el producto no cumplir\u00e1 su <strong>prop\u00f3sito informativo fundamental<\/strong> o no ser\u00e1 viable para sus audiencias objetivo. Estos elementos t\u00edpicamente incluyen <strong>capacidades core de publicaci\u00f3n de contenidos<\/strong>, <strong>sistemas b\u00e1sicos de navegaci\u00f3n y b\u00fasqueda<\/strong>, <strong>compatibilidad m\u00f3vil esencial<\/strong>, y <strong>cumplimiento de est\u00e1ndares b\u00e1sicos de accesibilidad<\/strong>.<\/p>\n<p>Para un sitio de noticias, por ejemplo, los requisitos Must have incluir\u00edan capacidades b\u00e1sicas de CMS para publicaci\u00f3n de art\u00edculos, sistema de navegaci\u00f3n por secciones tem\u00e1ticas, funcionalidad de b\u00fasqueda de contenidos, dise\u00f1o responsive para consumo m\u00f3vil, y sistemas b\u00e1sicos de SEO para visibilidad en buscadores. Sin estos elementos, el producto simplemente no funcionar\u00eda como medio de comunicaci\u00f3n.<\/p>\n<p>Los requisitos \u00ab<strong>Should have<\/strong>\u00bb en comunicaci\u00f3n digital son importantes y a\u00f1aden valor significativo a la <strong>experiencia informativa<\/strong>, pero el producto podr\u00eda funcionar sin ellos a corto plazo. Estos elementos t\u00edpicamente mejoran la <strong>experiencia de consumo de contenidos<\/strong>, proporcionan herramientas adicionales para audiencias espec\u00edficas, o abordan necesidades de segmentos particulares que no son cr\u00edticas para la viabilidad general del producto. <a href=\"https:\/\/contentmarketinginstitute.com\/articles\/content-experience-priorities\/\">Content Marketing Institute<\/a> ha analizado c\u00f3mo priorizar estas mejoras de experiencia en productos de comunicaci\u00f3n.<\/p>\n<p>En el contexto de medios digitales, los requisitos Should have podr\u00edan incluir sistemas de comentarios y participaci\u00f3n comunitaria, funcionalidades de personalizaci\u00f3n de contenidos, newsletters autom\u00e1ticas, integraci\u00f3n con redes sociales para compartici\u00f3n, o herramientas avanzadas de b\u00fasqueda con filtros tem\u00e1ticos y temporales.<\/p>\n<p>Los requisitos \u00ab<strong>Could have<\/strong>\u00bb representan mejoras deseables que a\u00f1adir\u00edan valor a la experiencia informativa pero que tienen impacto relativamente menor en la efectividad comunicativa core. Estos elementos t\u00edpicamente se incluyen s\u00f3lo si el tiempo y recursos lo permiten despu\u00e9s de completar requisitos de mayor prioridad.<\/p>\n<p>Las funcionalidades Could have en comunicaci\u00f3n digital pueden incluir herramientas avanzadas de visualizaci\u00f3n de datos, sistemas de gamificaci\u00f3n para engagement, integraciones con m\u00faltiples plataformas sociales, herramientas de curation autom\u00e1tica de contenidos relacionados, o funcionalidades de creaci\u00f3n de contenido por parte de usuarios.<\/p>\n<p>Los requisitos \u00ab<strong>Won&#8217;t have<\/strong>\u00bb son elementos que se han considerado pero que se excluyen expl\u00edcitamente del alcance actual, ya sea debido a limitaciones de recursos, timing de lanzamiento, o alineaci\u00f3n estrat\u00e9gica editorial. En comunicaci\u00f3n digital, esta categor\u00eda es importante para gestionar expectativas sobre funcionalidades avanzadas que podr\u00edan distraer del foco editorial core.<\/p>\n<h3>Facilitaci\u00f3n en Equipos Multidisciplinares de Comunicaci\u00f3n<\/h3>\n<p>La facilitaci\u00f3n efectiva de sesiones de priorizaci\u00f3n MoSCoW en equipos de comunicaci\u00f3n digital requiere preparaci\u00f3n cuidadosa que considere las diferentes perspectivas de stakeholders editoriales, t\u00e9cnicos, de dise\u00f1o y de negocio, estableciendo un proceso estructurado que permita input de todas las disciplinas mientras mantiene enfoque en objetivos del producto comunicativo.<\/p>\n<p>La preparaci\u00f3n debe incluir documentaci\u00f3n clara de funcionalidades candidatas con descripci\u00f3n tanto de capacidades t\u00e9cnicas como de beneficios editoriales, informaci\u00f3n sobre esfuerzo de implementaci\u00f3n estimado desde perspectiva t\u00e9cnica y editorial, insights de investigaci\u00f3n de audiencia relevantes, y criterios espec\u00edficos para cada categor\u00eda MoSCoW adaptados al contexto del proyecto de comunicaci\u00f3n.<\/p>\n<p>Las t\u00e9cnicas de facilitaci\u00f3n espec\u00edficas para comunicaci\u00f3n digital pueden incluir evaluaci\u00f3n de funcionalidades desde m\u00faltiples perspectivas (editorial, t\u00e9cnica, audiencia, negocio), uso de personas y escenarios de audiencia para evaluar impacto informativo, an\u00e1lisis de dependencias entre funcionalidades t\u00e9cnicas y flujos editoriales, y consideraci\u00f3n de capacidades organizacionales tanto t\u00e9cnicas como de producci\u00f3n de contenidos.<\/p>\n<p>La gesti\u00f3n de din\u00e1micas entre stakeholders editoriales y t\u00e9cnicos es cr\u00edtica, ya que pueden tener perspectivas leg\u00edtimas pero diferentes sobre la importancia relativa de funcionalidades. Los editores pueden priorizar herramientas que mejoren eficiencia editorial, mientras que desarrolladores pueden enfatizar arquitecturas que faciliten mantenimiento t\u00e9cnico. El facilitador debe asegurar que ambas perspectivas informen decisiones finales.<\/p>\n<p>La documentaci\u00f3n de rationale debe capturar no s\u00f3lo las categorizaciones finales sino tambi\u00e9n los factores editoriales, t\u00e9cnicos y de audiencia que influyeron en las decisiones. Esta documentaci\u00f3n es particularmente importante en equipos de comunicaci\u00f3n donde las decisiones deben justificarse tanto desde perspectiva de efectividad comunicativa como de viabilidad t\u00e9cnica.<\/p>\n<h3>Adaptaci\u00f3n a Ciclos Editoriales y de Desarrollo<\/h3>\n<p>La aplicaci\u00f3n de MoSCoW en entornos de comunicaci\u00f3n digital debe adaptarse a los ritmos espec\u00edficos de producci\u00f3n editorial y desarrollo t\u00e9cnico, reconociendo que los productos de comunicaci\u00f3n deben responder tanto a ciclos de noticias como a roadmaps de desarrollo de producto. Esta adaptaci\u00f3n requiere flexibilidad para ajustar prioridades bas\u00e1ndose en eventos informativos emergentes.<\/p>\n<p>La priorizaci\u00f3n a nivel de epic en comunicaci\u00f3n digital permite aplicar MoSCoW a grandes capacidades (como sistemas de gesti\u00f3n de multimedia o plataformas de engagement de audiencia) mientras se mantiene flexibilidad para ajustar funcionalidades espec\u00edficas bas\u00e1ndose en cambios en estrategia editorial o feedback de audiencia.<\/p>\n<p>La re-evaluaci\u00f3n regular de prioridades debe considerar tanto m\u00e9tricas de producto como cambios en el landscape medi\u00e1tico, aparici\u00f3n de nuevos formatos de contenido, evoluci\u00f3n en comportamientos de audiencia, y cambios en contexto competitivo que pueden alterar la importancia relativa de diferentes funcionalidades.<\/p>\n<p>La integraci\u00f3n con procesos editoriales requiere consideraci\u00f3n de c\u00f3mo las funcionalidades priorizadas afectan flujos de trabajo de creaci\u00f3n de contenidos, capacidades de distribuci\u00f3n, y herramientas disponibles para equipos editoriales. Las decisiones de priorizaci\u00f3n deben considerar tanto capacidades t\u00e9cnicas como impacto en productividad y efectividad editorial.<\/p>\n<p>La trazabilidad entre prioridades MoSCoW y m\u00e9tricas espec\u00edficas de comunicaci\u00f3n (engagement, tiempo de lectura, compartici\u00f3n, retorno de audiencia) permite validaci\u00f3n emp\u00edrica de decisiones de priorizaci\u00f3n, revelando si los elementos categorizados como m\u00e1s importantes realmente generan mayor impacto en efectividad comunicativa y satisfacci\u00f3n de audiencia.<\/p>\n<p>[\/et_pb_accordion_item][et_pb_accordion_item title=\u00bb5.4 Especificaci\u00f3n de Requisitos\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0&#8243; global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb open=\u00bboff\u00bb sticky_enabled=\u00bb0&#8243;]<\/p>\n<h3>Especificaci\u00f3n de Requisitos para Productos de Comunicaci\u00f3n Digital<\/h3>\n<p>La especificaci\u00f3n de requisitos en proyectos de comunicaci\u00f3n digital ha evolucionado desde documentos exhaustivos creados al inicio del proyecto hacia enfoques evolutivos que equilibran claridad necesaria para desarrollo t\u00e9cnico y producci\u00f3n editorial con flexibilidad para adaptar comprensiones bas\u00e1ndose en cambios en audiencias, tecnolog\u00edas de comunicaci\u00f3n, y landscape medi\u00e1tico en constante evoluci\u00f3n.<\/p>\n<p>Los enfoques modernos de especificaci\u00f3n para comunicaci\u00f3n digital reconocen que la comprensi\u00f3n de qu\u00e9 construir y c\u00f3mo presentar contenidos evoluciona atrav\u00e9s del proceso de desarrollo, testing con audiencias, y an\u00e1lisis de performance de contenidos. Las especificaciones deben dise\u00f1arse para facilitar esta evoluci\u00f3n mientras proporcionan suficiente detalle para guiar tanto desarrollo t\u00e9cnico como decisiones editoriales efectivas.<\/p>\n<p>La especificaci\u00f3n efectiva en productos de comunicaci\u00f3n debe servir m\u00faltiples prop\u00f3sitos espec\u00edficos del sector: comunicar claramente qu\u00e9 capacidades t\u00e9cnicas y editoriales se van a desarrollar y por qu\u00e9 son importantes para audiencias, proporcionar criterios para evaluar si el trabajo completado cumple est\u00e1ndares tanto t\u00e9cnicos como editoriales, facilitar coordinaci\u00f3n entre equipos de desarrollo y equipos de contenido, y servir como documentaci\u00f3n de decisiones de producto para referencia futura.<\/p>\n<p>Las mejores pr\u00e1cticas contempor\u00e1neas enfatizan especificaciones que son colaborativamente creadas entre stakeholders t\u00e9cnicos, editoriales y de audiencia, iterativamente refinadas bas\u00e1ndose en feedback de usuarios reales, y continuamente validadas contra m\u00e9tricas de engagement y effectiveness comunicativa espec\u00edficas del contexto medi\u00e1tico.<\/p>\n<p><a href=\"https:\/\/www.atlassian.com\/agile\/project-management\/requirements\">La gu\u00eda de Atlassian<\/a> sobre requisitos \u00e1giles proporciona frameworks que pueden adaptarse espec\u00edficamente para proyectos de comunicaci\u00f3n, demostrando c\u00f3mo las pr\u00e1cticas de especificaci\u00f3n pueden soportar desarrollo r\u00e1pido mientras mantienen calidad editorial y alineaci\u00f3n con objetivos comunicativos.<\/p>\n<h3>Formatos de Especificaci\u00f3n Adaptados a Comunicaci\u00f3n Digital<\/h3>\n<p>Las user stories para productos de comunicaci\u00f3n digital han emergido como formato dominante debido a su enfoque en valor para audiencias, su brevedad que facilita conversaci\u00f3n entre equipos t\u00e9cnicos y editoriales, y su flexibilidad que permite refinamiento bas\u00e1ndose en feedback de usuarios y an\u00e1lisis de performance de contenidos.<\/p>\n<p>La estructura cl\u00e1sica adaptada para comunicaci\u00f3n: \u201cComo [tipo de audiencia], quiero [funcionalidad o experiencia], para que [beneficio informativo]\u201d proporciona un framework que mantiene enfoque en perspectiva de audiencia mientras comunica claramente qu\u00e9 capacidades se necesitan y por qu\u00e9 son valiosas desde una perspectiva comunicativa. Por ejemplo: \u201cComo profesional ocupado, quiero recibir res\u00famenes personalizados de noticias relevantes para mi sector, para mantenerme informado sin dedicar tiempo a filtrar informaci\u00f3n irrelevante\u201d.<\/p>\n<p>Los criterios de aceptaci\u00f3n para comunicaci\u00f3n digital deben abordar tanto aspectos t\u00e9cnicos como editoriales, especificando comportamiento esperado del sistema, calidad de experiencia informativa, y m\u00e9tricas de success espec\u00edficas. Estos criterios deben ser espec\u00edficos, medibles y focalizados en outcomes observables tanto t\u00e9cnicos como comunicativos.<\/p>\n<p>El formato Given-When-Then adaptado para comunicaci\u00f3n digital resulta particularmente \u00fatil: \u201cDado que un usuario busca noticias sobre un tema espec\u00edfico, cuando utiliza la funci\u00f3n de b\u00fasqueda, entonces debe recibir resultados relevantes ordenados por actualidad y relevancia, con snippets informativos que le permitan evaluar la utilidad de cada art\u00edculo antes de hacer clic\u201d.<\/p>\n<p>Las especificaciones de comportamiento editorial extienden user stories t\u00e9cnicas con escenarios espec\u00edficos que describen c\u00f3mo el contenido debe presentarse, c\u00f3mo deben funcionar flujos de navegaci\u00f3n entre contenidos relacionados, y c\u00f3mo debe comportarse la personalizaci\u00f3n de experiencias informativas seg\u00fan diferentes perfiles de audiencia.<\/p>\n<p>Los wireframes y mockups para productos de comunicaci\u00f3n deben considerar no s\u00f3lo layout y funcionalidad t\u00e9cnica sino tambi\u00e9n jerarqu\u00eda informativa, tratamiento visual de diferentes tipos de contenido, y c\u00f3mo el dise\u00f1o soporta diferentes patrones de consumo (lectura profunda versus scanning r\u00e1pido, consumo m\u00f3vil versus desktop, etc.).<\/p>\n<h3>Especificaci\u00f3n de Requisitos Editoriales y de Contenido<\/h3>\n<p>Los requisitos espec\u00edficos de comunicaci\u00f3n digital deben abordar tanto capacidades t\u00e9cnicas como necesidades editoriales, incluyendo especificaciones para sistemas de gesti\u00f3n de contenidos, flujos de trabajo editorial, herramientas de distribuci\u00f3n multiplataforma, y sistemas de medici\u00f3n de performance de contenidos que son \u00fanicos del sector comunicativo.<\/p>\n<p>Las <strong>especificaciones de CMS<\/strong> (Content Management System) deben detallar no s\u00f3lo <strong>capacidades t\u00e9cnicas de publicaci\u00f3n<\/strong> sino tambi\u00e9n <strong>flujos de trabajo editorial<\/strong>, <strong>roles y permisos espec\u00edficos<\/strong> para diferentes tipos de editores, <strong>capacidades de scheduling<\/strong> de publicaci\u00f3n, <strong>herramientas de colaboraci\u00f3n<\/strong> entre editores, y <strong>sistemas de versioning y backup<\/strong> de contenidos. <a href=\"https:\/\/www.cmscritic.com\/choosing-cms-for-news-media\/\">CMS Critic<\/a> proporciona an\u00e1lisis comparativos de diferentes CMS espec\u00edficamente dise\u00f1ados para organizaciones de medios.<\/p>\n<p>Los requisitos de distribuci\u00f3n de contenidos deben especificar capacidades para publicaci\u00f3n multiplataforma (web, m\u00f3vil, redes sociales, newsletters), personalizaci\u00f3n de contenidos para diferentes canales, optimizaci\u00f3n autom\u00e1tica para SEO, y integraci\u00f3n con sistemas de anal\u00edtica para tracking de performance across channels.<\/p>\n<p>Las especificaciones de herramientas editoriales incluyen capacidades para creaci\u00f3n y edici\u00f3n de diferentes formatos de contenido (texto, im\u00e1genes, v\u00eddeo, audio, interactivos), herramientas de fact-checking y verificaci\u00f3n, sistemas de gesti\u00f3n de fuentes y referencias, y capacidades para colaboraci\u00f3n en tiempo real entre equipos editoriales distribuidos.<\/p>\n<p>Los requisitos de engagement de audiencia deben especificar funcionalidades para comentarios y participaci\u00f3n de usuarios, herramientas de curation de contenido generado por usuarios, sistemas de newsletters y notifications personalizadas, y capacidades para an\u00e1lisis de sentiment y feedback de audiencia.<\/p>\n<p>Las especificaciones de analytics espec\u00edficas para comunicaci\u00f3n deben abordar tracking de m\u00e9tricas editoriales espec\u00edficas como tiempo de lectura, profundidad de engagement con contenidos, patrones de navegaci\u00f3n entre art\u00edculos relacionados, y an\u00e1lisis de efectividad de diferentes formatos y enfoques de contenido.<\/p>\n<h3>Gesti\u00f3n de Requisitos No Funcionales Espec\u00edficos de Comunicaci\u00f3n<\/h3>\n<p>Los requisitos no funcionales en productos de comunicaci\u00f3n digital presentan desaf\u00edos \u00fanicos porque deben equilibrar performance t\u00e9cnico con calidad de experiencia informativa, considerando factores como velocidad de carga de contenidos multimedia, accesibilidad de informaci\u00f3n para audiencias diversas, y confiabilidad de sistemas durante picos de tr\u00e1fico relacionados con noticias de \u00faltima hora.<\/p>\n<p>Los <strong>requisitos de performance<\/strong> para comunicaci\u00f3n digital deben especificar no s\u00f3lo targets t\u00e9cnicos sino tambi\u00e9n <strong>expectations editoriales<\/strong> como <strong>tiempo de carga de art\u00edculos con multimedia<\/strong>, <strong>responsiveness de herramientas de b\u00fasqueda<\/strong> de contenidos, y <strong>performance de sistemas de comentarios<\/strong> y engagement bajo diferentes volumes de tr\u00e1fico. <a href=\"https:\/\/blog.cloudflare.com\/lessons-from-building-cloudflare-for-teams\/\">Cloudflare<\/a> ha documentado casos espec\u00edficos de optimizaci\u00f3n de performance para sitios de alto tr\u00e1fico de noticias.<\/p>\n<p>Las especificaciones de accesibilidad para productos de comunicaci\u00f3n son particularmente cr\u00edticas porque el acceso a informaci\u00f3n es un derecho fundamental. Estos requisitos deben abordar compliance con est\u00e1ndares como WCAG mientras tambi\u00e9n considerando necesidades espec\u00edficas de audiencias con diferentes capacidades, incluyendo compatibility con screen readers, navegaci\u00f3n s\u00f3lo con teclado, y formatos alternativos para contenido multimedia.<\/p>\n<p>Los <strong>requisitos de SEO y descoverability<\/strong> son \u00fanicos de productos de comunicaci\u00f3n y deben especificar <strong>capabilities para optimizaci\u00f3n de contenidos para motores de b\u00fasqueda<\/strong>, <strong>structured data para rich snippets<\/strong>, <strong>optimizaci\u00f3n de meta tags y descriptions<\/strong>, y <strong>strategies para mejora de visibility<\/strong> en Google News y otras plataformas de distribuci\u00f3n de noticias. <a href=\"https:\/\/developers.google.com\/search\/docs\/advanced\/guidelines\/google-news\">Google News Guidelines<\/a> proporciona especificaciones t\u00e9cnicas detalladas para optimizaci\u00f3n de contenidos noticiosos.<\/p>\n<p>Las especificaciones de seguridad para medios digitales deben abordar tanto protecci\u00f3n t\u00e9cnica como integridad editorial, incluyendo sistemas para proteger contra ciberataques, validaci\u00f3n de fuentes y contenidos, protecci\u00f3n de informaci\u00f3n sensible de sources, y capacidades para mantener independencia editorial y credibilidad.<\/p>\n<p>Los requisitos de escalabilidad deben considerar patrones espec\u00edficos de tr\u00e1fico de medios digitales, incluyendo spikes relacionados con breaking news, variaciones estacionales en engagement de audiencia, y patrones de crecimiento t\u00edpicos de diferentes tipos de contenido y segmentos de audiencia.<\/p>\n<p>[\/et_pb_accordion_item][et_pb_accordion_item title=\u00bbReferencias y fuentes\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0&#8243; global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb open=\u00bboff\u00bb sticky_enabled=\u00bb0&#8243;]<\/p>\n<h3>Literatura Fundamental sobre Investigaci\u00f3n de Audiencias en Comunicaci\u00f3n Digital<\/h3>\n<p>Napoli, P. M. (2010). <em>Audience Evolution: New Technologies and the Transformation of Media Audiences<\/em>. Columbia University Press.<\/p>\n<p>Webster, J. G. (2014). <em>The Marketplace of Attention: How Audiences Take Shape in a Digital Age<\/em>. MIT Press.<\/p>\n<p>K\u00fcng, L. (2015). <em>Innovators in Digital News<\/em>. Reuters Institute for the Study of Journalism.<\/p>\n<p>Newman, N., Fletcher, R., Kalogeropoulos, A., &#038; Nielsen, R. K. (2019). <em>Reuters Institute Digital News Report 2019<\/em>. Reuters Institute for the Study of Journalism, University of Oxford.<\/p>\n<p>Tewksbury, D., &#038; Rittenberg, J. (2012). <em>News on the Internet: Information and Citizenship in the 21st Century<\/em>. Oxford University Press.<\/p>\n<h3>Recursos Espec\u00edficos sobre UX para Medios y Comunicaci\u00f3n<\/h3>\n<p><a href=\"https:\/\/reutersinstitute.politics.ox.ac.uk\/\">Reuters Institute for the Study of Journalism<\/a> \u2013 Centro de investigaci\u00f3n l\u00edder sobre periodismo y medios digitales.<\/p>\n<p><a href=\"https:\/\/www.niemanlab.org\/\">Nieman Journalism Lab<\/a> \u2013 Harvard, innovaci\u00f3n en narrativas digitales y UX en medios.<\/p>\n<p><a href=\"https:\/\/www.poynter.org\/\">Poynter Institute<\/a> \u2013 Recursos sobre mejores pr\u00e1cticas en medios digitales y engagement de audiencias.<\/p>\n<p><a href=\"https:\/\/www.americanpressinstitute.org\/\">American Press Institute<\/a> \u2013 Estrategias de engagement y periodismo digital.<\/p>\n<p><a href=\"https:\/\/knightfoundation.org\/\">Knight Foundation<\/a> \u2013 Investigaci\u00f3n e innovaci\u00f3n en medios digitales.<\/p>\n<h3>Herramientas Espec\u00edficas para Comunicaci\u00f3n Digital<\/h3>\n<p><a href=\"https:\/\/newsinitiative.withgoogle.com\/\">Google News Initiative<\/a> \u2013 Recursos, formaci\u00f3n y herramientas para periodismo digital.<\/p>\n<p><a href=\"https:\/\/www.facebook.com\/journalismproject\/\">Facebook Journalism Project<\/a> \u2013 Iniciativas y soporte a medios en plataformas sociales.<\/p>\n<p><a href=\"https:\/\/www.parse.ly\/\">Parse.ly<\/a> \u2013 Plataforma de anal\u00edtica para publishers.<\/p>\n<p><a href=\"https:\/\/chartbeat.com\/\">Chartbeat<\/a> \u2013 Anal\u00edtica en tiempo real para medios digitales.<\/p>\n<p><a href=\"https:\/\/www.newswhip.com\/\">NewsWhip<\/a> \u2013 Anal\u00edtica de redes sociales enfocada en medios.<\/p>\n<h3>Journey Mapping para Productos de Comunicaci\u00f3n<\/h3>\n<p><a href=\"https:\/\/contentmarketinginstitute.com\/\">Content Marketing Institute<\/a> \u2013 Recursos sobre estrategia de contenidos y mapping de audiencias.<\/p>\n<p><a href=\"https:\/\/www.nngroup.com\/topic\/media-publishing\/\">Nielsen Norman Group<\/a> \u2013 UX research aplicado a medios y publishing.<\/p>\n<p><a href=\"https:\/\/miro.com\/templates\/customer-journey-map\/\">Miro Templates<\/a> \u2013 Plantillas para journey mapping en comunicaci\u00f3n digital.<\/p>\n<h3>Analytics y Medici\u00f3n para Comunicaci\u00f3n Digital<\/h3>\n<p><a href=\"https:\/\/support.google.com\/analytics\/topic\/1727146\">Google Analytics para Publishers<\/a> \u2013 Gu\u00eda de anal\u00edtica en medios digitales.<\/p>\n<p><a href=\"https:\/\/business.adobe.com\/products\/analytics\/adobe-analytics.html\">Adobe Analytics<\/a> \u2013 Soluci\u00f3n empresarial de anal\u00edtica para medios.<\/p>\n<p><a href=\"https:\/\/www.comscore.com\/\">Comscore<\/a> \u2013 Est\u00e1ndar de la industria en medici\u00f3n de audiencias digitales.<\/p>\n<p><a href=\"https:\/\/mediaratingcouncil.org\/\">Media Rating Council<\/a> \u2013 Est\u00e1ndares de medici\u00f3n y verificaci\u00f3n de audiencias.<\/p>\n<h3>Herramientas de CMS y Publishing<\/h3>\n<p><a href=\"https:\/\/wordpress.org\/showcase\/publishing\/\">WordPress for Publishers<\/a> \u2013 Recursos y ejemplos de uso de WordPress en medios.<\/p>\n<p><a href=\"https:\/\/www.drupal.org\/industries\/media\">Drupal Media Solutions<\/a> \u2013 Soluciones CMS para organizaciones de medios.<\/p>\n<p><a href=\"https:\/\/ghost.org\/\">Ghost<\/a> \u2013 Plataforma de publicaci\u00f3n enfocada en creadores y medios digitales.<\/p>\n<h3>Research sobre Comportamiento de Audiencias Digitales<\/h3>\n<p><a href=\"https:\/\/www.pewresearch.org\/internet\/\">Pew Research Center \u2013 Internet &#038; Technology<\/a> \u2013 Estudios sobre adopci\u00f3n digital y consumo de medios.<\/p>\n<p><a href=\"https:\/\/reutersinstitute.politics.ox.ac.uk\/digital-news-report\/2023\">Reuters Institute Digital News Report 2023<\/a> \u2013 Informe global de tendencias en consumo de noticias digitales.<\/p>\n<p><a href=\"https:\/\/www.edelman.com\/trust-barometer\">Edelman Trust Barometer<\/a> \u2013 Estudio anual sobre confianza en medios y fuentes de informaci\u00f3n.<\/p>\n<h3>Accessibility y Standards para Comunicaci\u00f3n Digital<\/h3>\n<p><a href=\"https:\/\/www.w3.org\/WAI\/\">Web Accessibility Initiative (WAI)<\/a> \u2013 Gu\u00edas y est\u00e1ndares de accesibilidad web.<\/p>\n<p><a href=\"https:\/\/www.bbc.co.uk\/accessibility\/forproducts\/\">BBC Accessibility Guidelines<\/a> \u2013 Est\u00e1ndares de accesibilidad aplicados a medios.<\/p>\n<p><a href=\"https:\/\/schema.org\/NewsArticle\">Schema.org for News<\/a> \u2013 Datos estructurados para noticias y optimizaci\u00f3n SEO.<\/p>\n<h3>Formaci\u00f3n y Certificaciones<\/h3>\n<p><a href=\"https:\/\/newsinitiative.withgoogle.com\/training\/\">Google News Initiative Training<\/a> \u2013 Cursos sobre periodismo digital y desarrollo de audiencias.<\/p>\n<p><a href=\"https:\/\/www.facebook.com\/business\/learn\">Facebook Blueprint<\/a> \u2013 Formaci\u00f3n para publishers en plataformas sociales.<\/p>\n<p><a href=\"https:\/\/www.coursera.org\/specializations\/digital-marketing\">Coursera Digital Marketing para Media<\/a> \u2013 Especializaci\u00f3n en marketing digital aplicado a medios.<\/p>\n<p><a href=\"https:\/\/knightcenter.utexas.edu\/\">Knight Center para Journalism<\/a> \u2013 Cursos online sobre innovaci\u00f3n en medios digitales.<\/p>\n<p>[\/et_pb_accordion_item][\/et_pb_accordion][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n<div class=\"pdfprnt-buttons pdfprnt-buttons-post pdfprnt-bottom-right\"><a href=\"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/posts\/82172?print=pdf\" class=\"pdfprnt-button pdfprnt-button-pdf\" target=\"_blank\" ><img decoding=\"async\" src=\"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/plugins\/pdf-print\/images\/pdf.png\" alt=\"image_pdf\" title=\"View PDF\" \/><span class=\"pdfprnt-button-title pdfprnt-button-pdf-title\">Versi\u00f3n en PDF<\/span><\/a><\/div>","protected":false},"excerpt":{"rendered":"<p>El objetivo de este bloque es ofrecerte una revisi\u00f3n de algunos de los formatos y nuevas narrativas que se est\u00e1n desarrollando en el \u00e1mbito period\u00edstico digital.  <a class=\"continue\" href=\"https:\/\/proyectos.comunicaciondigital.es\/en\/t5-investigacion-usuarios\/\">Continua leyendo<span> Tema 5. Investigaci\u00f3n de usuario y requisitos<\/span><\/a><\/p>","protected":false},"author":1,"featured_media":82174,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"<!-- wp:group {\"className\":\"atavist-title-design cover-text-simple\"} -->\n<div class=\"wp-block-group atavist-title-design cover-text-simple\"><!-- wp:heading {\"textAlign\":\"left\",\"align\":\"center\",\"className\":\"aligncenter atavist-title-h2\"} -->\n<h2 class=\"has-text-align-left aligncenter atavist-title-h2\">Gu\u00eda inicial<\/h2>\n<!-- \/wp:heading --><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:paragraph -->\n<p>Javascript es el lenguaje de script nativo de la web. <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"align\":\"wide\"} -->\n<figure class=\"wp-block-image alignwide\"><img src=\"https:\/\/cibercambio.files.wordpress.com\/2021\/04\/d3de1-js1-1533890338-46.png\" alt=\"\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:image {\"align\":\"center\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img src=\"https:\/\/cibercambio.files.wordpress.com\/2021\/04\/645b4-js2-1533890439-37.jpg\" alt=\"\"\/><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Su aprendizaje supone introducirse en un lenguaje de programaci\u00f3n, y aunque pueda parecer complicado de entrada, luego nos permitir\u00e1 saber c\u00f3mo modificar c\u00f3digo ya escrito o realizar visualizaciones muy atractivas mediante el uso de librer\u00edas y APIs que se basan en Javascript.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"align\":\"wide\"} -->\n<figure class=\"wp-block-image alignwide\"><img src=\"https:\/\/cibercambio.files.wordpress.com\/2021\/04\/0e98e-js3-1533890711-78.png\" alt=\"\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><b>\u00bfPara qu\u00e9 nos sirve Javascript en un proyecto period\u00edstico?<\/b><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li>Para tener unas nociones generales sobre la programaci\u00f3n con scripts. <\/li><li>Para saber c\u00f3mo funciona, de forma global, la interactividad en la manipulaci\u00f3n de datos y de las visualizaciones.<\/li><li>Para comprender el c\u00f3digo resultante de los sistemas de datos y visualizaci\u00f3n, y saber manipular determinados par\u00e1metros. <\/li><li>Para comenzar a adentrarnos en la creaci\u00f3n de visualizaciones basadas en librer\u00edas JS como jQuery <\/li><li>Para hacer scraping de datos con Javascript (Jquery)&nbsp;&nbsp;\n<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>Para trabajar con Javascript utilizaremos editores de c\u00f3digo online como <a href=\"https:\/\/jsfiddle.net\/\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">JsFiddle.net<\/a>. Podr\u00e1s acceder a los ejemplos y ejercicios de dos formas: <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>A) A trav\u00e9s de los enlaces que encontrar\u00e1s en cada ejercicio y que te dar\u00e1n acceso al entorno online de edici\u00f3n:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"align\":\"wide\"} -->\n<figure class=\"wp-block-image alignwide\"><img src=\"https:\/\/cibercambio.files.wordpress.com\/2021\/04\/4c615-js4-1533891129-19.png\" alt=\"\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p> B) Manipular los ejemplos de forma directa a trav\u00e9s de objetos embebidos como este, en el que podr\u00e1s trabajar en las diferentes partes del c\u00f3digo accediendo a las diferentes pesta\u00f1as disponibles. <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:group {\"className\":\"atavist-embed\"} -->\n<div class=\"wp-block-group atavist-embed\"><!-- wp:html \/--><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:group {\"className\":\"atavist-title-design cover-text-simple\"} -->\n<div class=\"wp-block-group atavist-title-design cover-text-simple\"><!-- wp:heading {\"textAlign\":\"left\",\"align\":\"center\",\"className\":\"aligncenter atavist-title-h2\"} -->\n<h2 class=\"has-text-align-left aligncenter atavist-title-h2\">\u00bfQu\u00e9 es Javascript?<\/h2>\n<!-- \/wp:heading --><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:heading -->\n<h2>\u00bfQu\u00e9 es?<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Un <b>lenguaje<\/b> de programaci\u00f3n <b>interpretado<\/b> por los navegadores en tiempo real. <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"align\":\"wide\"} -->\n<figure class=\"wp-block-image alignwide\"><img src=\"https:\/\/cibercambio.files.wordpress.com\/2021\/04\/c2ba4-js5-1533893491-16.jpg\" alt=\"Lenguajes compilados vs Lenguajes interpretados\"\/><figcaption>Lenguajes compilados vs Lenguajes interpretados<\/figcaption><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Es un dialecto del est\u00e1ndar <a href=\"https:\/\/www.w3schools.com\/js\/js_es6.asp\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">ECMAScript<\/a> (versi\u00f3n 6)<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Responde al modelo de P<a href=\"https:\/\/www.desarrolloweb.com\/articulos\/499.php\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">rogramaci\u00f3n orientada a objetos (POO)<\/a>. Aunque sigue el paradigma de programaci\u00f3n basado en objetos, trabaja con prototipos, aunque las versiones actuales permiten el manejo de <a href=\"https:\/\/medium.com\/@jmz12\/usando-clases-en-javascript-e07f0e25c67d\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">clases (class)<\/a>. Al trabajar bajo el modelo de POO usa t\u00e9cnicas que le dan una importante versatilidad como, por ejemplo:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li>\n<b>Modularidad<\/b>. Las aplicaciones se pueden subdividir en partes, conocidas como m\u00f3dulos.<\/li><li>\n<b>Encapsulamiento<\/b>. Los datos se \"encapsulan\" o aislan para evitar que puedan ser manipulados o cambiados de estado.<\/li><li>\n<b>Control del DOM<\/b>. Permite interactuar con la p\u00e1gina web mediante <a href=\"https:\/\/developer.mozilla.org\/es\/docs\/Glossary\/DOM\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">DOM<\/a>\n<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>Puede funcionar tanto: <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li>En el lado cliente (client-side) como parte del navegador web<\/li><li>En el lado servidor (vg. <a href=\"https:\/\/nodejs.org\/es\/\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">Node.js<\/a>)<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:group {\"align\":\"center\",\"className\":\"aligncenter is-style-border\"} -->\n<div class=\"wp-block-group aligncenter is-style-border\"><!-- wp:paragraph -->\n<p>Aunque el nombre es similar a&nbsp;JAVA, tiene que ver poco con este otro lenguaje de programaci\u00f3n, tanto en las&nbsp;sem\u00e1nticas como en sus&nbsp;prop\u00f3sitos, que son&nbsp;diferentes, as\u00ed que debemos no confundirlos.&nbsp;&nbsp;<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Ejercicio<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:list -->\n<ol>\n<li><i>Abre el editor de c\u00f3digo en <a href=\"https:\/\/jsfiddle.net\/\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">JSFiddle<\/a> con <a href=\"https:\/\/jsfiddle.net\/gertrudix\/k9mgd2hL\/2\/\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">el ejercicio<\/a>.<\/i><\/li>\n<li>\n<i>Revisa el c\u00f3digo html. F\u00edjate que el c\u00f3digo JS aparece en el fichero HTML. Prueba el resultado que produce el bot\u00f3n. \u00bfC\u00f3mo crees que funciona revisando el c\u00f3digo?<\/i>\n<\/li>\n<\/ol>\n<!-- \/wp:list -->\n\n<!-- wp:group {\"className\":\"atavist-embed\"} -->\n<div class=\"wp-block-group atavist-embed\"><!-- wp:html \/--><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:group {\"className\":\"atavist-title-design cover-text-simple\"} -->\n<div class=\"wp-block-group atavist-title-design cover-text-simple\"><!-- wp:heading {\"textAlign\":\"left\",\"align\":\"center\",\"className\":\"aligncenter atavist-title-h2\"} -->\n<h2 class=\"has-text-align-left aligncenter atavist-title-h2\">\u00bfD\u00f3nde aparece?<\/h2>\n<!-- \/wp:heading --><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:image {\"align\":\"wide\"} -->\n<figure class=\"wp-block-image alignwide\"><img src=\"https:\/\/cibercambio.files.wordpress.com\/2021\/04\/55de3-js6-1533898857-79.png\" alt=\"\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Javascript puede cargarse en la p\u00e1gina web a trav\u00e9s de diferentes opciones.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Ejercicio<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:list -->\n<ol><li>\n<i>Abre el ejercicio en JSFiddle y f\u00edjate en las diferentes cajas para entender d\u00f3nde puede ubicarse el c\u00f3digo JS.<\/i>\n<\/li><\/ol>\n<!-- \/wp:list -->\n\n<!-- wp:group {\"className\":\"atavist-embed\"} -->\n<div class=\"wp-block-group atavist-embed\"><!-- wp:html \/--><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:group {\"className\":\"atavist-title-design cover-text-simple\"} -->\n<div class=\"wp-block-group atavist-title-design cover-text-simple\"><!-- wp:heading {\"textAlign\":\"left\",\"align\":\"center\",\"className\":\"aligncenter atavist-title-h2\"} -->\n<h2 class=\"has-text-align-left aligncenter atavist-title-h2\">Depurando. Consola del navegador.<\/h2>\n<!-- \/wp:heading --><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:paragraph -->\n<p>La consola del navegador nos permite revisar y depurar los errores de c\u00f3digo. <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Todos los navegadores actuales disponen de ella. Para abrirla:&nbsp;&nbsp;<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li>En Chrome: Ctrl+Shift+J (Windows) o Cmd+Alt+I (Mac) <\/li><li>En Firefox: Control + \u21e7 + J (Windows)&nbsp;&nbsp;\n<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"align\":\"wide\"} -->\n<figure class=\"wp-block-image alignwide\"><img src=\"https:\/\/cibercambio.files.wordpress.com\/2021\/04\/210d9-js7-1533899311-62.png\" alt=\"Consola del navegador en Chrome\"\/><figcaption>Consola del navegador en Chrome<\/figcaption><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Ejercicio<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Vamos a comprobar, a trav\u00e9s de la consola de Chrome, d\u00f3nde aparece Javascript.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ol>\n<li><i>Carga una p\u00e1gina, por ejemplo de un peri\u00f3dico como El Mundo o El Pa\u00eds. Abre la Consola mediante las funciones r\u00e1pidas que hemos visto anteriormente. Otra opci\u00f3n, es buscar en el men\u00fa del navegador. En el caso de Chrome: M\u00e1s herrramientas &gt; Herramientas para desarrolladores <\/i><\/li>\n<li>\n<i>F\u00edjate en la pesta\u00f1a Elements   -d\u00f3nde aparece las etiquetas de script. Localiza las etiquetas de script, la etiqueta <a href=\"https:\/\/developer.mozilla.org\/es\/docs\/Web\/HTML\/Elemento\/noscript\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">noscript<\/a>, etc.<\/i>\n<\/li>\n<\/ol>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"align\":\"wide\"} -->\n<figure class=\"wp-block-image alignwide\"><img src=\"https:\/\/cibercambio.files.wordpress.com\/2021\/04\/25b5a-js8-1533899520-76.png\" alt=\"Ejemplo de c\u00f3digo en la consola del navegador\"\/><figcaption>Ejemplo de c\u00f3digo en la consola del navegador<\/figcaption><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:heading -->\n<h2>Utilidad de la consola. Para qu\u00e9 sirve.<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>         <!--StartFragment-->La consola nos sirve para probar el funcionamiento de una p\u00e1gina o una aplicaci\u00f3n de forma que: a) podamos detectar errores de c\u00f3digo; y b) hacer pruebas con JS <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Permite: <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li>Comprobar informaci\u00f3n sobre errores o alertas\n<\/li><li>Utilizar el inspector de c\u00f3digo para depurarlo\n<\/li><li>Ejecutar expresiones o comandos de JS&nbsp;&nbsp;\n<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"align\":\"center\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img src=\"https:\/\/cibercambio.files.wordpress.com\/2021\/04\/19e41-js9-1533899790-35.png\" alt=\"\"\/><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:group {\"className\":\"atavist-title-design cover-text-simple\"} -->\n<div class=\"wp-block-group atavist-title-design cover-text-simple\"><!-- wp:heading {\"textAlign\":\"left\",\"align\":\"center\",\"className\":\"aligncenter atavist-title-h2\"} -->\n<h2 class=\"has-text-align-left aligncenter atavist-title-h2\">\u00bfPara qu\u00e9 sirve Javascript?<\/h2>\n<!-- \/wp:heading --><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:paragraph -->\n<p>Es un lenguaje que permite <b>dotar de interactividad<\/b> a las p\u00e1ginas web. Algunas de las tareas b\u00e1sicas que puede realizar son:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ol>\n<li>Escribir en HTML<\/li>\n<li>Reaccionar a eventos<\/li>\n<li>Modificar elementos HTML<\/li>\n<li>Validar entrada de datos<\/li>\n<li>Cambiar o modificar atributos\n<\/li>\n<\/ol>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>Adem\u00e1s, mediante la <a href=\"http:\/\/html5index.org\/\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">API JS de HTML5 <\/a>podemos acceder a recursos adicionales: c\u00e1mara, almacenamiento de datos, creaci\u00f3n de gr\u00e1ficos, flujo de datos con servidores\u2026) <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"align\":\"full\"} -->\n<figure class=\"wp-block-image alignfull\"><img src=\"https:\/\/cibercambio.files.wordpress.com\/2021\/04\/29104-jsapi-1573491833-95.png\" alt=\"\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Permite acceder a informaci\u00f3n en internet: por ejemplo, buscar y obtener las palabras m\u00e1s populares en Twitter de un tema, o para hacer scraping de web utilizando soluciones como <a href=\"https:\/\/scotch.io\/tutorials\/scraping-the-web-with-node-js\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">Node.js<\/a>, <a href=\"https:\/\/medialab.github.io\/artoo\/\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">Artoo.js<\/a> &nbsp;o <a href=\"http:\/\/nrabinowitz.github.io\/pjscrape\/\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">pjscrape<\/a>)<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Tambi\u00e9n permite organizar y presentar datos como, por ejemplo, automatizar el trabajo de las hojas de c\u00e1lculo; o la visualizaci\u00f3n de datos.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Ejercicio<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Veamos c\u00f3mo JS aporta interactividad a una web, <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ol>\n<li>Accede a la web de <a href=\"https:\/\/civio.es\/espana-en-llamas\/mapa-de-incendios-forestales\/\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">Espa\u00f1a en Llamas<\/a>. Navega por el mapa, usa los filtros, etc. <\/li>\n<li>Ahora deshabilita Javascript desde las <a href=\"https:\/\/es.ccm.net\/faq\/26408-como-desactivar-javascript-en-google-chrome\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">opciones del navegador<\/a> o usando alguna herramienta como <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/web-developer\/bfbameneiokkgbdmiekhjnmfkcnldhhm?hl=es\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">WebDevelopper Toolbar<\/a>. Comprueba qu\u00e9 sucede. \u00bfPuedes navegar el mapa? \u00bfCompartir en redes sociales? <\/li>\n<\/ol>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>Veremos ahora, en detalle, alguna de estas funciones.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading -->\n<h2>1. Escribir en HTML<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:image {\"align\":\"right\"} -->\n<div class=\"wp-block-image\"><figure class=\"alignright\"><img src=\"https:\/\/cibercambio.files.wordpress.com\/2021\/04\/d95a1-js11-1533900998-81.png\" alt=\"\"\/><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Una de las cosas que puede hacer JS es escribir contenido en HTML. Veamos <a href=\"https:\/\/jsfiddle.net\/gertrudix\/qLcgfu95\/\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">este ejemplo<\/a>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:group {\"className\":\"atavist-embed\"} -->\n<div class=\"wp-block-group atavist-embed\"><!-- wp:html \/--><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Ejercicio<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>1. Sobre el ejemplo anterior, a\u00f1ade un enlace a la home del peri\u00f3dico El Mundo (www.elmundo.es)<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>2. Prueba a incluir otro enlace a otra web distinta.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"align\":\"center\"} -->\n<p class=\"has-text-align-center\"><i><a href=\"https:\/\/jsfiddle.net\/gertrudix\/qLcgfu95\/3\/\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">Soluci\u00f3n<\/a><\/i><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:group {\"className\":\"atavist-embed\"} -->\n<div class=\"wp-block-group atavist-embed\"><!-- wp:html \/--><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:heading -->\n<h2>2. Reaccionar a eventos<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:image {\"align\":\"right\"} -->\n<div class=\"wp-block-image\"><figure class=\"alignright\"><img src=\"https:\/\/cibercambio.files.wordpress.com\/2021\/04\/1f0aa-js12-1533902831-33.png\" alt=\"\"\/><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Otra funci\u00f3n es reaccionar a eventos creados por el usuario (hacer clic, pasar por encima de una zona...), por el propio navegador (cargar la p\u00e1gina), etc. como sucede en este ejemplo. <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:group {\"className\":\"atavist-embed\"} -->\n<div class=\"wp-block-group atavist-embed\"><!-- wp:html \/--><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Ejercicio<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>1. Modifica el ejemplo anterior para que el mensaje de alerta muestre tu nombre.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"align\":\"center\"} -->\n<p class=\"has-text-align-center\"><i><a href=\"https:\/\/jsfiddle.net\/gertrudix\/vpevk15L\/2\/\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">Soluci\u00f3n<\/a><\/i><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:group {\"className\":\"atavist-embed\"} -->\n<div class=\"wp-block-group atavist-embed\"><!-- wp:html \/--><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:heading -->\n<h2>3. Modificar contenido en HTML<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Otra funci\u00f3n es modificar contenido que ya est\u00e1 cargado en el html. <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"align\":\"wide\"} -->\n<figure class=\"wp-block-image alignwide\"><img src=\"https:\/\/cibercambio.files.wordpress.com\/2021\/04\/b228a-js13-1533903052-31.png\" alt=\"\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:group {\"className\":\"atavist-embed\"} -->\n<div class=\"wp-block-group atavist-embed\"><!-- wp:html \/--><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:paragraph -->\n<p><b>Ejercicio<\/b><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>En este ejemplo hay algo que no funciona. Rev\u00edsalo y ajusta lo que est\u00e9 mal para que funcione el cambio de contenido.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"align\":\"center\"} -->\n<p class=\"has-text-align-center\"><i><a href=\"https:\/\/jsfiddle.net\/gertrudix\/3s9k2vtc\/2\/\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">Soluci\u00f3n<\/a><\/i><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:group {\"className\":\"atavist-embed\"} -->\n<div class=\"wp-block-group atavist-embed\"><!-- wp:html \/-->\n\n<!-- wp:paragraph {\"fontSize\":\"small\"} -->\n<p class=\"has-small-font-size\">El id no es correcto. Deben de tener el mismo nombre.<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:heading -->\n<h2>4. Validar la entrada de datos<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:image {\"align\":\"right\"} -->\n<div class=\"wp-block-image\"><figure class=\"alignright\"><img src=\"https:\/\/cibercambio.files.wordpress.com\/2021\/04\/b3437-js14-1533931261-10.png\" alt=\"isNan (x) Es un objeto global de Javascript que eval\u00faa un argumento para determinar si es un n\u00famero\"\/><figcaption>isNan (x) Es un objeto global de Javascript que eval\u00faa un argumento para determinar si es un n\u00famero<\/figcaption><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Javascript es muy \u00fatil para validar si la entrada de datos en los campos de un formulario son los adecuados, aquellos que por formato o tipo se esperan recibir.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>En este ejemplo, podemos comprobar si los datos que se introducen est\u00e1n comprendidos dentro de un rango. En caso contrario, saltar\u00e1 una alerta indicando que no son correctos.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:group {\"className\":\"atavist-embed\"} -->\n<div class=\"wp-block-group atavist-embed\"><!-- wp:html \/--><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:paragraph -->\n<p><b>Ejercicio<\/b><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Modifica el ejemplo anterior para que la validaci\u00f3n sea para n\u00fameros comprendidos entre 10 y 20.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"align\":\"center\"} -->\n<p class=\"has-text-align-center\"><i><a href=\"https:\/\/jsfiddle.net\/2k97b5wt\/16\/\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">Soluci\u00f3n<\/a><\/i><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:group {\"className\":\"atavist-embed\"} -->\n<div class=\"wp-block-group atavist-embed\"><!-- wp:html \/--><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:heading -->\n<h2>5. Cambiar o modificar atributos<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:image {\"align\":\"right\"} -->\n<div class=\"wp-block-image\"><figure class=\"alignright\"><img src=\"https:\/\/cibercambio.files.wordpress.com\/2021\/04\/4236a-js15-1533935333-52.png\" alt=\"\"\/><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Otra posibilidad es cambiar determinados atributos de los elementos html. Aqu\u00ed las posibilidades son muy amplias, dado que podemos modificar los valores de cualquier atributo, desde el color de un texto, el tipo de fuente, etc.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>En este ejemplo generamos un efecto de sustituci\u00f3n modificando el atributo src de una imagen.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:group {\"className\":\"atavist-embed\"} -->\n<div class=\"wp-block-group atavist-embed\"><!-- wp:html \/--><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Ejercicio<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Modifica el valor del atributo src con estas im\u00e1genes que realizan un efecto de sustituci\u00f3n similar<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li><p><a href=\"http:\/\/comunicaciondigital.es\/wp-content\/master\/lightoff.png\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">http:\/\/comunicaciondigital.es\/wp-content\/master\/lighton.png<\/a><\/p><\/li><li><p><a href=\"http:\/\/comunicaciondigital.es\/wp-content\/master\/lightoff.png\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">http:\/\/comunicaciondigital.es\/wp-content\/master\/lightoff.png<\/a><\/p><\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph {\"align\":\"center\"} -->\n<p class=\"has-text-align-center\"><i><a href=\"https:\/\/jsfiddle.net\/2nwru4pe\/1\/\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">Soluci\u00f3n<\/a><\/i><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:group {\"className\":\"atavist-embed\"} -->\n<div class=\"wp-block-group atavist-embed\"><!-- wp:html \/-->\n\n<!-- wp:paragraph {\"fontSize\":\"small\"} -->\n<p class=\"has-small-font-size\">Enciende o apaga la luz (la primera imagen es el primer bot\u00f3n), la segunda es para img y el segundo bot\u00f3n<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:group {\"className\":\"atavist-title-design cover-text-simple\"} -->\n<div class=\"wp-block-group atavist-title-design cover-text-simple\"><!-- wp:heading {\"textAlign\":\"left\",\"align\":\"center\",\"className\":\"aligncenter atavist-title-h2\"} -->\n<h2 class=\"has-text-align-left aligncenter atavist-title-h2\">\u00bfQu\u00e9 resultados produce?<\/h2>\n<!-- \/wp:heading --><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:paragraph -->\n<p>Javascript utiliza varios procedimientos o displays de escritura:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li>Caja de alerta - <i>window.alert() <\/i>[<a href=\"https:\/\/jsfiddle.net\/gertrudix\/kzf8grbg\/\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">Ver ejemplo<\/a>]\n<\/li><li>Salida html - <i>document.write() <\/i>[<a href=\"https:\/\/jsfiddle.net\/gertrudix\/55eL53bx\/\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">Ver ejemplo<\/a>]\n<\/li><li>Elemento html - <i>inner.html() <\/i>[<a href=\"https:\/\/jsfiddle.net\/gertrudix\/vLn56ddr\/\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">Ver ejemplo<\/a>]\n<\/li><li>Consola de navegador - <i>console.log() <\/i>[<a href=\"https:\/\/jsfiddle.net\/gertrudix\/ov7vdpzf\/2\/\" target=\"_blank\" class=\"regular-link\" rel=\"noopener\">Ver ejemplo<\/a>]\n<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"align\":\"wide\"} -->\n<figure class=\"wp-block-image alignwide\"><img src=\"https:\/\/cibercambio.files.wordpress.com\/2021\/04\/c98b4-js16-1533936074-39.png\" alt=\"\"\/><\/figure>\n<!-- \/wp:image -->","_et_gb_content_width":"1080","footnotes":""},"categories":[221,282],"tags":[],"class_list":["post-82172","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-banco-conocimiento","category-pepd"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Tema 5. Investigaci\u00f3n de usuario y requisitos - Portal de proyectos multimedia<\/title>\n<meta name=\"description\" content=\"El objetivo de este bloque es ofrecerte una revisi\u00f3n de algunos de los formatos y nuevas narrativas que se est\u00e1n desarrollando en el \u00e1mbito period\u00edstico digital.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/proyectos.comunicaciondigital.es\/en\/t5-investigacion-usuarios\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tema 5. Investigaci\u00f3n de usuario y requisitos - Portal de proyectos multimedia\" \/>\n<meta property=\"og:description\" content=\"El objetivo de este bloque es ofrecerte una revisi\u00f3n de algunos de los formatos y nuevas narrativas que se est\u00e1n desarrollando en el \u00e1mbito period\u00edstico digital.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/proyectos.comunicaciondigital.es\/en\/t5-investigacion-usuarios\/\" \/>\n<meta property=\"og:site_name\" content=\"Portal de proyectos multimedia\" \/>\n<meta property=\"article:published_time\" content=\"2025-08-25T22:47:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-25T23:12:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2025\/08\/t5-usuarios.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"420\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"juanmiro\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/t5-investigacion-usuarios\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/t5-investigacion-usuarios\\\/\"},\"author\":{\"name\":\"juanmiro\",\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/#\\\/schema\\\/person\\\/2e8265f6be76de5637b1bd02a53266b3\"},\"headline\":\"Tema 5. Investigaci\u00f3n de usuario y requisitos\",\"datePublished\":\"2025-08-25T22:47:55+00:00\",\"dateModified\":\"2025-08-25T23:12:24+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/t5-investigacion-usuarios\\\/\"},\"wordCount\":6607,\"image\":{\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/t5-investigacion-usuarios\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/t5-usuarios.jpg\",\"articleSection\":[\"banco-conocimiento\",\"PEPD\"],\"inLanguage\":\"en-GB\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/t5-investigacion-usuarios\\\/\",\"url\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/t5-investigacion-usuarios\\\/\",\"name\":\"Tema 5. Investigaci\u00f3n de usuario y requisitos - Portal de proyectos multimedia\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/t5-investigacion-usuarios\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/t5-investigacion-usuarios\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/t5-usuarios.jpg\",\"datePublished\":\"2025-08-25T22:47:55+00:00\",\"dateModified\":\"2025-08-25T23:12:24+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/#\\\/schema\\\/person\\\/2e8265f6be76de5637b1bd02a53266b3\"},\"description\":\"El objetivo de este bloque es ofrecerte una revisi\u00f3n de algunos de los formatos y nuevas narrativas que se est\u00e1n desarrollando en el \u00e1mbito period\u00edstico digital.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/t5-investigacion-usuarios\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/t5-investigacion-usuarios\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/t5-investigacion-usuarios\\\/#primaryimage\",\"url\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/t5-usuarios.jpg\",\"contentUrl\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/t5-usuarios.jpg\",\"width\":1000,\"height\":420,\"caption\":\"Two designers are working on a new mobile application in an office environment, comparing paper wireframes to a digital prototype displayed on a desktop computer\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/t5-investigacion-usuarios\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tema 5. Investigaci\u00f3n de usuario y requisitos\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/#website\",\"url\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/\",\"name\":\"Portal de proyectos multimedia\",\"description\":\"Grupo Ciberimaginario\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/#\\\/schema\\\/person\\\/2e8265f6be76de5637b1bd02a53266b3\",\"name\":\"juanmiro\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/wp-content\\\/litespeed\\\/avatar\\\/ddba0a0edd23b5c5ff08c9345b733ce5.jpg?ver=1779122247\",\"url\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/wp-content\\\/litespeed\\\/avatar\\\/ddba0a0edd23b5c5ff08c9345b733ce5.jpg?ver=1779122247\",\"contentUrl\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/wp-content\\\/litespeed\\\/avatar\\\/ddba0a0edd23b5c5ff08c9345b733ce5.jpg?ver=1779122247\",\"caption\":\"juanmiro\"},\"url\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/en\\\/author\\\/juanmiro\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tema 5. Investigaci\u00f3n de usuario y requisitos - Portal de proyectos multimedia","description":"El objetivo de este bloque es ofrecerte una revisi\u00f3n de algunos de los formatos y nuevas narrativas que se est\u00e1n desarrollando en el \u00e1mbito period\u00edstico digital.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/proyectos.comunicaciondigital.es\/en\/t5-investigacion-usuarios\/","og_locale":"en_GB","og_type":"article","og_title":"Tema 5. Investigaci\u00f3n de usuario y requisitos - Portal de proyectos multimedia","og_description":"El objetivo de este bloque es ofrecerte una revisi\u00f3n de algunos de los formatos y nuevas narrativas que se est\u00e1n desarrollando en el \u00e1mbito period\u00edstico digital.","og_url":"https:\/\/proyectos.comunicaciondigital.es\/en\/t5-investigacion-usuarios\/","og_site_name":"Portal de proyectos multimedia","article_published_time":"2025-08-25T22:47:55+00:00","article_modified_time":"2025-08-25T23:12:24+00:00","og_image":[{"width":1000,"height":420,"url":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2025\/08\/t5-usuarios.jpg","type":"image\/jpeg"}],"author":"juanmiro","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/proyectos.comunicaciondigital.es\/t5-investigacion-usuarios\/#article","isPartOf":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/t5-investigacion-usuarios\/"},"author":{"name":"juanmiro","@id":"https:\/\/proyectos.comunicaciondigital.es\/#\/schema\/person\/2e8265f6be76de5637b1bd02a53266b3"},"headline":"Tema 5. Investigaci\u00f3n de usuario y requisitos","datePublished":"2025-08-25T22:47:55+00:00","dateModified":"2025-08-25T23:12:24+00:00","mainEntityOfPage":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/t5-investigacion-usuarios\/"},"wordCount":6607,"image":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/t5-investigacion-usuarios\/#primaryimage"},"thumbnailUrl":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2025\/08\/t5-usuarios.jpg","articleSection":["banco-conocimiento","PEPD"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/proyectos.comunicaciondigital.es\/t5-investigacion-usuarios\/","url":"https:\/\/proyectos.comunicaciondigital.es\/t5-investigacion-usuarios\/","name":"Tema 5. Investigaci\u00f3n de usuario y requisitos - Portal de proyectos multimedia","isPartOf":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/t5-investigacion-usuarios\/#primaryimage"},"image":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/t5-investigacion-usuarios\/#primaryimage"},"thumbnailUrl":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2025\/08\/t5-usuarios.jpg","datePublished":"2025-08-25T22:47:55+00:00","dateModified":"2025-08-25T23:12:24+00:00","author":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/#\/schema\/person\/2e8265f6be76de5637b1bd02a53266b3"},"description":"El objetivo de este bloque es ofrecerte una revisi\u00f3n de algunos de los formatos y nuevas narrativas que se est\u00e1n desarrollando en el \u00e1mbito period\u00edstico digital.","breadcrumb":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/t5-investigacion-usuarios\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/proyectos.comunicaciondigital.es\/t5-investigacion-usuarios\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/proyectos.comunicaciondigital.es\/t5-investigacion-usuarios\/#primaryimage","url":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2025\/08\/t5-usuarios.jpg","contentUrl":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2025\/08\/t5-usuarios.jpg","width":1000,"height":420,"caption":"Two designers are working on a new mobile application in an office environment, comparing paper wireframes to a digital prototype displayed on a desktop computer"},{"@type":"BreadcrumbList","@id":"https:\/\/proyectos.comunicaciondigital.es\/t5-investigacion-usuarios\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/proyectos.comunicaciondigital.es\/"},{"@type":"ListItem","position":2,"name":"Tema 5. Investigaci\u00f3n de usuario y requisitos"}]},{"@type":"WebSite","@id":"https:\/\/proyectos.comunicaciondigital.es\/#website","url":"https:\/\/proyectos.comunicaciondigital.es\/","name":"Portal de proyectos multimedia","description":"Grupo Ciberimaginario","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/proyectos.comunicaciondigital.es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Person","@id":"https:\/\/proyectos.comunicaciondigital.es\/#\/schema\/person\/2e8265f6be76de5637b1bd02a53266b3","name":"juanmiro","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/litespeed\/avatar\/ddba0a0edd23b5c5ff08c9345b733ce5.jpg?ver=1779122247","url":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/litespeed\/avatar\/ddba0a0edd23b5c5ff08c9345b733ce5.jpg?ver=1779122247","contentUrl":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/litespeed\/avatar\/ddba0a0edd23b5c5ff08c9345b733ce5.jpg?ver=1779122247","caption":"juanmiro"},"url":"https:\/\/proyectos.comunicaciondigital.es\/en\/author\/juanmiro\/"}]}},"_links":{"self":[{"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/posts\/82172","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/comments?post=82172"}],"version-history":[{"count":4,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/posts\/82172\/revisions"}],"predecessor-version":[{"id":82177,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/posts\/82172\/revisions\/82177"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/media\/82174"}],"wp:attachment":[{"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/media?parent=82172"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/categories?post=82172"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/tags?post=82172"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}