Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Workshop SME 09

804 views

Published on

Keynote intro for SME Workshop at Accademia Bologna 2009

Published in: Design
  • Be the first to comment

Workshop SME 09

  1. 1. WORKSHOP JAVAGROUND Referente Aziendale: LUDOVICO CELLENTANI Tutor Workshop: TADDEO ZACCHINI
  2. 2. Lifestream
  3. 3. Musica
  4. 4. Microblogging
  5. 5. Foto
  6. 6. Video
  7. 7. Condivisione
  8. 8. =
  9. 9. !
  10. 10. 3G
  11. 11. GPS
  12. 12. CLOUD
  13. 13. http://www.fubiz.net/2009/03/17/microsoft-sustainability/
  14. 14. iPhone
  15. 15. 3G
  16. 16. Design
  17. 17. Design Usabilità
  18. 18. Design Usabilità Interfaccia
  19. 19. Design Tecnologico Usabilità Interfaccia
  20. 20. Design Tecnologico Usabilità Esperienza Interfaccia
  21. 21. Design Tecnologico Usabilità Esperienza Interfaccia Creatività
  22. 22. Interfaccia l’importanza del buon Design
  23. 23. Home
  24. 24. Icone Home
  25. 25. Feedback
  26. 26. Feedback Affordance
  27. 27. Feedback Affordance Tipografia
  28. 28. Icone
  29. 29. Icone Metafore
  30. 30. Ingombri
  31. 31. Ingombri Icone
  32. 32. Anteprima
  33. 33. Anteprima
  34. 34. Metafore
  35. 35. Metafore Colori
  36. 36. Metafore Colori Highlight
  37. 37. Animazioni
  38. 38. Keyboard
  39. 39. Keyboard
  40. 40. Safari
  41. 41. Interazione multi-touch
  42. 42. Scrolling
  43. 43. Accelerometro
  44. 44. Accelerometro
  45. 45. Zoom
  46. 46. Premuto
  47. 47. Double tap
  48. 48. Drag & Drop
  49. 49. Esempi
  50. 50. Facebook
  51. 51. Remote
  52. 52. Shazam
  53. 53. Spore
  54. 54. Ocarina
  55. 55. Weightbot Convertbot
  56. 56. ? ? ? Come progettare le idee
  57. 57. 1° Brainstorming
  58. 58. 1° Brainstorming
  59. 59. 1° Brainstorming Touch
  60. 60. 1° Brainstorming Touch Audio
  61. 61. 1° Brainstorming Touch Audio Posizione
  62. 62. 1° Brainstorming Touch Audio Posizione Remote
  63. 63. 1° Brainstorming
  64. 64. 1° Brainstorming Interazioni fisiche: Touch - multi-touch - accelerometro
  65. 65. 1° Brainstorming Interazioni fisiche: Touch - multi-touch - accelerometro Spore
  66. 66. 1° Brainstorming
  67. 67. 1° Brainstorming Come il suono Audio può interagire con l’utente e con il dispositivo
  68. 68. 1° Brainstorming Come il suono Audio può interagire con l’utente e con il dispositivo Ocarina
  69. 69. 1° Brainstorming
  70. 70. 1° Brainstorming Riconoscimento della posizione del device: - geotag - mappe ... Posizione
  71. 71. 1° Brainstorming
  72. 72. 1° Brainstorming Controllo a distanza di altri dispositivi Remote
  73. 73. 1° Brainstorming Controllo a distanza di altri dispositivi Remote Remote
  74. 74. 1° Brainstorming
  75. 75. 1° Brainstorming Touch: sfregare, premuto, utilizzo di più dita, rotazione, scuotere, vibrare ...
  76. 76. 1° Brainstorming Touch: sfregare, premuto, utilizzo di più dita, rotazione, scuotere, vibrare ... Audio: soffiare, urlare, registrare, riconoscere un suono ...
  77. 77. 1° Brainstorming Touch: sfregare, premuto, utilizzo di più dita, rotazione, scuotere, vibrare ... Audio: soffiare, urlare, registrare, riconoscere un suono ... Posizione: geotaggare le fotografie, l’audio, il video, ogni tot km ...
  78. 78. 1° Brainstorming Touch: sfregare, premuto, utilizzo di più dita, rotazione, scuotere, vibrare ... Audio: soffiare, urlare, registrare, riconoscere un suono ... Posizione: geotaggare le fotografie, l’audio, il video, ogni tot km ... Remote cotrollare il computer, tv, casa, automobile ...
  79. 79. 2° Brainstorming
  80. 80. 2° Brainstorming
  81. 81. 2° Brainstorming Musica Life Luogo Video Foto
  82. 82. 2° Brainstorming
  83. 83. 2° Brainstorming ? ? ? ? ?
  84. 84. 2° Brainstorming Geotaggare la To do list tua posizione e condivisa condividerla con i tuoi amici della rubrica Condividere Appuntarsi note tutto quello che visive e sonore si fa con il e condividere il dispositivo progetto mobile: lifestreaming
  85. 85. 2° Brainstorming
  86. 86. 2° Brainstorming Ideare un servizio: Trovare idee riguardo la realizzazione di applicazioni- servizi di condivisione su dispositivi mobili ...
  87. 87. Personas
  88. 88. Personas * Personas sono personaggi fittizi creati per rappresentare diversi tipi di utenti
  89. 89. Personas * Personas sono personaggi fittizi creati per rappresentare diversi tipi di utenti * Personas sono utili per definire gli obiettivi, i limiti e i desideri degli utenti
  90. 90. Personas
  91. 91. Personas Claire Remì Marco
  92. 92. Personas Claire USA ! Grande lavoratrice ! Amici di lavoro ! Agenda piena ! Puntuale e precisa ! Quando ha tempo fa sport e attività fisiche ! Determinata alla carriera
  93. 93. Personas Remì FRA ! Giovane dinamico ! Studente ! Appassionato di tecnologie ! Blogger attivo ! Hobby: fotografia, arte e sport ! Viaggiatore
  94. 94. Personas Marco ITA ! Famiglia numerosa ! Attaccato alle radici ! Tradizionalista ! Ascolta la radio e la tv ! Rapporto con le tecnologie basso ! Appassionato in giardinaggio e pesca
  95. 95. Personas
  96. 96. Personas Tecnologici Famigliari Moda Business Studenti Viaggiatori Artigiani Anziani
  97. 97. Successo Esploratore Semplice Vita
  98. 98. Successo Esploratore Semplice Vita
  99. 99. Successo Esploratore Semplice Vita
  100. 100. Successo Esploratore Semplice Vita
  101. 101. Alto Razionale Ispirazione Basso
  102. 102. Personas
  103. 103. Personas
  104. 104. Personas Scegliere una categoria: viaggiatore, artigiano, business man ...
  105. 105. Personas Scegliere una categoria: viaggiatore, artigiano, business man ... Inventare una persona: Come si chiama? Cosa fa? Età? Nazione? ...
  106. 106. Personas Scegliere una categoria: viaggiatore, artigiano, business man ... Inventare una persona: Come si chiama? Cosa fa? Età? Nazione? ... Informazioni dettagliate: Basandosi sulla categoria: Famiglia e vita sociale? Livello scolastico? Limitazioni fisiche? Giornata tipo? ...
  107. 107. Personas Scegliere una categoria: viaggiatore, artigiano, business man ... Inventare una persona: Come si chiama? Cosa fa? Età? Nazione? ... Informazioni dettagliate: Basandosi sulla categoria: Famiglia e vita sociale? Livello scolastico? Limitazioni fisiche? Giornata tipo? ... Bisogni e desideri: Cosa gli piace? Cosa odia? Desideri? Obiettivi?
  108. 108. Scenario
  109. 109. Scenario
  110. 110. Scenario 1° Brainstorming + 2° Brainstorming + Personas
  111. 111. Scenario
  112. 112. Scenario * Raccontare una storia su come gli utenti potrebbero usare il servizio
  113. 113. Scenario
  114. 114. Scenario
  115. 115. Scenario
  116. 116. Scenario
  117. 117. Scenario
  118. 118. Scenario
  119. 119. Scenario
  120. 120. Scenario Disegnare uno Scenario: Utilizzare la tecnica dello Storyboard e disegnare un contesto in cui l’utente si trova a dover utilizzare il servizio sul dispositivo mobile ...
  121. 121. Wireframe & Flowmap
  122. 122. Wireframe & Flowmap * Wireframe: Rappresentazione grafica stilizzata e “vettoriale” dell’interfaccia utente
  123. 123. Wireframe & Flowmap * Wireframe: Rappresentazione grafica stilizzata e “vettoriale” dell’interfaccia utente Flowmap: Mappa degli step di * interazione con l’interfaccia utente
  124. 124. Wireframe & Flowmap
  125. 125. Wireframe & Flowmap Disegnare l’interfaccia utente: Progettare tutte le possibili schermate dell’applicazione su dei fogli sfusi
  126. 126. Wireframe & Flowmap Disegnare l’interfaccia utente: Progettare tutte le possibili schermate dell’applicazione su dei fogli sfusi Step by step: Realizzare una flowmap dell’applicazione: posizionare tutte le schermate in una mappa cronologica
  127. 127. Wireframe & Flowmap Disegnare l’interfaccia utente: t ormi ng Progettare tutte le possibili schermate b rains + dell’applicazione su dei fogli sfusi nas & perso rio a scen Step by step: Realizzare una flowmap dell’applicazione: posizionare tutte le schermate in una mappa cronologica
  128. 128. Grazie! Taddeo Zacchini www.myfavoritething.net

×