1
00:00:00,520 --> 00:00:04,160
Llegamos a ver lo que es el diseño de la interfaz del usuario.

2
00:00:04,560 --> 00:00:12,420
También se van a referir a él como I O User Interface y es el diseño de la interfaz del producto que

3
00:00:12,420 --> 00:00:16,940
estés creando puede ser una página web un software o una aplicación móvil.

4
00:00:16,940 --> 00:00:20,220
Es todo el diseño de los elementos.

5
00:00:20,340 --> 00:00:27,270
Su propósito es darle al usuario la mejor experiencia al utilizar nuestro producto.

6
00:00:27,270 --> 00:00:34,320
Otra meta del diseño de la interfaz del usuario es hacer la interacción más fácil y eficiente posible

7
00:00:37,050 --> 00:00:42,730
que es el diseño de la experiencia de usuario pueden ser temas que suenen al principio iguales pero

8
00:00:42,730 --> 00:00:44,270
son cosas distintas.

9
00:00:44,290 --> 00:00:52,140
También se refiere como XD y es el proceso de mejorar la experiencia de usuario mejorando la usabilidad

10
00:00:52,680 --> 00:00:58,530
accesibilidad y garantizar una experiencia adecuada entre el usuario y el producto.

11
00:00:59,870 --> 00:01:06,660
Ejemplos de buen interfaces y buen ser Experience o X no lo habíamos visto el otro era xD.

12
00:01:06,920 --> 00:01:11,720
El diseño de la experiencia del usuario el sitio web es accesible en cualquier dispositivo.

13
00:01:11,720 --> 00:01:18,920
Este es un muy buen ejemplo ya sea una tableta o una computadora una televisión un reloj etcétera.

14
00:01:19,760 --> 00:01:24,380
Un formulario se puede llenar de forma fácil según el dispositivo en el que se accede.

15
00:01:24,470 --> 00:01:31,710
Recuerda a una persona que utiliza un teléfono no tiene un manual para seleccionar los distintos elementos.

16
00:01:31,790 --> 00:01:38,210
Entonces un navegador móvil te va a dar las herramientas para poder permitirle a los usuarios móviles

17
00:01:38,780 --> 00:01:46,160
llenar el formulario más fácil incluso en HTML y formas de facilitarle la vida a personas que utilizan

18
00:01:46,160 --> 00:01:51,680
un teléfono o una tablet que van a utilizar sus dedos para escribir ya que existen algunos atributos

19
00:01:52,280 --> 00:01:57,950
en los cuales por ejemplo a la hora de llenar un formulario puedes decirle que solamente son números

20
00:01:58,520 --> 00:02:05,750
y el teclado del teléfono de la tableta solamente va a permitir escribir números como el teclado s a

21
00:02:05,750 --> 00:02:13,630
la hora de marcar números telefónicos los elementos son fáciles de ver e identificar en la pantalla

22
00:02:13,630 --> 00:02:18,220
no tenemos nada oculto no es difícil llegar a alguna parte de la página web.

23
00:02:18,250 --> 00:02:26,440
Esto también es un buen ejemplo de experiencia de usuario y diseño de interfaz y no se muestran elementos

24
00:02:26,440 --> 00:02:30,400
innecesarios especialmente en dispositivos pequeños.

25
00:02:30,400 --> 00:02:34,990
Sin duda lo que es más molesto para todos nosotros es cuando visitamos un sitio web y nos llenan de

26
00:02:34,990 --> 00:02:35,770
publicidad.

27
00:02:35,800 --> 00:02:42,160
Obviamente los sitios web deben vivir de algo pero es bastante molesto en especial en un dispositivo

28
00:02:42,160 --> 00:02:50,140
móvil tener que cerrar un anuncio que tiene para empezar el botón de cerrar muy pequeño e intenta cerrar

29
00:02:50,140 --> 00:02:52,270
el botón y te termina abriendo la publicidad.

30
00:02:52,270 --> 00:03:01,920
Eso es terrible es pésima experiencia de usuario y bueno quien va a realizar la interfaz de usuario

31
00:03:02,090 --> 00:03:04,260
quien se va a encargar del diseño.

32
00:03:04,260 --> 00:03:10,830
Usualmente son diseñadores un diseñador va a seleccionar las mejores fuentes para actuar o tu sitio

