Jorge proaño

315 views
256 views

Published on

conferencia de jorge proaño en el area de social media

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

  • Be the first to like this

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

No notes for slide

Jorge proaño

  1. 2. CAMPUS PARTY / UIO / 2011 DESARROLLO DE INTERFACES PARA dispositivos mobiles
  2. 3. 01 Intro Diseño de interfaces
  3. 4. 01 Intro Diseño de interfaces Interacción “Hombre - Maquina” <ul><li>Funcional </li></ul><ul><li>Intuitiva </li></ul><ul><li>Atractiva </li></ul>
  4. 5. 01 Intro <ul><li>XEROX 8010 </li></ul>
  5. 6. 01 Intro escritorio <ul><li>XEROX 8010 </li></ul>
  6. 7. 01 Intro
  7. 8. 01 Intro <ul><li>Windows manager </li></ul><ul><li>Desktop enviroment </li></ul>
  8. 9. 01 Intro
  9. 10. 01 Intro
  10. 11. 01 Intro
  11. 12. 01 Intro
  12. 13. 01 Intro
  13. 14. 01 Intro Máquina de uso común más compleja de operar Vehículos son un distante segundo y necesitas licencia para manejar uno
  14. 15. 01 Intro Repensar la idea misma del computador personal
  15. 16. 01 Intro Repensar la idea misma del computador personal Hardware Software
  16. 17. 01 Intro
  17. 18. 01 Intro
  18. 19. 01 Intro
  19. 20. 01 Intro <ul><li>Multi - touch </li></ul>
  20. 21. 01 Intro
  21. 22. 01 Intro <ul><li>Poderosa </li></ul><ul><li>Siempre conectado </li></ul><ul><li>Portable </li></ul>
  22. 23. 01 Intro <ul><li>Windows manager </li></ul><ul><li>Desktop environment </li></ul><ul><li>Filesystem </li></ul><ul><li>Storage </li></ul>
  23. 24. 01 Intro <ul><li>Aplicaciones de un solo propósito </li></ul>
  24. 25. 01 Intro <ul><li>Aplicaciones de un solo propósito </li></ul>“ there’s an app for that”
  25. 26. 01 Intro Aumentan las capacidades del usuario Todos somos cyborgs
  26. 27. 02 Diseño de interfaces <ul><li>Funcional </li></ul><ul><li>Intuitiva </li></ul><ul><li>Atractiva </li></ul>
  27. 28. 02 Diseño de interfaces 01 Función define la forma metáforas
  28. 29. 02 Diseño de interfaces voice memos calculator convertbot hipstamatic
  29. 30. 02 Diseño de interfaces
  30. 31. 02 Diseño de interfaces
  31. 32. 02 Diseño de interfaces
  32. 33. 02 Diseño de interfaces
  33. 34. 02 Diseño de interfaces 02 Si no se lee no funciona Textos en dispositivos móviles
  34. 35. 02 Diseño de interfaces <ul><li>Retina Display (+300 ppi) </li></ul>
  35. 36. 02 Diseño de interfaces <ul><li>Retina Display (+300 ppi) </li></ul>Misma legibilidad que el papel
  36. 37. 02 Diseño de interfaces <ul><li>150 ppi aprox </li></ul>13 px
  37. 38. 02 Diseño de interfaces <ul><li>Review app </li></ul>http://www.getreviewapp.com/
  38. 39. 02 Diseño de interfaces <ul><li>Fontcase app </li></ul>http://www.bohemiancoding.com/fontcase
  39. 40. 02 Diseño de interfaces <ul><li>Photos app </li></ul>Bullid-in
  40. 41. 02 Diseño de interfaces 03 constante información del estado feedback
  41. 42. 02 Diseño de interfaces
  42. 43. 02 Diseño de interfaces 04 actuar como se esperaría “ The more users’ expectations prove right, the more they will feel in control of the System and the more they will like it.” – Jakob Nielson
  43. 44. 02 Diseño de interfaces
  44. 45. 02 Diseño de interfaces 05 respetar la lógica del usuario
  45. 46. 02 Diseño de interfaces
  46. 47. 02 Diseño de interfaces 06 maximizar el área de trabajo
  47. 48. 02 Diseño de interfaces
  48. 49. 02 Diseño de interfaces
  49. 50. 02 Diseño de interfaces 07 priorizar la funcionabilidad
  50. 51. 02 Diseño de interfaces
  51. 52. 02 Diseño de interfaces 08 adaptarse a la orientación
  52. 53. 02 Diseño de interfaces
  53. 54. 02 Diseño de interfaces 09 iconografía fácil de entender
  54. 55. 02 Diseño de interfaces
  55. 56. 02 Diseño de interfaces 10 estéticamente agradable
  56. 57. 02 Diseño de interfaces
  57. 58. 03 Case Study videojuego de estrategia.
  58. 59. 03 Case Study videojuego de estrategia.
  59. 60. 03 Case Study videojuego de estrategia.
  60. 61. 03 Case Study
  61. 62. 03 Case Study X:100 y:320
  62. 63. 03 Case Study X:100 y:320
  63. 64. 03 Case Study X:100 y:320
  64. 65. 03 Case Study X:100 y:320
  65. 66. 04 Q & A Preguntas y Respuestas
  66. 67. Stay hungry, Stay foolish

×