Saltar navegación

Activa JavaScript para disfrutar de los vídeos de la Mediateca.

Ejercicio:Tutorial BSO Studio. Pilar Campos Gallego - Contenido educativo

Ajuste de pantalla

El ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:

Subido el 4 de abril de 2026 por Maria Del Pila C.

2 visualizaciones

Ejercicio dentro del curso de Creación Multimedia donde practicamos la realización de un tutorial con BSO Studio. En este caso, el ejercicio es la realización del tutorial sobre los elementos básicos de una página web.

Descargar la transcripción

Hola, buenos días. Este es un pequeño tutorial dentro de un ejercicio para aprender a utilizar OBS Studio, que es un programa justo para hacer tutoriales. 00:00:01
El ejercicio está dentro del curso Creación Multimedia, Imagen, Audio y Vídeo para el Día a Día del Docente 2026. 00:00:15
si hay algún fallo o cosas así es un tutorial para ir aprendiendo 00:00:23
lo que escucháis por ahí es mi gato que está con una pelotita 00:00:29
el ejercicio, he decidido hacerlo sobre analizar los elementos clave 00:00:32
de la interfaz de una página web y cómo influyen en la experiencia del usuario 00:00:41
en este sentido vamos a quitar lo que es la página de presentación 00:00:45
vamos a poner la página donde se estructuran los contenidos 00:00:51
y aquí vemos una página web dividida como un poco en 12 puntos 00:00:55
que son un poco las jerarquías de una web para que sea 100% eficaz. 00:01:01
Vemos desde el nombre del dominio, la parte superior de la pantalla, 00:01:09
el diseño siempre tiene que ser fácil de navegar, 00:01:14
Tiene que ser muy intuitivo, no tiene que ser complicado ni ser un mapa donde sea imposible seguir. Vemos páginas internas, ¿vale? Como de la página principal nos lleva a otras páginas, esa especie como de puzzle, de túnel, ¿no? 00:01:17
De que de una página nos lleva a otra. El logotipo es importantísimo, ¿vale? Porque es un poco el que nos da toda la marca de lo que es la empresa y siempre está situado en la parte superior izquierda, ¿vale? De lo que es de la web. Menús, ¿vale? Que son los menús que nos va a llevar de un lado a otro el contenido de la página. 00:01:38
Textos interesantes, persuasivos, que interesan a la persona que está accediendo a la web que estamos proponiendo 00:01:58
Imágenes complementarias, es decir, dentro de las imágenes principales 00:02:09
Pues tiene que haber como esas imágenes de refuerzo que hacen que el tutorial sea más interesante 00:02:13
Y sea muchísimo más atractivo toda la página 00:02:19
Datos de contacto que siempre están en la parte inferior, botones para redes, llamadas de atención, que son ese tipo de llamadas de atención que son como de ven, compra, 00:02:22
que hacen como que creemos una especie de sugestión y de atracción mayor hacia el producto o el servicio que queramos ofrecer. 00:02:42
El mapa de ubicación, si hay una tienda física, pues es importante saber dónde está. 00:02:57
Páginas complementarias y, bueno, herramientas para estadísticas. 00:03:02
el saber si la página que estamos haciendo o que estamos ofreciendo tiene muchas visitas o pocos, siempre va a ser importante. 00:03:07
Así, a nivel un poco de resumen, la interfaz de una página web se compone de varios elementos clave que influyen directamente en la experiencia del usuario. 00:03:16
En primer lugar, la estructura organiza el contenido mediante jerarquías visuales, que tienen que ser claras, 00:03:26
donde están los encabezados, el menú de navegación, todas las secciones principales y vemos sobre todo que el diseño visual que lo componen tipografías, colores, iconografía, debe ser coherente con la identidad de marca y facilitar la lectura. 00:03:34
Otro aspecto muy importante es todo el tema de la usabilidad, es decir, la usabilidad que es lo que hace que el usuario pueda interactuar de forma intuitiva 00:03:53
encontrando fácilmente la información o todas las acciones deseadas 00:04:02
Además, la adaptabilidad permite que la web funcione correctamente en distintos dispositivos, eso es importantísimo 00:04:07
Y ya un poquito para acabar así en modo resumen, la velocidad de la calma y todo el tema de la accesibilidad son factores esenciales para asegurar una experiencia eficiente e inclusiva para todos los usuarios. 00:04:17
Pues hasta aquí ha llegado este pequeño tutorial 00:04:32
En los siguientes vídeos intentaremos desarrollar cada uno de estos elementos de una página web 00:04:36
Y nada, espero que os haya servido de algo 00:04:45
Y nada más, pues nada, un saludo, gracias 00:04:50
Idioma/s:
es
Materias:
Tecnologías de la Información
Etiquetas:
Tecnología
Niveles educativos:
▼ Mostrar / ocultar niveles
  • Formación Profesional
    • Ciclo formativo de grado básico
      • Primer Curso
      • Segundo Curso
    • Ciclo formativo de grado medio
      • Primer Curso
      • Segundo Curso
    • Ciclo formativo de grado superior
      • Primer Curso
      • Segundo Curso
Autor/es:
Pilar Campos
Subido por:
Maria Del Pila C.
Licencia:
Reconocimiento - Compartir igual
Visualizaciones:
2
Fecha:
4 de abril de 2026 - 19:17
Visibilidad:
Público
Centro:
IES ISLAS FILIPINAS
Descripción ampliada:
Ver el resultado básico del aprendizaje de BSO Studio que da como resultado un tutorial
Duración:
05′ 15″
Relación de aspecto:
1.78:1
Resolución:
1920x1080 píxeles
Tamaño:
24.67 MBytes

Del mismo autor…

Ver más del mismo autor


EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid