1
00:00:01,139 --> 00:00:14,240
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.

2
00:00:15,060 --> 00:00:23,100
El ejercicio está dentro del curso Creación Multimedia, Imagen, Audio y Vídeo para el Día a Día del Docente 2026.

3
00:00:23,100 --> 00:00:29,059
si hay algún fallo o cosas así es un tutorial para ir aprendiendo

4
00:00:29,059 --> 00:00:32,960
lo que escucháis por ahí es mi gato que está con una pelotita

5
00:00:32,960 --> 00:00:41,020
el ejercicio, he decidido hacerlo sobre analizar los elementos clave

6
00:00:41,020 --> 00:00:45,759
de la interfaz de una página web y cómo influyen en la experiencia del usuario

7
00:00:45,759 --> 00:00:51,259
en este sentido vamos a quitar lo que es la página de presentación

8
00:00:51,259 --> 00:00:55,979
vamos a poner la página donde se estructuran los contenidos

9
00:00:55,979 --> 00:01:01,759
y aquí vemos una página web dividida como un poco en 12 puntos

10
00:01:01,759 --> 00:01:08,019
que son un poco las jerarquías de una web para que sea 100% eficaz.

11
00:01:09,000 --> 00:01:13,840
Vemos desde el nombre del dominio, la parte superior de la pantalla,

12
00:01:14,799 --> 00:01:17,299
el diseño siempre tiene que ser fácil de navegar,

13
00:01:17,299 --> 00:01:38,640
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?

14
00:01:38,640 --> 00:01:58,680
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.

15
00:01:58,680 --> 00:02:09,240
Textos interesantes, persuasivos, que interesan a la persona que está accediendo a la web que estamos proponiendo

16
00:02:09,240 --> 00:02:13,319
Imágenes complementarias, es decir, dentro de las imágenes principales

17
00:02:13,319 --> 00:02:19,120
Pues tiene que haber como esas imágenes de refuerzo que hacen que el tutorial sea más interesante

18
00:02:19,120 --> 00:02:22,500
Y sea muchísimo más atractivo toda la página

19
00:02:22,500 --> 00:02:42,580
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,

20
00:02:42,580 --> 00:02:56,599
que hacen como que creemos una especie de sugestión y de atracción mayor hacia el producto o el servicio que queramos ofrecer.

21
00:02:57,439 --> 00:03:01,840
El mapa de ubicación, si hay una tienda física, pues es importante saber dónde está.

22
00:03:02,639 --> 00:03:07,060
Páginas complementarias y, bueno, herramientas para estadísticas.

23
00:03:07,060 --> 00:03:16,020
el saber si la página que estamos haciendo o que estamos ofreciendo tiene muchas visitas o pocos, siempre va a ser importante.

24
00:03:16,719 --> 00:03:25,939
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.

25
00:03:26,620 --> 00:03:34,099
En primer lugar, la estructura organiza el contenido mediante jerarquías visuales, que tienen que ser claras,

26
00:03:34,099 --> 00:03:53,340
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.

27
00:03:53,340 --> 00:04:02,580
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

28
00:04:02,580 --> 00:04:07,439
encontrando fácilmente la información o todas las acciones deseadas

29
00:04:07,439 --> 00:04:17,639
Además, la adaptabilidad permite que la web funcione correctamente en distintos dispositivos, eso es importantísimo

30
00:04:17,639 --> 00:04:32,259
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.

31
00:04:32,259 --> 00:04:36,540
Pues hasta aquí ha llegado este pequeño tutorial

32
00:04:36,540 --> 00:04:45,920
En los siguientes vídeos intentaremos desarrollar cada uno de estos elementos de una página web

33
00:04:45,920 --> 00:04:50,800
Y nada, espero que os haya servido de algo

34
00:04:50,800 --> 00:04:56,579
Y nada más, pues nada, un saludo, gracias