Diseñar para dispositivos móviles

2,028 views

Published on

Diseñar para dispositivos móviles. Jimena Catalina en ADWE Madrid (15 Noviembre)

Published in: Technology

Diseñar para dispositivos móviles

  1. 1. Diseñar paradispositivos móviles#adwe_mad
  2. 2. Ahora sí
  3. 3. Vamos a hacereste proyectopara móviles
  4. 4. Vamos a hacereste proyectopara móviles inconsciente
  5. 5. ?
  6. 6. ≠teléfono ordenador móvil personal
  7. 7. Uso enexteriores
  8. 8. Pantallapequeña
  9. 9. Tareascortas
  10. 10. Menoratención
  11. 11. No optimizadospara entradade datos
  12. 12. Menorprecisión
  13. 13. Conexión??
  14. 14. Symbian 65% iPhone 9%Featurephone Smartphone Android 9% 60,8% 39,2% Microsoft 6% RIM Blackberry 6% Otros 4% Penetración de Smarphones y cuota S.O. Nielsen Mobile Insight (Spain Q1 2011)
  15. 15. Cientos dedispositivos diferentes
  16. 16. No existe eldiseño filosofal
  17. 17. ba c Decisiones, decisiones, decisiones...
  18. 18. Agrupar segúncaracterísticas
  19. 19. Gráfica propia vsSistema operativo
  20. 20. ¿Aplicación o web?
  21. 21. ¿Qué va a estar visible?
  22. 22. ¿Resolución de pantalla?
  23. 23. 640x960 480x800 360x640 320x480 240x400 480x320 240x320640x480
  24. 24. ¿Responsive design?
  25. 25. Manos ala obra
  26. 26. 1024x768 480x32060 % del espacio a la mierda
  27. 27. Diferente S.O.Diferente UI
  28. 28. Layout
  29. 29. Área táctil
  30. 30. Color
  31. 31. Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet,consectetuer adipiscing elit. consectetuer adipiscing elit.Donec odio. Quisque volutpat Donec odio. Quisque volutpatmattis eros. Nullam malesuada mattis eros. Nullam malesuadaerat ut turpis. erat ut turpis. Aliquam Aliquam Tincidunt Tincidunt Vestibulum Vestibulum Nunc dignissim Nunc dignissim Risus id metus Risus id metus Cras ornare Cras ornare Tristique elit Tristique elit Lorem Lorem Lorem Lorem Lorem Lorem
  32. 32. Texto
  33. 33. HelveticaabcdefghijklmnñopqrstuvwxyzABCDEFGHIJKLMNÑOPQRSTUVWXYZSegoe UIabcdefghijklmnñopqrstuvwxyzABCDEFGHIJKLMNÑOPQRSTUVWXYZDroid SansabcdefghijklmnñopqrstuvwxyzABCDEFGHIJKLMNÑOPQRSTUVWXYZSeries 60abcdefghijklmnñopqrstuvwxyzABCDEFGHIJKLMNÑOPQRSTUVWXYZ
  34. 34. Lo bueno, si breve... transferencias transf. 16:20 32’’ 16:20 03/09/2009 3/9/09 5.300,72€ 5.300€ 9000000 9.000.000
  35. 35. Formularios
  36. 36. Nombre 916525252Apellido 1 ana@aa.com |Apellido 2MóvilTeléfonoEmail
  37. 37. Cuenta:NIF:12345678AMail: @
  38. 38. Iconos
  39. 39. ¡A recortar!
  40. 40. Es un artículo de lujo
  41. 41. Gracias @subidubipiensaenpixels.com

×