33
00:03:10,830 --> 00:03:18,660
web así como también los colores adecuados tendrá que realizar los prototipos para ver cómo los usuarios

34
00:03:18,660 --> 00:03:25,290
reaccionan en los distintos elementos del sitio web es decir el diseñador va a tener que realizar el

35
00:03:25,290 --> 00:03:32,490
prototipo sobre el llenado de los formularios y por ejemplo en la aplicación de Uber a la hora de solicitar

36
00:03:32,850 --> 00:03:41,000
un chofer un diseñador debe de probar toda esa funcionalidad ver cómo lo puede mejorar y eso es real.

37
00:03:41,010 --> 00:03:45,440
Diseñador de interfaz de usuario e ingeniero de experiencia de usuario

38
00:03:48,830 --> 00:03:54,000
un buen ejemplo de interfaces y User Experience es Uber.

39
00:03:54,140 --> 00:03:59,620
La app te permite ordenar un auto con solamente presionar un botón eso es excelente y muy fácil de hacer.

40
00:04:00,450 --> 00:04:04,770
Te permite agregar el destino y el punto actual tomado desde las coordenadas del teléfono.

41
00:04:04,900 --> 00:04:11,370
Eso también de tomar las coordenadas es excelente ya que estas son funcionalidades que el teléfono te

42
00:04:11,370 --> 00:04:18,410
da y con algo de programación puedes acceder a esa funcionalidad y un botón de confirmar el pedido.

43
00:04:18,420 --> 00:04:20,630
Eso está excelente por parte de Uber.

44
00:04:22,870 --> 00:04:26,560
Un mal ejemplo de la interfaz de usuario y la experiencia de usuario.

45
00:04:26,560 --> 00:04:31,660
También vamos a poner de ejemplo Uber cuando la ubicación no se toma correctamente.

46
00:04:31,660 --> 00:04:37,630
Deseamos posicionar el PIN en el punto exacto y a veces te mueve bastantes calles.

47
00:04:38,020 --> 00:04:44,100
Quieres moverlo unos metros y termina moviéndose 10 cuadras y tienes que volver a solicitar tu ubicación

48
00:04:44,110 --> 00:04:50,530
eso es mala experiencia pero igual ellos utilizan Google Maps entonces más bien hay que atribuírselo

49
00:04:51,100 --> 00:04:57,960
a Google Maps obviamente yo hablo de la experiencia trabajando o utilizando Uber.

50
00:04:58,000 --> 00:05:02,110
Algunas personas seguramente dirán que la aplicación simplemente no funciona y es pésima

51
00:05:04,900 --> 00:05:10,810
y la importancia del buen diseño de interfaz de usuario la buena experiencia del usuario.

52
00:05:10,870 --> 00:05:17,980
Snapchat es Snapchat recientemente y es un nuevo diseño que la compañía resultó perder bastante de su

53
00:05:17,980 --> 00:05:18,510
valor.

54
00:05:18,520 --> 00:05:23,590
Un tuit por ahí que alguien escribió resulta que le quitó el valor de 1000 millones de dólares a la

55
00:05:23,590 --> 00:05:29,810
empresa o algo así un buen diseño y una facilidad de uso en tu Habbo proyecto web pueden garantizar

56
00:05:29,810 --> 00:05:36,760
su éxito y muchas veces hay distintas aplicaciones que hacen lo mismo o simplemente aplicaciones como

57
00:05:36,760 --> 00:05:40,040
Asana que son para trabajos en equipo.

58
00:05:40,090 --> 00:05:46,840
De esas hay miles y son pocas las que funcionan no la que sea más placentera de utilizar para el usuario

59
00:05:47,290 --> 00:05:50,220
será la que se va a mantener y que va a ganar más dinero.

60
00:05:53,960 --> 00:05:57,830
Un consejo de mi parte si tienes una idea que quieres realizar.

61
00:05:57,830 --> 00:06:03,980
Tener a una persona que se encargue de esta área de diseño de interfaz mientras tú te encargas del desarrollo

62
00:06:03,980 --> 00:06:10,610
puede ser lo mejor que puedas hacer pero la otra persona de su área de especialidad y sin duda eso hará

63
00:06:10,640 --> 00:06:16,220
que tu aplicación sea fácil de usar y tenga más aceptación entre tus clientes.