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

1. Diseñar para
dispositivos móviles
#adwe_mad

2. Ahora sí

3. Vamos a hacer
este proyecto
para móviles

4. Vamos a hacer
este proyecto
para móviles
inconsciente

5. ?

6. ≠
teléfono ordenador
móvil personal

7. Uso en
exteriores

8. Pantalla
pequeña

9. Tareas
cortas

10. Menor
atención

11. No optimizados
para entrada
de datos

12. Menor
precisión

13. Conexión??

15. 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)

16. Cientos de
dispositivos
diferentes

17. No existe el
diseño filosofal

18. b
a c
Decisiones,
decisiones,
decisiones...

19. Agrupar según
características

21. Gráfica propia
vs
Sistema operativo

23. ¿Aplicación
o web?

25. ¿Qué va a estar
visible?

27. ¿Resolución de
pantalla?

28. 640x960
480x800
360x640
320x480
240x400
480x320
240x320
640x480

29. ¿Responsive
design?

31. Manos a
la obra

32. 1024x768
480x320
60 % del espacio
a la mierda

34. Diferente S.O.
Diferente UI

37. Layout

40. Área táctil

44. Color

45. Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. consectetuer adipiscing elit.
Donec odio. Quisque volutpat Donec odio. Quisque volutpat
mattis eros. Nullam malesuada mattis eros. Nullam malesuada
erat 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

46. Texto

47. Helvetica
abcdefghijklmnñopqrstuvwxyz
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
Segoe UI
abcdefghijklmnñopqrstuvwxyz
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
Droid Sans
abcdefghijklmnñopqrstuvwxyz
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
Series 60
abcdefghijklmnñopqrstuvwxyz
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ

48. 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

49. Formularios

50. Nombre 916525252
Apellido 1 ana@aa.com
|
Apellido 2
Móvil
Teléfono
Email

52. Cuenta:
NIF:
12345678A
Mail:
@

53. Iconos

57. ¡A recortar!

59. Es un artículo
de lujo

63. Gracias
@subidubi
piensaenpixels.com