Este documento describe los principios del diseño moderno en Windows 8 y Windows Phone. Estos principios incluyen orgullo en la artesanía, más con menos, rápido y fluido, auténticamente digital y ganar como uno. El diseño moderno se enfoca en interfaces limpias, sin distracciones, que mantienen el contenido en el centro y permiten interacciones rápidas.

1. Windows 8 y Windows
Phone - Diseño
Pablo Pitty
Ex-Developer & Platform Evangelist para Microsoft
E-Mail: pablopitty@icloud.com

2. Diseño moderno
• Un diseño limpio
• Sin distracciones
• Rápido de ejecutar
• Tipografía minimalista
• Mantenerse actualizado
• Interacciones con el contenido
• Elementos visuales

3. Principios del diseño moderno:
 Orgullo en la artesanía (pride in craftmanship)
 Más con menos (more with less)
 Rápido y fluido (fast and fluid)
 Auténticamente digital (authentically digital)
 Ganar como uno (win as one)

4. Orgullo en la artesanía (pride in
craftmanship)
• Haga que las cosas más pequeñas se hagan notar.
• Haga que las experiencias de usuario sean siempre pulidas y
completas.
• La atención a los detalles es siempre importante ya que hace
notar la dedicación que tiene el producto final.

5. The grid
Windows Phone:

6. The grid
Windows 8:

7. La silueta

16. Más con menos (more with less)
• Quitemos el “cromo”.
• Dejemos que el contenido reine el espacio.
• Colores.
• Tamaños de fuente.
• Jerarquía.
• Facilidad de lectura.
• Veloz al cargar.
• Interfaz más limpia.

17. Rápido y fluido (fast and fluid)
• Haga que le producto se mantenga vivo y en constante
actualización.
• Interfaz dinámica y rápida.
• Deje que los usuarios interactúen con la interfaz.
• Continuidad y fluidez.
• Rápida y constante.
• Móvil.

18. Auténticamente digital (authentically
digital)
• Ir más allá de las reglas.
• Romper paradigmas.
• Iconografía vs. Infografía.
• Toma el espacio y crea una nueva experiencia.
• Informa más que solo mostrar.

19. Ganar como uno (win as one)
• Utilicemos el espacio para más información.
• Tipografía.
• Simplicidad.
• Animaciones.
• Pensemos en plataformas.
• Unificar las experiencias.

21. Muchas gracias