La Pร GINA WEB y RRSS como herramientas de comunicaciรณn
PRIMERO ESTOY ONLINE LUEGO EXISTO.
ÂżQuĂŠ medios utilizar para comunicarnos?
Motivos para tener una
página web Objetivos: Correcta presentación, canal de recomendación, fuente de información, contacto (correo). Público: Empresas y Contribuyentes
Motivos para usar
redes sociales Objetivos: Comunicación individualizada, mantenimiento de contactos, actualización y rápida difusión, presencia globalizada Público: Jóvenes
PÁGINA WEB
Una comunicaciรณn CLARA y EFECTIVA es VITAL para una pรกgina web. Tener una buena experiencia es esencial para tener una reacciรณn positiva por parte de los usuarios.
ELEMENTOS DE LA COMUNICACIÓN
TEXTO Es la forma más obvia de comunicación online. Todos los visitantes se basan en el texto para entender el mensaje básico de la web. Titulares y encabezados Priorizan la información. La naturaleza humana tiende a querer información de manera rápida. Te muestra los temas principales y nos da una idea de lo que podemos esperar del resto del contenido.
IMÁGENES “Una imagen dice más que mil palabras”. Muchas veces se pueden comunicar varias cosas con una sola imagen. Las imágenes deben ser coherentes. 1. Formatos de imagen disponibles: .gif, .jpg y .png 2. Programas de edición para editar y cambiar el tamaño de las imágenes
AUDIO Y VIDEO Es el nuevo lenguaje de la web y una nueva forma de comunicaciรณn. Te cuentan experiencias e historias que antes eran mรกs que nada estรกticas.
EL LOGOTIPO CONTACTO
CREAR UNA PÁGINA WEB
¿Es necesario poseer conocimientos técnicos para crear una página web profesional?
Dominio: La direcciรณn de una casa. Derecho de usar un determinado nombre en internet.
Hosting: El alojamiento dentro de la casa.
Es el espacio en internet para subir nuestra pรกgina web.
Creadores de páginas web Fácil de usar, un paquete único, precio bajo, cualquiera puede usarlos, actualizaciones constantes, seguridad, funcionalidad Drag and drop (arrastar y soltar)
1. Jimdo
Todo en uno. Buenos precios. Gratuito indefinidamente. Responsive. Español.
2. Sitio Simple El más fácil de usar. Todo incluido. Español.
3. Wix
Herramienta elegante. Mucha variedad de plantillas. Español.
4. Wordpress
Muy fácil de usar. Español.
* Squarespace Diseños limpios y en formato responsive.
ÂżDeberĂa planificar mi pĂĄgina web antes de empezar a trabajarla online?
1. Una lluvia de ideas Escribir todo lo que desees que tenga la página. 2. Echa un vistazo a otros sitios web interesantes tanto desde un punto de vista de diseño como de contenido. 3. Consulta con gente de confianza para que den su opinión sobre la misma Diferentes puntos de vista, proyecto desde fuera. 4. Investiga y limpia Buscar en google, asegurarse que nuestra web no sea confundida. Borrar páginas anteriores.
Referencias de pĂĄgina web h"p://www.worldwildlife.org/ h"p://www.nature.org/ h"ps://www.fordfounda6on.org/ h"p://resourcefnd.org/ h"p://www.girlboss.com h"p://letsmoveschools.org h"p://www.genyouthfounda6on.org h"p://www.goodsports.org www.li"lelight.co.ug h"p://www.childobesity180.org h"p://www.empowermentplan.org
h"ps://www.w4.org/ h"p://lingos.org/ h"p://adventuretoďŹ tness.com h"ps://www.wholeplaneAounda6on.org h"ps://www.jamsbykim.com/ h"p://sunchowdersemporia.com/ h"p://ayakoandfamily.com h"p://aqua6cabyseaworld.com h"p://www.xcaret.com.mx/ h"p://www.beaches.com/scuba/ h"p://www.sandals.com/scuba/ h"p://oceanfoxco"onbay.com
FORMATOS DE IMAGEN
.gif
.jpg
• Permite transparencias • No permite transparencias • Permite imágenes con • No permite movimiento movimiento. • Si es para guardar • No es para guardar fotografías fotografías (hay calidades)
.png
• Permite transparencias • No permite movimiento • PNG8 y PNG24 • Para guardar fotografías (24)
PROGRAMAS DE DISEÑO
15 TIPS SOBRE PÁGINAS WEB
1. Web verticales + scroll
2. DiseĂąo responsive
3. Formularios mรกs simples
4. Socializa tu web (share and follow, R.R.S.S.)
5. Hero vs. Sliders
6. Formato grid o modo tarjetas
7. Imรกgenes grandes (cuidado con el peso)
8. Tipografía
9. Colores planos y fuertes
10. InfografĂas (dibuja lo que quieras comunicar)
11. Videos a todo lo ancho
12. Menú móvil también para escritorio
13. Call to action (botones)
14. Menús “sticky” o pegajosos
15. Animaciones para HTML5 (google web designer)
CREADOR DE INFOGRAFÍAS 1. Piktochart
El que tiene más opciones. Trabajos pueden descargarse o publicarse. Inglés.
2. Easelly Mucha variedad de plantillas. Español.
* Venngage
Herramienta elegante. Muchas opciones. Premium para descargar. Inglés.
* Visme
5 Plantillas gratuitas.
R.R.S.S.
GESTIÓN DE REDES SOCIALES
Planifica ¿Se aplican aquí los 11 pasos de la planificación estratégica? Sí.
POR DÓNDE EMPEZAR ¿Cuál es el Objetivo? Ej.: • Cuantitativo: ¿generar más visitas a la página web? ¿incrementar el # de participantes en una encuesta, concurso o aplicación? • Cualitativo: ¿incrementar el sentimiento positivo de mi(s) audiencia(s) sobre mis servicios / productos? ¿Mantener la relación de fidelidad de mis audiencias? Audiencia definida: No se trata sólo de géneros, edades y ciudad, sino también de creencias y afectos. ¿Le recomendarías un concierto de reggaeton (Daddy Yankee) a un seguidor de heavy metal (Sepultura o Megadeth)?
ELIGE. MENOS ES MÁS. No necesitas todas las redes sociales ¿Cuáles prefiere tu audiencia? ¿Dónde participan más activamente? Veamos 2: FB y Twitter
IMÁGENES Y VIDEOS Las publicaciones (post) que más se leen y comparten son las que incluyen imágenes. Ej.: fotos, infografías, ilustraciones, caricaturas, gifs
En 2do lugar, las que van con vídeos (casi siempre enlaces a vídeos alojados en repositorios como Vine, Youtube o Vimeo)
1. Contenido, Formato y Horario 2. Poco texto en los post (mรกximo 40%) 3. Incentivar la interacciรณn
h"ps://www.facebook.com/FordFound/ h"ps://www.facebook.com/resourcefnd
1. Asegúrate que tu perfil esté optimizado 2. Personaliza tus tweets para captar la atención 3. Crea una lista de palabras clave 4. Utiliza #Hashtags 5. “Favoritos” y “Retweets” h"ps://twi"er.com/World_Wildlife h"ps://twi"er.com/nature_org
Sigue la regla del 50/50 (Empresa seria / personal informal) MantĂŠn una voz Ăşnica pero uniforme Procura ser consistente en tus redes sociales Siempre incluye enlaces a la fuente original (pĂĄgina web)