Gli artefatti digitali

1. Gli artefatti digitali

2. L’abbinamento strutturale • Il design attua l’abbinamento tra corpo e artefatto digitale mediante criteri grafici • Forma, colore, dimensione, posizione, orientamento, texture e trasformazioni temporali (animazioni, video) • Un’azione viene avviata tramite action triggers • Pulsanti o bottoni raggruppati in menu Gli artefatti digitali

3. L’abbinamento strutturale Utente Azione o compito Interfaccia dell’utensile o artefatto Gli artefatti digitali

4. Gli artefatti digitali

5. L’interfaccia • Il progetto di un’interfaccia riguarda: • l’analisi delle sequenze operative che l’utente deve • compiere per eseguire determinati compiti • le componenti visive tramite cui si costituisce lo • spazio operativo sullo schermo del monitor Gli artefatti digitali

6. L’interfaccia • Il progetto di un’interfaccia consiste: • scelta delle funzioni • loro denominazione • organizzazione in gruppi di similitudine • individuare una gerarchica su livelli diversi • trattamento visivo Nella concezione riduzionistica del design esso si limita all’ultimo passo. Infodesign non è infostyling. Gli artefatti digitali

7. Ingegneria vs design • Punto di vista dell’ingegneria • Punto di vista del design Il programma viene valutato in termini di velocità affidabilità prestazione... facilità e rapidità d’apprendimento da parte di utenti non necessariamente esperti Gli artefatti digitali

8. Il design • Il design non può essere applicato dopo che il prodotto è stato realizzato • Anche se questo è quello che comunemente si crede • Il design deve essere parte integrante del processo di sviluppo per essere efficace Gli artefatti digitali

9. Il processo del design • Simile alle tipiche metodologie dell’ingegneria • Una comprensione iniziale del problema basata sull’esperienza o sulla ricerca • Seguita da un processo iterativo di generazione e valutazione fino alla soluzione che meglio soddisfa i requisiti Gli artefatti digitali

10. Il contesto del design • Analizzare e interpretare i processi operativi • Specificare la funzionalità d’uso • Organizzare i comandi • Definire i flussi delle diverse sequenze operative • storyboards • Design dei componenti grafici • Design della documentazione • i manuali parte integrante del progetto di interfaccia • Design del materiale promozionale Gli artefatti digitali

11. Il ruolo del designer • Svolge un servizio L’infodesign offre poche opportunità di soddisfare tendenze narcisistiche e diffondere creazioni egocentriche. Si suppone che il pubblico non sia particolarmente interessato a queste manifestazioni personali. L’infodesign è in primo luogo un servizio. Questa constatazione contrasta con le ambizioni di espressione individualistica. Gui Bonsiepe Gli artefatti digitali

12. Il ruolo del designer • Svolge un ruolo cognitivoin quanto è uncoautore • selezione dei contenuti • ordinamento • gerarchizzazione • collegamenti • distinzioni visive Azione efficace Gli artefatti digitali

13. Il designer sceneggiatore • Il ruolo del designer d’interfacce è simile al ruolo dello sceneggiatore teatrale • Una rappresentazione di oggetti e di ambienti per fornire un contesto per l’azione • In scena: disegni di oggetti che hanno alcune funzioni (porte che si aprono), luci per attirare attenzione (colore intensità orientamento), pannelli che rappresentano elementi di architettura • Nelle interfacce: disegni degli oggetti modellati dal sw, del modo per impartire loro un comportamento e dell’ambiente in cui si svolgono azioni Gli artefatti digitali

14. Una rappresentazione del mondo • Lo sceneggiatore e il designer grafico creano rappresentazioni del mondo reale • Simulando aspetti del reale • Ma il design visuale non è tutta l’interfaccia • Come lo sceneggiatore non scrive completamente il pezzo teatrale Gli artefatti digitali

15. Arte e design • Il designer non è un artista • Spesso un elemento di confusione • L’arte è valutata per la sua originalità ed espressività • Il design deve risolvere conflitti imposti dal problema, dal budget, dalla tempistica • Più vicino all’ingegneria • Trova continuamente compromessi (trade-off) Gli artefatti digitali

16. There are no simple answers, only tradeoffs Donald A. Norman

17. La via del successo • Un reale successo può essere raggiunto solo attraverso la stretta collaborazione tra • Designer sensibili alle problematiche di sviluppo del sistema • Programmatori e produttori sensibili alle problematiche del design visuale e concettuale Gli artefatti digitali

18. Gli artefatti digitali

19. http://www.rottentomatoes.com/ Gli artefatti digitali

20. www.unisource.it Gli artefatti digitali

21. www.itholding.it Gli artefatti digitali

