Activa JavaScript para disfrutar de los vídeos de la Mediateca.
Ejercicio:Tutorial BSO Studio. Pilar Campos Gallego - Contenido educativo
Ajuste de pantallaEl ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:
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.
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:
- 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
- Ciclo formativo de grado básico
- 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