Windows Development Day 28/01/05 Bologna Windows Development Usability Marco Trevisan Bazzmann Srl Marco Trevisan

Presentazione sul tema: "Windows Development Day 28/01/05 Bologna Windows Development Usability Marco Trevisan Bazzmann Srl Marco Trevisan"— Transcript della presentazione:

1 Windows Development Day 28/01/05 Bologna Windows Development Usability Marco Trevisan marco.trevisan@bazzmann.it Bazzmann Srl Marco Trevisan marco.trevisan@bazzmann.it Bazzmann Srl

2 Principali obiettivi dell usabilità. semplicità duso intuitività riduzione del margine di errore facilità di interazione e successo nelle operazioni (acquisto, registrazione utente, …) efficacia (comunicativa e di utilizzo) riduzione del superfluo …in pratica rendere semplice anche il complesso. semplicità duso intuitività riduzione del margine di errore facilità di interazione e successo nelle operazioni (acquisto, registrazione utente, …) efficacia (comunicativa e di utilizzo) riduzione del superfluo …in pratica rendere semplice anche il complesso.

3 Progettare per lutente. Quando progettiamo pensando prima di tutto allutente, facciamo in modo che il lavoro di tutti i giorni, che le operazioni quotidiane come la scrittura di un documento, la gestione dellamministrazione aziendale, lelaborazione di progetti e via dicendo, risulti quanto più produttiva possibile. Questo rende il lavoro più piacevole, più facile e più intuitivo. Ciò porta ad una maggiore ottimizzazione delle risorse, ad un ritorno dellinvestimento effettivo ed una maggiore produttività. Quando progettiamo pensando prima di tutto allutente, facciamo in modo che il lavoro di tutti i giorni, che le operazioni quotidiane come la scrittura di un documento, la gestione dellamministrazione aziendale, lelaborazione di progetti e via dicendo, risulti quanto più produttiva possibile. Questo rende il lavoro più piacevole, più facile e più intuitivo. Ciò porta ad una maggiore ottimizzazione delle risorse, ad un ritorno dellinvestimento effettivo ed una maggiore produttività.

4 Linterfaccia utente: gioie e dolori. Fin dalla prima iterazione tra luomo e la macchina, il problema dellinterfacciamento tra essi è risultato un problema complesso, che richiede un approccio pragmatico e su più livelli. Le attuali interfacce grafiche hanno migliorato molto lesperienza dellutente cosiddetto medio, ma non hanno comunque risolto totalmente gli aspetti caratteristici di questa iterazione. Non è un problema di specificità, ma di complessità. Fin dalla prima iterazione tra luomo e la macchina, il problema dellinterfacciamento tra essi è risultato un problema complesso, che richiede un approccio pragmatico e su più livelli. Le attuali interfacce grafiche hanno migliorato molto lesperienza dellutente cosiddetto medio, ma non hanno comunque risolto totalmente gli aspetti caratteristici di questa iterazione. Non è un problema di specificità, ma di complessità.

5 La specificità. Quando si parla di specificità si intende qualcosa di ben dettagliato e ben preciso che, con accurate analisi e ricerca della soluzione può essere superato e/o migliorato in maniera soddisfacente e relativamente veloce. La specificità è quando abbiamo un pulsante o una procedura che abbisogna di migliorie e che può essere analizzata nel suo unico e singolo caso, o in condizioni comunque ben precise. Ma questo risolve solo una parte delle possibile problematiche generali, anche se permette di farlo al meglio. Quando si parla di specificità si intende qualcosa di ben dettagliato e ben preciso che, con accurate analisi e ricerca della soluzione può essere superato e/o migliorato in maniera soddisfacente e relativamente veloce. La specificità è quando abbiamo un pulsante o una procedura che abbisogna di migliorie e che può essere analizzata nel suo unico e singolo caso, o in condizioni comunque ben precise. Ma questo risolve solo una parte delle possibile problematiche generali, anche se permette di farlo al meglio.

