Ulises Urban   14/12/2012
Antes de comenzar…
Fight!
Windows Phone es unsistema operativo móvildesarrollado por Microsoftcomo sucesor de laplataforma WindowsMobile.       http...
Para crearhay que usar
Dispositivos WP8Nokia Lumia 920   Nokia Lumia 820   Windows Phone 8S by HTC
Dispositivos WP7Nokia Lumia 900    Nokia Lumia 800   Nokia Lumia 710   Nokia Lumia 610
Rincón infantil
Hub de contactos
Grupos
Hub de Office
Música + Videos
Aplicaciones + Juegos
Correo + Mensajería
Fotos + Cámara
Etiquetado fácil de caras
Tenlo en tus manos
Go!
Volume up                           Power/sleeand                                 pvolumedown                             ...
Tamaño de pantalla                     480 px           800 px
32 px
72 px
48 px        48 px
TipografíaSegoe
Gestos
Atención en el detalle              12px                12px
Atención en el detalle
Panorama control
Pivot control
Alineación
Elementos
Espaciado
Jerarquías
Ponle estilo
Ponle estilo
Menos es más
Multiplataforma
Tiles
Lock Screen
Proceso decreación
Concepto
Piensa en el usuario
¿Para quiénes diseñamos?: Ana + Miles               Ana               Profesionista de medio tiempo y mamá               “...
Video: meet Anna
Estructura
Navegación
Navegación
Diseño
Ejemplos Halo Waypoint
Ejemplos Halo Waypoint
Ejemplos Zara
Ejemplos Zara
Ejemplos Zara
Ejemplos Zara
Documentación
INFORM ATION M AP                                                                                                      con...
 ¡Gracias!Ulises Urban@ulises_urbanulises.urban@tesseractspace.com
Guía windows phone
Guía windows phone
Guía windows phone
Guía windows phone
Guía windows phone
Guía windows phone
Guía windows phone
Guía windows phone
Guía windows phone
Guía windows phone
Guía windows phone
Guía windows phone
Guía windows phone
Guía windows phone
Guía windows phone
Guía windows phone
Guía windows phone
Guía windows phone
Guía windows phone
Guía windows phone
Guía windows phone
Upcoming SlideShare
Loading in …5
×

Guía windows phone

419 views
238 views

Published on

