Mauricio Angulo es un ingeniero senior en experiencia de usuario y consultor en Tesseract Space, con experiencia en diseño y desarrollo de software. Es miembro de comunidades como Google Experts y ha fundado UX Nights, además de ser escritor y ponente internacional. Su enfoque en el diseño se centra en la consistencia y la usabilidad, destacando su trabajo con el Fluent Design System de Microsoft.

1. Mauricio Angulo S.
Senior UX Engineer
mauricio@tesseractspace.com
@tesseractspace
www.tesseractspace.com
Fluent Design System

2. Trabajo en Tesseract Space, una empresa mexicana como consultor
en experiencia de usuario y sprintmaster certificado.
Soy miembro del grupo de Google Experts y de la iniciativa de
Microsoft Regional Director como mentor en usabilidad, diseño y
desarrollo de software.
En 2014 fundé UX Nights, una comunidad sobre experiencia de
usuario. Soy escritor, ponente internacional, maestro de UX en la
Universitat Pompeu Fabra en Barcelona, sensei de UX en Dev.f y
formador técnico en LinkedIn Education.
> www.about.me/mauricioangulo
> @mauricioangulo
Mauricio Angulo S.

3. Experiencia de Usuario
“Sentimientos, emociones y
percepciones de una persona sobre
un sistema o tecnología.”

4. “El diseño es demasiado
importante para dejárselo a
los diseñadores”
- Raymond Loewy

5. Consistencia en el diseño

6. Una buena consistencia:
• Reduce la fricción y la curva de aprendizaje
• Aprovecha nuestra tendencia natural de encontrar patrones
• Es crítica para la construcción de una marca
• Ayuda a los usuarios a reconocer sus productos favoritos
• Refuerza las experiencias positivas

10. http://fluent.microsoft.com
Fluent Design
System

17. Reveal Highlight

22. Colores y
temas

23. Colores y
temas

30. Efecto Parallax

31. Animaciones conectadas

34. Acrilico:

50. Controles en
Fluent Design
System

51. Fuentes
tipográficas
con iconos
Segoe MDL2
https://docs.microsoft.com/en-us/windows/uwp/design/style/segoe-ui-symbol-font

52. https://docs.microsoft.com/en-us/windows/uwp/design/downloads/
Developer toolkits
and libraries
Design toolkits

53. Caso de estudio: BuildCast Player
https://github.com/Microsoft/BuildCast

56. Uso de acrílico

57. Notas con Ink Detección de gestos

58. Highlight Menú de navegación

59. Pantalla completa Picture in Picture

60. Compartir con
contactos y con
otras apps

63. myTube!

64. Newsflow

65. Soundbyte

66. Huetro

67. Mixer Go

69. https://www.microsoft.com/design/fluent/

70. https://medium.com/microsoft-design/fluentdesignsystem/home

71. Mauricio Angulo S.
Senior UX Engineer
mauricio@tesseractspace.com
@tesseractspace
www.tesseractspace.com
¡Gracias!