CLASE 7
COMUNICACIÓN
MULTIMEDIAL
LIC. IVANNA SKOK
COMUNICACIÓN EFECTIVA
EN PÁGINAS WEB
¿QUÉ ES UNA PÁGINA WEB?
Es un espacio digital para comunicar, informar,
persuadir o vender.
Su diseño debe responder a su propósito.
OBJETIVOS COMUNICACIONALES
Informar claramente,
persuadir emocionalmente,
y conectar navegando de forma intuitiva.
ELEMENTOS FUNDAMENTALES
CLARIDAD
JERARQUÍA
CONSISTENCIA
IDENTIDAD
ACCESIBILIDAD
Son la base de un diseño comunicacional efectivo.
EXPERIENCIA DE USUARIO (UX)
FACILIDAD DE NAVEGACIÓN
SATISFACCIÓN
RAPIDEZ
COHERENCIA
Una buena UX evita fricciones innecesarias.
INTERFAZ DE USUARIO (UI)
Elementos visuales:
BOTONES
TIPOGRAFÍAS
COLORES
ICONOS
DISPOSICIÓN EN PANTALLA
ARQUITECTURA DE LA INFORMACIÓN
Organización del contenido,
menús, jerarquía visual.
El usuario debe saber dónde está
y cómo volver.
WIREFRAMES
Son bocetos del diseño
antes de aplicar estilo
visual.
Ayudan a definir
estructura y orden
comunicacional.
Bloques de contenido
Bloques de imágenes u otro contenido
multimedia: es decir, dónde irán
ubicados los logos, los vídeos, las
imágenes, los banners, etc.
Formularios de contacto
Elementos de navegación: son los
elementos que te llevan a otras páginas.
Por ejemplo, los botones Call to Action
PÁGINAS WEB: ESTÁTICAS Y DINÁMICAS
PÁGINA INSTITUCIONAL
Contiene misión, visión, historia, contacto.
Reforzar la identidad y transmitir confianza.
PÁGINA DE VENTA
Incluye productos, testimonios, beneficios, CTA.
El objetivo es convertir visitas en acciones.
PÁGINA INFORMATIVA
Centrada en el contenido, con categorías, notas,
buscadores.
Debe ser escaneable y actualizable.
SECCIONES COMUNES
Inicio
Sobre nosotros
Servicios/Productos
Blog
Contacto
Preguntas frecuentes
CALL TO ACTION (CTA)
Frases que impulsan a actuar:
UBICACIÓN ESTRATÉGICA
CONTENIDOS PERSUASIVOS
USO DEL STORYTELLING
BENEFICIOS CLAROS
USO DE EMOCIONES
PROBLEMAS-SOLUCIONES
CONTENIDO VISUAL
IMÁGENES
VIDEOS
GRÁFICOS
ÍCONOS
Deben reforzar el mensaje y ser coherentes con la
identidad visual.
TIPOGRAFÍA Y COLOR
Legibilidad, jerarquía, emociones asociadas al color.
Reflejan la personalidad de la marca.
ACCESIBILIDAD WEB
Contraste, texto alternativo, navegación por teclado.
El sitio debe ser usable para todos.
MOBILE FIRST
Pensar primero en dispositivos móviles.
Diseño adaptativo y navegación táctil.
Mobile first se basa en crear
sitios web con el objetivo de
mejorar la experiencia del
usuario pensando primero
en la pantalla más pequeña
para luego adaptarla a las
más grandes.
NORMAS DE
USABILIDAD DE KRUG
Las normas de usabilidad de Steve Krug son:
1. No hacer que piense: Evite opciones complejas o ambiguas.
2. Menos clic, más efectivo: El número de clics no importa,
siempre que cada clic sea una elección clara y sin pensar.
3. Simplificá la información: Elimine palabras innecesarias en
cada página y luego elimine la mitad de lo que queda
BUENAS PRÁCTICAS
2. PÁGINA WEB INTUITIVA
1. INTERFAZ VISIBLE Y LEGIBLE
Y ORDENADA
Clave: Evitá lo invisible. Clave: Guiar al usuario.
Colores suaves y legibles Estructura clara
Fuentes de tamaño adecuado Categorías bien definidas
Respetar los estándares visuales Usar mapas web y lógica de
(ej: links azules) búsqueda del público
3. CONTENIDO CLARO, BREVE
Y BIEN REDACTADO 4. BÚSQUEDA FUNCIONAL
Ahorrar tiempo al usuario.
Clave: Comunicación efectiva.
Barra de búsqueda visible
Mensaje en la parte superior
Filtros y enlaces a búsquedas
Redacción simple, sin errores
avanzadas
Evitar textos largos o técnicos
Mostrar coincidencias exactas
BUENAS PRÁCTICAS
5. CARGA RÁPIDA 6. DISEÑO RESPONSIVE
Clave: Adaptabilidad total.
Clave: La espera frustra. Compatible con todos los dispositivos
Optimización del peso de Navegación fluida en todos los
imágenes y scripts dispositivos
Evitá bloqueos innecesarios Acciones centradas en producto y
empresa
7. PRESENTACIÓN CLARA DEL
PRODUCTO 8. DISPONIBILIDAD ACTUALIZADA
Clave: Informar rápido. Clave: Transparencia.
Imágenes de calidad Avisos si un producto está agotado
Información destacada Fechas estimadas de reposición
BUENAS PRÁCTICAS
10. VENTA CRUZADA Y
9. COMPARACIÓN ENTRE PRODUCTOS ASCENDENTE
Clave: Ayudar a decidir. Clave: Sugerir sin saturar.
Tablas o fichas lado a lado “También te puede interesar…”
Mostrar diferencias reales, sin Opciones con mejoras o similares
exagerar
11. OPINIONES DE CLIENTES 12. LLAMADAS A LA ACCIÓN
Clave: Invitar a actuar.
Clave: La voz del usuario.
“Guardá para después”
Comentarios visibles
“Dejá tu opinión”
Calificación promedio destacada
“Comprá ahora”
BUENAS PRÁCTICAS
13. INFORMACIÓN DE CONTACTO CLARA 14. AUTONOMÍA DEL USUARIO
Clave: Accesibilidad humana. Clave: Navegación eficiente.
Teléfono visible Menos clics, más acceso
Chat en vivo o bot Estructura lógica del sitio
Formularios simples
15. VARIEDAD DE MEDIOS DE PAGO 16. FORMULARIOS BREVES
Clave: Flexibilidad. Clave: No agobiar.
Varios métodos de pago Pedí solo lo necesario
“Modo invitado” para evitar Evitá pasos innecesarios
registros largo
MÉTRICAS CLAVE
TASA DE REBOTE
TIEMPO DE PERMANENCIA
CONVERSIÓN
CLICS POR SECCIÓN
HERRAMIENTAS RECOMENDADAS
Canva, Figma, Adobe XD, Miro.
Ideales para prototipado y diseño visual.
CHECKLIST FINAL
¿Es clara?
¿Es atractiva?
¿Guía al usuario?
¿Es coherente con la marca?
¿Es accesible?
CERTIFICACIÓN GRATUITA
Curso SEO online y posicionamiento web | SEOspecialist