Guía breve para diseñar para el sistema operativo Windows Phone

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
419
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Guía windows phone

  1. 1. Ulises Urban 14/12/2012
  2. 2. Antes de comenzar…
  3. 3. Fight!
  4. 4. Windows Phone es unsistema operativo móvildesarrollado por Microsoftcomo sucesor de laplataforma WindowsMobile. http://es.wikipedia.org/wiki/Windows_Phone
  5. 5. Para crearhay que usar
  6. 6. Dispositivos WP8Nokia Lumia 920 Nokia Lumia 820 Windows Phone 8S by HTC
  7. 7. Dispositivos WP7Nokia Lumia 900 Nokia Lumia 800 Nokia Lumia 710 Nokia Lumia 610
  8. 8. Rincón infantil
  9. 9. Hub de contactos
  10. 10. Grupos
  11. 11. Hub de Office
  12. 12. Música + Videos
  13. 13. Aplicaciones + Juegos
  14. 14. Correo + Mensajería
  15. 15. Fotos + Cámara
  16. 16. Etiquetado fácil de caras
  17. 17. Tenlo en tus manos
  18. 18. Go!
  19. 19. Volume up Power/sleeand pvolumedown Camera Back Start Search
  20. 20. Tamaño de pantalla 480 px 800 px
  21. 21. 32 px
  22. 22. 72 px
  23. 23. 48 px 48 px
  24. 24. TipografíaSegoe
  25. 25. Gestos
  26. 26. Atención en el detalle 12px 12px
  27. 27. Atención en el detalle
  28. 28. Panorama control
  29. 29. Pivot control
  30. 30. Alineación
  31. 31. Elementos
  32. 32. Espaciado
  33. 33. Jerarquías
  34. 34. Ponle estilo
  35. 35. Ponle estilo
  36. 36. Menos es más
  37. 37. Multiplataforma
  38. 38. Tiles
  39. 39. Lock Screen
  40. 40. Proceso decreación
  41. 41. Concepto
  42. 42. Piensa en el usuario
  43. 43. ¿Para quiénes diseñamos?: Ana + Miles Ana Profesionista de medio tiempo y mamá “Mi vida es balancear mi trabajo, familia, amigos, y mis propias necesidades.” Miles Desarrollando su propio negocio de arquitectura “Me encanta manejar mi vida en tiempo real porque puedo sacar inspiración de cualquier cosa… ya sea un nuevo proyecto, un juego o un momento con Ana.”
  44. 44. Video: meet Anna
  45. 45. Estructura
  46. 46. Navegación
  47. 47. Navegación
  48. 48. Diseño
  49. 49. Ejemplos Halo Waypoint
  50. 50. Ejemplos Halo Waypoint
  51. 51. Ejemplos Zara
  52. 52. Ejemplos Zara
  53. 53. Ejemplos Zara
  54. 54. Ejemplos Zara
  55. 55. Documentación
  56. 56. INFORM ATION M AP contoso news latest video most popular news LIVE FROM THE STUDIO Watch Contoso News live 1 Lorem ipsum dolor sit amet, consectetur adipiscing elit. live tv NAM BIBENDIUM 2 Dolor sit amet, consectetur Vestibulum ante ipsum primis in contact us 3 Lorem ipsum dolor sit amet, consectetur adipiscing elit. SED EU NEC IPSUM Lorem ipsum dolor sit amet, ectetur FAUCIBUS PHARETA 4 Adipiscing elit. Lorem ipsum Duis sit amet volutpat diam. Duis Watch Contoso News live dolor sit amet, consectetur . tempus risus auctor augue facilisis at LOREM IPSUM Watch Contoso News live BREAKING NEW S Rape Row: ‘Clarke should be sacked’ Queen visits Dublin’s iconic Croke Park LIVE TV Start Tile 01 02 03 11 06 NEWS NEWS NEWS CONTACT US top stories uk new uk news sport pol sport politics business world celebrity Name BREAKING NEW S BREAKING NEW S Lorem ipsum dolor sit amet, Email Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet, consectetur adipiscing elit. consectetur adipiscing elit. consectetur adipiscing elit. Aliquam congue vehicula Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet, VIDEO PLAYER Phone diam eu gravida. consectetur adipiscing elit. consectetur adipiscing elit. Sed adipiscing, nibh a Lorem ipsum dolor sit amet, Lorem ipsumdolor sit amet, Location tincidunt aliquam, purus mi consectetur adipiscing elit. consectetur adipising elit Current Show BREAKING NEW S Comments Lorem ipsum dolor sit amet, Lorem ipsumdolor sit amet, LOW M ED HIGH Congue vehicula diam eu consectetur adipiscing elit. consectetur adipising elit gravida. Pin to start Toggle Button: Radio Buttons to adjust Lorem ipsumdolor sit amet, Lorem ipsumdolor sit amet, Lorem ipsumdolor sit amet, screen the streaming quality consectetur adipising elit consectetur adipising elit Play and Stop consectetur adipising elit A tincidunt aliquam, purus Lorem ipsumdolor sit amet, Lorem ipsumdolor sit amet, mi molestie enim consectetur adipising elit consectetur adipising elit refresh refresh refresh send attach cancel Standard attach picture experience09 10 15 12 13 14 BREAKING NEW S Congue vehicula diam eu CONTACT US YOURmessage Close REPORT CONTACT US Delete attachment YOUR REPORT Congue vehicula diam eu gravida. Your report comments Are you sure you wish to remove photoname Your report message? Name Discard from this comments gravida. Name This message will be deleted Name Name photo name photo name yes remo no ve Email Cancel Email Email Email Return to the message for further editing Phone Phone Phone Phone Last updated 12:30 17/ 05/ 2011 Sending to Contoso New Location Last updated 12:30 17/ 05/ 2011 Location Location Lorem ipsum dolor sit amet, consectetur Location Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus libero leo, adipiscing elit. Vivamus libero leo, ullamcorper ac blandit in, pretium ac Comments Only displayed If the user has entered ullamcorper ac blandit in, pretium ac dolor. In laoreet porta aliquet. Comments Comments dolor. In laoreet porta aliquet. text into any of the fields Comments Cum sociis natoque penatibus et magnis Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus photo name dis parturient montes, nascetur ridiculus mus. Praesent elit urna, sodales quis remove photo name photo name photo name mus. Praesent elit urna, sodales quis gravida vehicula, scelerisque vitae orci. remove remove remove gravida vehicula, scelerisque vitae orci. Aliquam vitae tortor et velit porta Aliquam vitae tortor et velit porta tincidunt. tincidunt. Cras eros nisi, tincidunt vitae back refresh share forward back refresh share forward send attach cancel send attach cancel send attach cancel send attach cancel11 16 17 YOUR REPORT Error There was a problem sending this message to Your report comments Contoso News Channel Name Retry Cancel Email VIDEO PLAYER Phone SUCCESS return to Location previous screen Comments18 18 photo name remove SETTINGS SETTINGS Refresh Rate facebook 5 minutes 1 minutes 0 twitter Facebook and Twitter web 1 minutes 5 authentication send attach cancel version email Standard choose email account screen 1.1.2.3 support support@contosonews.com online content terms of use privacy statement settings refresh panorama application barWindows Phone Depth Partner Support Team
  57. 57.  ¡Gracias!Ulises Urban@ulises_urbanulises.urban@tesseractspace.com

×