1. www.follow-app.it
PROTOTYPING TOOLS
NICHOLAS CAPORUSSO
Follow-App è un'attività sperimentale realizzata da ARTI e QIRIS in collaborazione con la Regione Puglia - programma Bollenti Spiriti nell'ambito dell'iniziativa
www.follow-app.it
Innovazione per l’Occupabilità – Azioni a supporto del Piano Straordinario per il Lavoro 2011. PO FSE, Asse VII "Capacità Istituzionale".

2. Prototyping tools
IL PROCESSO DELLA PROTOTIPAZIONE
www.follow-app.it Dal concept al prototipo al prodotto 2 /33

3. IL PROCESSO DELLA PROTOTIPAZIONE
1. progettazione del diagramma dell’interazione
2. disegno dei bozzetti dell’interfaccia (storyboard)
3. implementazione del mock-up
4. test su dispositivo
www.follow-app.it Dal concept al prototipo al prodotto 3 /33

4. DIAGRAMMA DELL’INTERAZIONE
www.follow-app.it Dal concept al prototipo al prodotto 4 /33

5. DISEGNO DEI BOZZETTI (WIREFRAMING)
www.follow-app.it Dal concept al prototipo al prodotto 5 /33

6. IMPLEMENTAZIONE DEL MOCK-UP
www.follow-app.it Dal concept al prototipo al prodotto 6 /33

7. TEST SUL DISPOSITIVO
www.follow-app.it Dal concept al prototipo al prodotto 7 /33

8. Prototyping tools
STRUMENTI DI PROTOTIPAZIONE
www.follow-app.it Dal concept al prototipo al prodotto 8 /33

9. STRUMENTI DI PROTOTIPAZIONE
LOW TECH
• Carta e penna
• Grafica per presentazioni
• Elementi vettoriali per programmi di grafica
• Software per il disegno dell’UI
• Software per la generazione di interfacce
• Sistemi di sviluppo collaborativi
HIGH TECH
www.follow-app.it Dal concept al prototipo al prodotto 9 /33

10. Prototyping tools
CARTA E PENNA
www.follow-app.it Dal concept al prototipo al prodotto 10 /33

11. APPSKETCHBOOK.COM
www.follow-app.it Dal concept al prototipo al prodotto 11 /33

12. UISTENCILS.COM
www.follow-app.it Dal concept al prototipo al prodotto 12 /33

13. UISTENCILS.COM
www.follow-app.it Dal concept al prototipo al prodotto 13 /33

14. UISTENCILS.COM
www.follow-app.it Dal concept al prototipo al prodotto 14 /33

15. UISTENCILS.COM
www.follow-app.it Dal concept al prototipo al prodotto 15 /33

16. Prototyping tools
GRAFICA PER PRESENTAZIONI
www.follow-app.it Dal concept al prototipo al prodotto 16 /33

17. KEYNOTOPIA.COM/MEGA-PROTOTYPING-LIBRARY
www.follow-app.it Dal concept al prototipo al prodotto 17 /33

18. KEYNOTOPIA.COM/MEGA-PROTOTYPING-LIBRARY
www.follow-app.it Dal concept al prototipo al prodotto 18 /33

19. KEYNOTOPIA.COM/MEGA-PROTOTYPING-LIBRARY
www.follow-app.it Dal concept al prototipo al prodotto 19 /33

20. MOCKAPP.COM/M/HOME.HTML
www.follow-app.it Dal concept al prototipo al prodotto 20 /33

21. Prototyping tools
UI GRAPHIC ELEMENTS
www.follow-app.it Dal concept al prototipo al prodotto 21 /33

22. BLOG.METASPARK.COM/2009/02/FIREWORKS-TOOLKIT-FOR-CREATING-
IPHONE-UI-MOCKUPS
www.follow-app.it Dal concept al prototipo al prodotto 22 /33

23. 320480.COM
www.follow-app.it Dal concept al prototipo al prodotto 23 /33

24. Prototyping tools
FIREWORKS PLUG-INS
www.follow-app.it Dal concept al prototipo al prodotto 24 /33

25. UNITID.NL/2009/04/PROTOTYPING-FOR-THE-IPHONE-USING-FIREWORKS-
CS3/
www.follow-app.it Dal concept al prototipo al prodotto 25 /33

26. Prototyping tools
TOOL WEB BASED
www.follow-app.it Dal concept al prototipo al prodotto 26 /33

27. GOMOCKINGBIRD.COM
www.follow-app.it Dal concept al prototipo al prodotto 27 /33

28. HTTPS://PIDOCO.COM/EN
www.follow-app.it Dal concept al prototipo al prodotto 28 /33

29. IPHONEMOCKUP.LKMC.CH
www.follow-app.it Dal concept al prototipo al prodotto 29 /33

30. Prototyping tools
SISTEMI PER LO SVILUPPO
www.follow-app.it Dal concept al prototipo al prodotto 30 /33

31. IPLOTZ.COM/WHATISIPLOTZ.PHP
www.follow-app.it Dal concept al prototipo al prodotto 31 /33

32. WWW.BALSAMIQ.COM/PRODUCTS
www.follow-app.it Dal concept al prototipo al prodotto 32 /33

33. WWW.JUSTINMIND.COM/PROTOTYPER/LEARN-COMMUNICATE
www.follow-app.it Dal concept al prototipo al prodotto 33 /33