6 La complessità. La complessità è invece qualcosa di ben diverso. Deve tenere in considerazione la visione globale e fare in modo che le varie specificità dialoghino bene insieme e formino un contesto generale appropriato, efficace e facilmente utilizzabile. Un pulsante, oltre che funzionare bene (specificità), deve anche essere posizionato nel posto appropriato, utilizzando il contesto giusto e in maniera omogenea rispetto al contesto generale (complessità). Questo richiede una maggiore attenzione, pone una maggiore difficoltà di risoluzione dellerrore e maggiori compromessi cui si deve venire a patti. Offre, però, una migliore affidabilità ed efficacia globale. La complessità è invece qualcosa di ben diverso. Deve tenere in considerazione la visione globale e fare in modo che le varie specificità dialoghino bene insieme e formino un contesto generale appropriato, efficace e facilmente utilizzabile. Un pulsante, oltre che funzionare bene (specificità), deve anche essere posizionato nel posto appropriato, utilizzando il contesto giusto e in maniera omogenea rispetto al contesto generale (complessità). Questo richiede una maggiore attenzione, pone una maggiore difficoltà di risoluzione dellerrore e maggiori compromessi cui si deve venire a patti. Offre, però, una migliore affidabilità ed efficacia globale.

7 Windows Development Day 28/01/05 Bologna Esempi pratici: Windows History

8 Windows 3.11.

9 I primi approcci di interfaccia grafica erano ancora molto spartani, potevano sfruttare pochi colori e una risoluzione molto bassa. Il design dellinterfaccia e dei suoi oggetti risulta dispersiva e laboriosa. I primi approcci di interfaccia grafica erano ancora molto spartani, potevano sfruttare pochi colori e una risoluzione molto bassa. Il design dellinterfaccia e dei suoi oggetti risulta dispersiva e laboriosa.

10 Windows 95.

11 Windows 95 introduce una rivoluzione nellinterfaccia del suo sistema operativo. Nasce il pulsante Start che raggruppa tutto il necessario per lavorare e interagire con il sistema operativo. Il primo impatto è un totale disorientamento. Successivamente lapproccio risulta più ordinato rispetto a prima e lesperienza migliore. Windows 95 introduce una rivoluzione nellinterfaccia del suo sistema operativo. Nasce il pulsante Start che raggruppa tutto il necessario per lavorare e interagire con il sistema operativo. Il primo impatto è un totale disorientamento. Successivamente lapproccio risulta più ordinato rispetto a prima e lesperienza migliore.

12 Windows 2000.

13 Da Windows 98, ME al 2000 linterfaccia rimane pressochè identica. Il pulsante Start viene mantenuto, così come le voci principali del menù e la taskbar inferiore. Questa coerenza mantiene agevole lapproccio con il sistema operativo, anche se aumentano le funzionalità e la complessità del sistema. Da Windows 98, ME al 2000 linterfaccia rimane pressochè identica. Il pulsante Start viene mantenuto, così come le voci principali del menù e la taskbar inferiore. Questa coerenza mantiene agevole lapproccio con il sistema operativo, anche se aumentano le funzionalità e la complessità del sistema.

14 Windows XP.

15 Anche con lavvento di Windows XP viene mantenuto lo standard del pulsante Start e del relativo menù, che mantiene saldo lorientamento e lapproccio delle persone al sistema operativo e alle sue funzionalità. La coerenza e la persistenza risultano vincenti in questo caso perché la persona si trova a dover imparare eventuali nuovi strumenti e il loro funzionamento, ma non linterazione generale con il sistema. Lavoriamo per complessità, non per specificità. Anche con lavvento di Windows XP viene mantenuto lo standard del pulsante Start e del relativo menù, che mantiene saldo lorientamento e lapproccio delle persone al sistema operativo e alle sue funzionalità. La coerenza e la persistenza risultano vincenti in questo caso perché la persona si trova a dover imparare eventuali nuovi strumenti e il loro funzionamento, ma non linterazione generale con il sistema. Lavoriamo per complessità, non per specificità.

16 Windows Development Day 28/01/05 Bologna Esempi pratici: Pannello di controllo

17 Windows XP: nuovo pannello.

18 Windows XP introduce una differente architettura organizzativa per il pannello di controllo. Abituati al vecchio pannello di controllo molti utenti si sentono indubbiamente disorientati. Per questo motivo è stata mantenuta la possibilità di visualizzare il vecchio formato, attraverso un semplice link nella colonna sinistra. Windows XP introduce una differente architettura organizzativa per il pannello di controllo. Abituati al vecchio pannello di controllo molti utenti si sentono indubbiamente disorientati. Per questo motivo è stata mantenuta la possibilità di visualizzare il vecchio formato, attraverso un semplice link nella colonna sinistra.

