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.
BarCampCR 2013 - Tecnologías emergentes - Leopoldo Rojas M
BarCamp CR 2013 - Windows 8 y windows phone – Pablo Pitty
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.
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.