22. OK, ma da dove devo cominciare? Perchè lo chiamano così? E’ lì che devocliccare? Ma a che cosa serve questo sito? Questi due linksembrano uguali.Perchè? Perchè lohanno messo lì? Gli artefatti digitali

23. Gli artefatti digitali http://www.betterphoto.com

24. La manipolazione diretta Termine introdotto da Shneiderman • Una rappresentazione continua e consistente dell’oggetto d’interesse • Azioni fisiche che eliminano la necessità di apprendere sintassi complesse per modificare il comportamento degli oggetti • Rapide operazioni incrementali e reversibili, immediatamente visibili grazie a feedback Gli artefatti digitali

25. Ruolo della manipolazione diretta • La manipolazione diretta crea un senso di coinvolgimento diretto ed è la chiave dell’interazione uomo-macchina • Sketchpad, Sutherland 1963 • Nel mondo digitale tutto ciò che importa è la rappresentazione, in cui inter-agiscono utenti, oggetti software e elementi dell’interfaccia • Una sorta di WYSIWYG esistenziale Termine coniato allo Xerox PARC: un paradigma per interfacce a manipolazione diretta Gli artefatti digitali

26. Sliders MAC OS 8 Gli artefatti digitali

27. Bottoni Gli artefatti digitali

28. BOTTONI O TITOLI? Gli artefatti digitali

29. ? Gli artefatti digitali

30. WINDOWS 2.0 Gli artefatti digitali

31. WINDOWS 95 Gli artefatti digitali

32. Usabilità La efficacia, efficienza e soddisfazione con cui determinati utenti possono raggiungere determinati obiettivi in determinati ambienti d’uso ISO 9241 Gli artefatti digitali

33. Usabilità La efficacia, efficienza e soddisfazione con cui determinati utenti possono raggiungere determinati obiettivi in determinati ambienti d’uso ISO 9241 Gli artefatti digitali

34. Usabilità La efficacia, efficienza e soddisfazione con cui determinati utenti possono raggiungere determinati obiettivi in determinati ambienti d’uso ISO 9241 Gli artefatti digitali

35. Usabilità La efficacia, efficienza e soddisfazione con cui determinati utenti possono raggiungere determinati obiettivi in determinati ambienti d’uso ISO 9241 Gli artefatti digitali

36. ambienti utenti obiettivi Tre variabili indipendenti Gli artefatti digitali

37. Usabilità La efficacia, efficienza e soddisfazione con cui determinati utenti possono raggiungere determinati obiettivi in determinati ambienti d’uso ISO 9241 l’accuratezza e completezza con cui raggiungo l’obiettivo le risorse spese per ottenere tale risultato le risorse spese per ottenere tale risultato Gli artefatti digitali

38. Usabilità La efficacia, efficienza e soddisfazione con cui determinati utenti possono raggiungere determinati obiettivi in determinati ambienti d’uso ISO 9241 Possiamo definire delle metriche Gli artefatti digitali

39. chi è? Gli artefatti digitali

40. chi è? Gli artefatti digitali

41. Gli artefatti digitali

42. Sfondo rosso ?!? Gli artefatti digitali

43. I principi del dialogo 1. Adeguatezza al compito 2. Autodescrittività 3. Controllabilità 4. Conformità alle aspettative dell’utente 5. Tolleranza agli errori 6. Adeguatezza alla personalizzazione 7. Adeguatezza all’apprendimento (ISO 9241-10) Gli artefatti digitali

44. 1. Adeguatezza al compito “Un dialogo è adeguato al compito nella misura in cui supporta l’utente nell’efficace ed efficiente completamento del compito” ISO 9241-10 Gli artefatti digitali

45. Gli artefatti digitali

46. help 2. Auto-descrittività “Un dialogo è autodescrittivo nella misura in cui ogni passo di dialogo è immediatamente comprensibile attraverso un feedback del sistema oppure è spiegato all’utente quando questi richieda l’informazione rilevante” ISO 9241-10 Gli artefatti digitali

47. Esempio Premendo Help: You tried to create a copy of a file that uses the same filename and location as the original file. You cannot copy a file to itself. To correct this problem: type a new filename or path. Da: Microsoft Word for Windows Gli artefatti digitali

48. Esempio Da: SQL Windows Gli artefatti digitali

49. 3. Controllabilità “Un dialogo è controllabile nella misura in cui l’utente è capace di mantenere il controllo sull’intero corso dell’interazione fino a quando l’obiettivo è stato raggiunto” ISO 9241-10 Gli artefatti digitali

50. 4. Conformità alle aspettative “Un dialogo è conforme alle aspettative dell’utente nella misura in cui corrisponde alla conoscenza del compito, alla formazione e all’esperienza dell’utente, e alle convenzioni comunemente seguite” ISO 9241-10 Gli artefatti digitali