19 Windows XP: nuovo pannello.

20 Ecco infatti come appare il pannello di controllo dopo aver switchato nella visualizzazione classica. Abituare le persone a dei modelli e mantenerli nel tempo, senza cambiamenti drastici non motivati è molto importante. Mantenere una certa persistenza dei modelli di approccio appresi rende infatti gli utenti più tranquilli, meno disorientati e, nel caso dellambiente professionale, più produttivi. Ecco infatti come appare il pannello di controllo dopo aver switchato nella visualizzazione classica. Abituare le persone a dei modelli e mantenerli nel tempo, senza cambiamenti drastici non motivati è molto importante. Mantenere una certa persistenza dei modelli di approccio appresi rende infatti gli utenti più tranquilli, meno disorientati e, nel caso dellambiente professionale, più produttivi.

21 Regole semplici ma efficaci. Affrontare prima larchitettura su carta, poi su digitale. Prima di mettersi a fare qualsiasi cosa, abituarsi ad abbozzare la struttura e il flusso dei dati, dei processi e delle interazioni su un foglio di carta, su un programma per il disegno di diagrammi e poi, ma soltanto poi, iniziare a lavorare sul codice e sulla grafica. Questo risolverà un gran numero di problematiche e renderà il tutto più snello e funzionale. Farla semplice. E inutile incanalare lutente del nostro sito o del nostro applicativo nei meandri contorti del nostro genio & sregolatezza. Più le cose sono facili da usare e più le persone ci ringrazieranno e continueranno ad usare i nostri prodotti. Lavorare con le persone, non con le macchine. Per comprendere le esigenze reali di approccio al nostro progetto da parte delle persone non cè altro da fare che lavorare con loro e ascoltare a mente aperta le eventuali critiche e suggerimenti. Successivamente elaborare un modello funzionale che dovrà essere mantenuto il più possibile costante con il tempo. Affrontare prima larchitettura su carta, poi su digitale. Prima di mettersi a fare qualsiasi cosa, abituarsi ad abbozzare la struttura e il flusso dei dati, dei processi e delle interazioni su un foglio di carta, su un programma per il disegno di diagrammi e poi, ma soltanto poi, iniziare a lavorare sul codice e sulla grafica. Questo risolverà un gran numero di problematiche e renderà il tutto più snello e funzionale. Farla semplice. E inutile incanalare lutente del nostro sito o del nostro applicativo nei meandri contorti del nostro genio & sregolatezza. Più le cose sono facili da usare e più le persone ci ringrazieranno e continueranno ad usare i nostri prodotti. Lavorare con le persone, non con le macchine. Per comprendere le esigenze reali di approccio al nostro progetto da parte delle persone non cè altro da fare che lavorare con loro e ascoltare a mente aperta le eventuali critiche e suggerimenti. Successivamente elaborare un modello funzionale che dovrà essere mantenuto il più possibile costante con il tempo.

22 Regole semplici ma efficaci. Pensare molecolare. La vita di un progetto è in costante evoluzione, integrazione, un continuo verificarsi di addizioni e sottrazioni. Dobbiamo pensare alle molecole, non ad un monolito. Tutto deve potersi integrare al massimo della funzionalità e non dover essere riscritto da capo. Così potremo offrire ai nostri utenti un programma integrabile, scalabile ed in continua evoluzione ed aggiornamento senza drastici sconvolgimenti di interfaccia e di funzionalità. Seguire gli standard. Lavorare su modelli standard è molto importante perché sono derivazioni di assunzioni globali, comuni e conosciute. Ad esempio, il menu utente va tenuto in alto a sinistra, così come le icone funzionali. Utilizziamo le combinazioni di tastiera conosciute e non personalizzate secondo i propri gusti: CTRL + P è universalmente conosciuto come il comando stampa, così come CTRL + W è conosciuto per chiudi finestra. Seguire gli standard fa perdere un sacco di tempo in meno a noi e ai nostri utenti. Pensare molecolare. La vita di un progetto è in costante evoluzione, integrazione, un continuo verificarsi di addizioni e sottrazioni. Dobbiamo pensare alle molecole, non ad un monolito. Tutto deve potersi integrare al massimo della funzionalità e non dover essere riscritto da capo. Così potremo offrire ai nostri utenti un programma integrabile, scalabile ed in continua evoluzione ed aggiornamento senza drastici sconvolgimenti di interfaccia e di funzionalità. Seguire gli standard. Lavorare su modelli standard è molto importante perché sono derivazioni di assunzioni globali, comuni e conosciute. Ad esempio, il menu utente va tenuto in alto a sinistra, così come le icone funzionali. Utilizziamo le combinazioni di tastiera conosciute e non personalizzate secondo i propri gusti: CTRL + P è universalmente conosciuto come il comando stampa, così come CTRL + W è conosciuto per chiudi finestra. Seguire gli standard fa perdere un sacco di tempo in meno a noi e ai nostri utenti.

