Embed Size (px)
Citation preview
www.follow-app.it
www.follow-app.it
Follow-App è un'attività sperimentale realizzata da ARTI e QIRIS in collaborazione con la Regione Puglia - programma Bollenti Spiriti nell'ambito dell'iniziativa Innovazione per l’Occupabilità – Azioni a supporto del Piano Straordinario per il Lavoro 2011. PO FSE, Asse VII "Capacità Istituzionale".
PROTOTYPING TOOLS
NICHOLAS CAPORUSSO
www.follow-app.it /33
IL PROCESSO DELLA PROTOTIPAZIONE
Prototyping tools
Dal concept al prototipo al prodotto 2
www.follow-app.it /33
1. progettazione del diagramma dell’interazione
2. disegno dei bozzetti dell’interfaccia (storyboard)
3. implementazione del mock-up
4. test su dispositivo
IL PROCESSO DELLA PROTOTIPAZIONE
Dal concept al prototipo al prodotto 3
www.follow-app.it /33
DIAGRAMMA DELL’INTERAZIONE
Dal concept al prototipo al prodotto 4
www.follow-app.it /33
DISEGNO DEI BOZZETTI (WIREFRAMING)
Dal concept al prototipo al prodotto 5
www.follow-app.it /33
IMPLEMENTAZIONE DEL MOCK-UP
Dal concept al prototipo al prodotto 6
www.follow-app.it /33
TEST SUL DISPOSITIVO
Dal concept al prototipo al prodotto 7
www.follow-app.it /33
STRUMENTI DI PROTOTIPAZIONE
Prototyping tools
Dal concept al prototipo al prodotto 8
www.follow-app.it /33
• 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
STRUMENTI DI PROTOTIPAZIONE
Dal concept al prototipo al prodotto 9
LOW TECH
HIGH TECH
www.follow-app.it /33
CARTA E PENNA
Prototyping tools
Dal concept al prototipo al prodotto 10
www.follow-app.it /33
APPSKETCHBOOK.COM
Dal concept al prototipo al prodotto 11
www.follow-app.it /33
UISTENCILS.COM
Dal concept al prototipo al prodotto 12
www.follow-app.it /33
UISTENCILS.COM
Dal concept al prototipo al prodotto 13
www.follow-app.it /33
UISTENCILS.COM
Dal concept al prototipo al prodotto 14
www.follow-app.it /33
UISTENCILS.COM
Dal concept al prototipo al prodotto 15
www.follow-app.it /33
GRAFICA PER PRESENTAZIONI
Prototyping tools
Dal concept al prototipo al prodotto 16
www.follow-app.it /33
KEYNOTOPIA.COM/MEGA-PROTOTYPING-LIBRARY
Dal concept al prototipo al prodotto 17
www.follow-app.it /33
KEYNOTOPIA.COM/MEGA-PROTOTYPING-LIBRARY
Dal concept al prototipo al prodotto 18
www.follow-app.it /33
KEYNOTOPIA.COM/MEGA-PROTOTYPING-LIBRARY
Dal concept al prototipo al prodotto 19
www.follow-app.it /33
MOCKAPP.COM/M/HOME.HTML
Dal concept al prototipo al prodotto 20
www.follow-app.it /33
UI GRAPHIC ELEMENTS
Prototyping tools
Dal concept al prototipo al prodotto 21
www.follow-app.it /33
BLOG.METASPARK.COM/2009/02/FIREWORKS-TOOLKIT-FOR-CREATING-
IPHONE-UI-MOCKUPS
Dal concept al prototipo al prodotto 22
www.follow-app.it /33
320480.COM
Dal concept al prototipo al prodotto 23
www.follow-app.it /33
FIREWORKS PLUG-INS
Prototyping tools
Dal concept al prototipo al prodotto 24
www.follow-app.it /33
UNITID.NL/2009/04/PROTOTYPING-FOR-THE-IPHONE-USING-FIREWORKS-
CS3/
Dal concept al prototipo al prodotto 25
www.follow-app.it /33
TOOL WEB BASED
Prototyping tools
Dal concept al prototipo al prodotto 26
www.follow-app.it /33
GOMOCKINGBIRD.COM
Dal concept al prototipo al prodotto 27
www.follow-app.it /33
HTTPS://PIDOCO.COM/EN
Dal concept al prototipo al prodotto 28
www.follow-app.it /33
IPHONEMOCKUP.LKMC.CH
Dal concept al prototipo al prodotto 29
www.follow-app.it /33
SISTEMI PER LO SVILUPPO
Prototyping tools
Dal concept al prototipo al prodotto 30
www.follow-app.it /33
IPLOTZ.COM/WHATISIPLOTZ.PHP
Dal concept al prototipo al prodotto 31
www.follow-app.it /33
WWW.BALSAMIQ.COM/PRODUCTS
Dal concept al prototipo al prodotto 32
www.follow-app.it /33
WWW.JUSTINMIND.COM/PROTOTYPER/LEARN-COMMUNICATE
Dal concept al prototipo al prodotto 33
![17 Prototipazione Rapida Roma 3 [Sola lettura] [modalit ... · Università degli Studi di Roma 3 Corso di Complementi di Tecnologia Meccanica Prototipazione Rapida ... Tecnologia](https://img.pdfslide.tips/doc/110x75/5c668abe09d3f230488c4afa/17-prototipazione-rapida-roma-3-sola-lettura-modalit-universita-degli.jpg)
