# 1. Comunicación y colaboración y ciudadanía digital

La **comunicación y colaboración**, así como la **ciudadanía digital**, son aspectos fundamentales en la era digital en la que vivimos.

La comunicación digital nos permite **conectarnos y compartir información de forma instantánea con personas de todo el mundo.** A través de diferentes plataformas y herramientas de comunicación, como redes sociales, correo electrónico, chats y videoconferencias, podemos mantenernos en contacto con amigos, familiares, colegas y comunidades en línea. Sin embargo, es importante **reflexionar sobre cómo nos comunicamos** y asegurarnos de que nuestras interacciones sean respetuosas, claras y seguras. Debemos **ser conscientes del tono y la intención de nuestros mensajes**, evitando malentendidos y promoviendo una comunicación efectiva.

<iframe allowfullscreen="allowfullscreen" class="giphy-embed" frameborder="0" height="480" src="https://giphy.com/embed/povenlBAIz14s" width="480"></iframe>

[Art Animation GIF por Mathew Lucas via GIPHY](https://giphy.com/gifs/89a-design-art-animation-povenlBAIz14s)

**La colaboración digital implica trabajar de forma conjunta en proyectos, tareas o actividades en línea.** Mediante herramientas de colaboración, **como plataformas de trabajo en equipo**, **compartición de archivos y edición colaborativa de documentos**, podemos trabajar de manera eficiente y productiva, incluso cuando nos encontramos en diferentes ubicaciones geográficas. **La colaboración digital fomenta la creatividad, el intercambio de ideas y la diversidad de perspectivas.**

<p class="callout info">La **ciudadanía digital** se refiere a la **responsabilidad y el comportamiento ético** que debemos tener al interactuar en el entorno digital. Implica ser **conscientes de nuestros derechos y deberes en línea, respetar la privacidad de los demás, proteger nuestra propia información personal y participar de manera positiva en la comunidad virtual.** La ciudadanía digital también implica tener habilidades para **evaluar críticamente la información en línea**, distinguir entre **fuentes confiables y no confiables,** y evitar la propagación de **noticias falsas o contenidos perjudiciales.**</p>

<details id="bkmrk-dec%C3%A1logo-de-comunica"><summary>Decálogo de comunicación digital:</summary>

1. **Escucha activa:** Presta atención a los demás, muestra interés y respeta sus opiniones. Evita interrumpir y sé receptivo a diferentes puntos de vista.
2. **Claridad y concisión:** Expresa tus ideas de manera clara y directa. Utiliza un lenguaje sencillo y evita ambigüedades para evitar malentendidos.
3. **Respeto y empatía:** Trata a los demás con respeto, incluso en desacuerdos. Intenta comprender su perspectiva y muestra empatía hacia sus sentimientos y experiencias.
4. **Retroalimentación constructiva:** Proporciona comentarios útiles y constructivos a tus compañeros de equipo. Destaca sus fortalezas y sugiere áreas de mejora de manera respetuosa.
5. **Uso adecuado de herramientas de comunicación:** Utiliza las herramientas de comunicación adecuadas para cada situación. Por ejemplo, utiliza correos electrónicos para mensajes formales y chats para conversaciones rápidas.
6. **Establecer metas y expectativas claras:** Define metas y expectativas claras en proyectos colaborativos. Asegúrate de que todos los miembros del equipo comprendan su papel y responsabilidades.
7. **Participación activa:** Contribuye de manera activa y significativa en actividades de colaboración. Comparte tus ideas, aporta soluciones y trabaja en equipo para lograr los objetivos comunes.
8. **Verificación de fuentes:** Antes de compartir información en línea, verifica su veracidad y confiabilidad. Utiliza fuentes confiables y evita la difusión de noticias falsas o información engañosa.
9. **Respeto por la privacidad y seguridad en línea:** Mantén la confidencialidad de la información personal y respeta la privacidad de los demás. Utiliza contraseñas seguras y protege tus dispositivos y cuentas en línea.
10. **Pensamiento crítico y análisis de contenido:** Desarrolla habilidades para evaluar críticamente la información en línea. Verifica la fuente, busca evidencia adicional y considera diferentes perspectivas antes de aceptarla como verídica.

</details>Otros consejos sobre qué evitar hacer y qué hacer en la comunicación digital en relación a la ciudadanía digital:

<table border="1" id="bkmrk-%E2%9D%8C%E2%9D%8C%E2%9D%8C-qu%C3%A9-evitar-hacer" style="border-collapse: collapse; width: 100%; border-width: 1px; background-color: #f8cac6;"><colgroup><col style="width: 15.8087%;"></col><col style="width: 84.1337%;"></col></colgroup><tbody><tr><td style="vertical-align: middle;">❌  
❌  
❌

##### Qué evitar hacer:  


❌  
❌  
❌

</td><td style="vertical-align: middle;">- **Ciberacoso:** Evita acosar, intimidar o difamar a otras personas en línea. No utilices el anonimato para dañar la reputación de alguien o causarles malestar emocional.
- **Compartir información falsa:** No difundas noticias falsas, rumores o información engañosa. Verifica siempre la veracidad de la información antes de compartirla.
- **Insultos y lenguaje ofensivo:** Evita utilizar un lenguaje ofensivo, discriminatorio o irrespetuoso en tus interacciones en línea. Respeta la diversidad y trata a los demás con cortesía.
- ***Divulgación no autorizada de información personal:*** No compartas información personal sensible, como números de teléfono, direcciones o datos bancarios, sin el consentimiento de la persona afectada.
- **Comentarios destructivos:** Evita hacer comentarios destructivos o negativos en publicaciones o discusiones en línea. Fomenta un ambiente de respeto y construcción positiva.

</td></tr><tr><td style="background-color: rgb(191, 237, 210); vertical-align: middle;">✅

✅

✅

##### Qué hacer:

✅

✅

✅

</td><td style="background-color: rgb(191, 237, 210); vertical-align: middle;">- **Respeto y empatía:** Trata a los demás con respeto y empatía en todas tus interacciones digitales. Sé considerado con las opiniones y sentimientos de los demás.
- **Verificación de información:** Antes de compartir contenido, verifica la fuente y asegúrate de que sea precisa y confiable. Utiliza fuentes confiables y basadas en hechos.
- **Comentarios constructivos:** Contribuye a conversaciones en línea de manera constructiva y positiva. Proporciona comentarios útiles y constructivos que promuevan el diálogo y el aprendizaje.
- **Uso responsable de imágenes y videos:** Obtén el consentimiento de las personas antes de compartir sus imágenes o videos. Evita manipular o difundir contenido falso o engañoso.
- **Protección de la privacidad:** Mantén tu información personal segura y respeta la privacidad de los demás. Utiliza configuraciones de privacidad adecuadas y evita compartir datos sensibles sin consentimiento.
- **Pensamiento crítico:** Desarrolla habilidades de pensamiento crítico y evalúa la información en línea de manera objetiva. No te dejes llevar fácilmente por la desinformación o los prejuicios.
- **Colaboración y diálogo:** Fomenta la colaboración y el diálogo constructivo en línea. Participa en discusiones respetuosas y busca puntos en común con otros usuarios.

</td></tr></tbody></table>

Cuando creamos contenido digital estamos trabajando con el aspecto audiovisual de la imagen, por lo que tenemos que tener en cuenta una serie de normas, visuales, ortográficas, ambientales, sonoras para **no ser intrusivos ni generar malestar**.

<p class="callout danger align-center">En caso de dudas, **acuérdate de la web de Homer**: Así no.</p>

<table border="1" id="bkmrk-la-mejor-pagina-web-" style="border-collapse: collapse; width: 100%;"><colgroup><col style="width: 60.034%;"></col><col style="width: 40.034%;"></col></colgroup><tbody><tr><td class="align-center">**La mejor pagina web del mundo | Los Simpson** por **Los Simpson TV**

<iframe allowfullscreen="allowfullscreen" height="259" src="https://www.youtube.com/embed/P5MWN3TQeY4?si=QTR6ixGqbMmQJsZz" style="width: 462px; height: 259px;" width="462"></iframe>

</td><td><iframe allowfullscreen="allowfullscreen" class="giphy-embed" frameborder="0" height="225" src="https://giphy.com/embed/3orif6SZHGRvNulw0E" style="width: 300px; height: 225px;" width="300"></iframe>

Homer Simpson Episode 6 [via GIPHY](https://giphy.com/gifs/season-12-the-simpsons-12x6-3orif6SZHGRvNulw0E)

</td></tr></tbody></table>

<table border="1" id="bkmrk-normas-ortogr%C3%A1ficas-" style="border-collapse: collapse; width: 100%;"><colgroup><col style="width: 99.8765%;"></col></colgroup><tbody><tr><td class="align-center" style="background-color: rgb(70, 48, 151);">##### <span style="color: rgb(255, 255, 255);">Normas ortográficas</span>

</td></tr><tr><td style="border-color: rgb(255, 255, 255);">**Correcta escritura de palabras:** Se recomienda utilizar una correcta ortografía en las publicaciones, evitando errores comunes como las faltas de ortografía, las abreviaturas excesivas o las palabras mal escritas a propósito.

**Puntuación adecuada:** Es importante utilizar la puntuación de manera correcta para asegurar la comprensión del texto. Esto incluye el uso adecuado de puntos, comas, signos de interrogación y exclamación, entre otros.

**Evitar las mayúsculas excesivas:** Es preferible utilizar las mayúsculas de manera adecuada, evitando escribir todo en mayúsculas, ya que se interpreta como "gritar" en línea y puede ser considerado como una falta de cortesía.

</td></tr><tr><td style="background-color: rgb(43, 120, 107);">##### <span style="color: rgb(255, 255, 255);">Normas visuales</span>

</td></tr><tr><td style="border-color: rgb(255, 255, 255);">**Uso de imágenes de calidad:** Se recomienda utilizar imágenes de buena calidad y con resolución adecuada para asegurar una buena visualización en los dispositivos de los usuarios.

**Diseño limpio y legible:** Es importante que los contenidos digitales tengan un diseño limpio y legible, utilizando colores contrastantes, fuentes legibles y un espaciado adecuado para facilitar la lectura.

**Adaptación a diferentes dispositivos:** Los contenidos digitales deben adaptarse a diferentes dispositivos y tamaños de pantalla, como ordenadores, tablets o smartphones, para garantizar una experiencia visual óptima.

</td></tr></tbody></table>

<p class="callout info align-left">Usualmente se utiliza en foros y chats el término [***sorry caps \[EN\]*** ](https://www.urbandictionary.com/define.php?term=sorry%20caps) o ***sorry mayus \[ES\]*** para **pedir perdón** **y disculparse cuando** la tecla *Bloq. Mayus* o *Caps Lock* se queda pulsada y **se envía toda una frase en mayúsculas**. Esto no es agradable porque parece que estás gritando. Este término es altamente usado en chats.  
  
 [![CC_2728350_622351b53c5246f08631543d8d88fdff_meme_otros_me_pasa_mas_veces_de_las_que_me_gustaria.jpg](https://libros.catedu.es/uploads/images/gallery/2023-09/scaled-1680-/cc-2728350-622351b53c5246f08631543d8d88fdff-meme-otros-me-pasa-mas-veces-de-las-que-me-gustaria.jpg) ](https://libros.catedu.es/uploads/images/gallery/2023-09/cc-2728350-622351b53c5246f08631543d8d88fdff-meme-otros-me-pasa-mas-veces-de-las-que-me-gustaria.jpg) [![sorry-for-caps-sorry.gif](https://libros.catedu.es/uploads/images/gallery/2023-09/sorry-for-caps-sorry.gif)](https://libros.catedu.es/uploads/images/gallery/2023-09/sorry-for-caps-sorry.gif)  
 *'Uy, sorry mayus' \[...\]* [por r/SpanishMeme vía reddit.com](https://www.reddit.com/r/SpanishMeme/comments/cohjyp/uy_sorry_mayus_es_mi_frase_m%C3%A1s_usada/) <span style="text-decoration: underline;">Sorry For Caps by GCM\_0 vía Tenor.com </span></p>

La **alfabetización visual** y los conocimientos sobre lo visual y audiovisual son **fundamentales** al crear contenidos digitales para redes sociales y sitios web por varias razones:

- **Impacto y atención:** Las imágenes y el contenido visual tienden a captar rápidamente la atención del espectador en un entorno digital saturado de información. Un buen uso de imágenes, videos y elementos visuales puede generar un mayor impacto y llamar la atención de los usuarios.
- **Comunicación efectiva:** Los elementos visuales pueden transmitir mensajes y emociones de manera más rápida y efectiva que el texto escrito. Permiten una comunicación más visual y emocional, facilitando la comprensión y la conexión con el público objetivo.
- **Memoria y retención:** La información visual tiende a ser más fácilmente recordada y retenida en comparación con el contenido puramente textual. Los elementos visuales ayudan a mejorar la recordación de la marca, los mensajes clave y la información relevante.
- **Engagement y compartición:** Los contenidos visuales atractivos suelen generar mayor engagement y propiciar su compartición en redes sociales y plataformas digitales. El contenido visual atractivo y de calidad es más propenso a recibir likes, comentarios y ser compartido, lo que amplía el alcance y visibilidad de los contenidos.
- **Diferenciación y branding:** Un diseño visual cuidado y coherente contribuye a diferenciarse de la competencia y a fortalecer la identidad de marca. Los elementos visuales pueden transmitir los valores, la personalidad y la imagen de una marca o proyecto de manera efectiva.

<p class="callout success">Así pues, la alfabetización visual es esencial para crear **contenidos digitales impactantes, comunicar de manera efectiva, generar engagement y retención, y fortalecer la identidad de marca** en el entorno digital.</p>

<details id="bkmrk-consejos-para-mejora"><summary>Consejos para mejorar la alfabetización visual de nuestro contenido</summary>

**💢Aprende y aplica los principios básicos del diseño visual:** Estudia los fundamentos del diseño, como la composición, el equilibrio y la tipografía, y aplícalos en tus creaciones.

**👁‍ Observa y analiza:** Estudia el trabajo de diseñadores y creadores de contenido visualmente atractivo para entender qué elementos hacen que sus diseños sean efectivos.

**✒ Utiliza herramientas de diseño**: Experimenta con programas y herramientas de diseño gráfico para crear tus propios diseños y practicar la edición de imágenes y la composición visual.

**🎀 Sé coherente, simple y accesible:** Mantén una coherencia visual en tus contenidos, evita el exceso de información visual y prioriza la claridad. Asegúrate de que tus diseños sean accesibles para todos.

</details>La comunicación y colaboración digital nos brindan oportunidades sin precedentes, pero también nos plantean desafíos. Es importante reflexionar sobre cómo utilizamos estas herramientas y cómo nos comportamos en línea para fomentar una comunicación efectiva, una colaboración productiva y una ciudadanía digital responsable. Debemos de ser capaces como profesorado de transmitir esto a nuestro alumnado.