23 Regole semplici ma efficaci. Lavoriamo accessibile e universale. Associare laccessibilità ai soli disabili è quantomai deleterio e quanto di più errato possa esistere. Laccessibilità è anche per i disabili. Progettare usabile ed accessibile permette di adottare un criterio qualitativo in più che offrirà benefici a tutte le persone che si troveranno ad interagire con il nostro prodotto, web o applicativo che sia. Gradevolezza, efficacia, piacevolezza. Uninterfaccia, qualunque essa sia, svolge una funzione di mediatrice tra la persona e la macchina. Questo ruolo implica aspetti propri del design e della comunicazione che non possono mancare al fine di ottenere un prodotto di qualità e di successo. Una buona interfaccia si vede anche dalla semplicità con cui viene proposta, dalla sua gradevolezza di utilizzo e dalla piacevolezza con cui viene disegnata. Meglio affidarsi ad un buon talento grafico e ottenere un prodotto efficace che confidare ai modelli predefiniti del vostro strumento di sviluppo. Un piccolo investimento che si renderà molto efficace per il vostro prodotto. Lavoriamo accessibile e universale. Associare laccessibilità ai soli disabili è quantomai deleterio e quanto di più errato possa esistere. Laccessibilità è anche per i disabili. Progettare usabile ed accessibile permette di adottare un criterio qualitativo in più che offrirà benefici a tutte le persone che si troveranno ad interagire con il nostro prodotto, web o applicativo che sia. Gradevolezza, efficacia, piacevolezza. Uninterfaccia, qualunque essa sia, svolge una funzione di mediatrice tra la persona e la macchina. Questo ruolo implica aspetti propri del design e della comunicazione che non possono mancare al fine di ottenere un prodotto di qualità e di successo. Una buona interfaccia si vede anche dalla semplicità con cui viene proposta, dalla sua gradevolezza di utilizzo e dalla piacevolezza con cui viene disegnata. Meglio affidarsi ad un buon talento grafico e ottenere un prodotto efficace che confidare ai modelli predefiniti del vostro strumento di sviluppo. Un piccolo investimento che si renderà molto efficace per il vostro prodotto.

24 Dalla nostra esperienza su: standard web (XHTML, XML, CSS, XSL, RSS, …), accessibilità, usabilità, architettura dellinformazione, comunicazione, design web e di interfacce… Corsi in aula e on site per aziende e Pubblica Amministrazione. Per restare informati: http://corsi.bazzmann.it Dalla nostra esperienza su: standard web (XHTML, XML, CSS, XSL, RSS, …), accessibilità, usabilità, architettura dellinformazione, comunicazione, design web e di interfacce… Corsi in aula e on site per aziende e Pubblica Amministrazione. Per restare informati: http://corsi.bazzmann.it Corsi

25 Marco Trevisan Presidente e Amministratore Delegato Bazzmann Srl Advanced Labs Info: http://www.bazzmann.it/ Magazine:http://www.bazzmann.com/ Corsi: http://corsi.bazzmann.it/ Marco Trevisan Presidente e Amministratore Delegato Bazzmann Srl Advanced Labs Info: http://www.bazzmann.it/ Magazine:http://www.bazzmann.com/ Corsi: http://corsi.bazzmann.it/