Wink 2.0 è un'applicazione open source, gratuita e multipiattaforma (Windows e Linux), che permette di creare tutorial animati. In pratica, con Wink potrete catturare una sequenza di screenshot di qualunque azione effettuata sullo schermo del vostro computer  – compresi il movimento del puntatore, la selezione dei menù, gli input della tastiera –  per poi riprodurla sotto forma di filmato in Flash.

È inutile sottolineare quanto vedere un filmato delle azioni da compiere per completare una determinata azione in un software sia più piacevole e intuitivo che leggere un lungo tutorial. Wink rappresenta quindi uno strumento molto potente e intuitivo per spiegare ai nuovi utenti anche le funzioni più complicate. Inoltre Wink permette di aggiungere nelle posizioni e nei momenti desiderati dei box di testo in cui spiegare le azioni da compiere, nonché di aggiungere una traccia audio con le spiegazioni. Nel caso di tutorial o passaggi particolarmente complessi è possibile impostare il filmato in modo che, di volta in volta, chieda all'utente se è pronto a passare al passo successivo. Il tutorial quindi può diventare non solo multimediale, ma anche interattivo e modulabile a seconda del grado di competenze attese nell'utente e della difficoltà delle azioni da compiere.

Come indicazione generale nel creare i propri tutorial animati è sempre bene tener presente che difficilmente un utente avrà la pazienza, o il tempo, di guardare un filmato di dieci minuti per arrivare ai pochi minuti che mostrano come compiere le azioni che gli interessano. Il consiglio è quindi di suddividere i tutorial in filmati non più lunghi di due o tre minuti, possibilmente facendo in modo che trattino non più di uno o due task ciascuno. In questo modo sarà più facile per l'utente selezionare le sezioni che più gli interessano, massimizzando l'efficienza e l'utilità del tutorial.

 

Come usare Wink

Purtroppo Wink non permette di realizzare tutorial animati di se stesso, quindi bisognerà ricorrere ai cari vecchi screenshots. Ma sarà l'ultima volta!

Prima di tutto aprite il software di cui volete realizzare il tutorial a ridemensionatene la finestra come più vi aggrada. A questo punto potete lanciare Wink e aprire un nuovo progetto.

Andate su File > New

Ora potrete scegliere le impostazioni del vostro nuovo progetto:

1. selezionate “Start by capturing screenshots” e “Hide Wink Window”, in modo da non ritrovarvi nel tutorial anche la finestra di Wink
2. selezionate “Window” nel menù a tendina e poi con “Choose” scegliete il nome del software (che vi ricordo deve essere già aperto) con cui interagirete. Per selezionare una finestra basterà cliccarci sopra.
3. Scegliete le dimensioni degli screenshots nel campo “region”. Per tutorial destinati al web la risoluzione migliore è 800x600.
4. Selezionate sia “Mouse Click” sia “Key Press” in modo da rendere visibili le vostre azioni.
5. Date l'”ok”

La finestra che avrete selezionato verrà evidenziata in verde.

Nello step 2 della configurazione del nuovo progetto Wink vi fornirà un'utile finestra con il riassunto dei comandi per far partire e per interrompere la registrazione, in ogni caso liberamente configurabili da File > Preferences

Fate partire  la “Input-driven captures” con la combinazione di tasti indicata e iniziate a registrare il vostro tutorial, eseguendo liberamente le stesse azioni che fareste nell'uso normale del vostro software.

Tenete sempre a mente che state realizzando un tutorial, quindi anche se la vostra velocità nell'usare un certo programma è supersonica dovreste cercare di trattenervi e andare ad una velocità che possa essere seguita anche da un utente inesperto. Wink registrerà ogni vostra azione, compreso il movimento del puntatore, quindi siate essenziali e usatelo nella maniera meno confusionaria possibile.

Finita l'azione che volevate registrare, cliccate su “Finish capture” (nel caso abbiate scelto “minimaze to tray” dovrete cercare l'icona di Wink sulla barra dei programmi). Dopo una breve elaborazione, Wink vi presenterà uno per uno gli screenshoots registrati, considerandoli come singoli frame di un filmato.

In questa fase potrete editare liberamente i singoli frame, ad esempio inserendovi campi di testo con spiegazioni o approfondimenti. Per farlo, semplicemente selezionate il frame che vi interessa e, nella colonna di destra, selezionate l'icona a forma di fumetto, denominata “textbox”.

A questo punto apparirà nel frame selezionato un campo di testo che potrete riposizionare e ridimensionare a piacimento. Nel caso voleste modificarne l'aspetto, Wink mette a disposizione una serie molto vasta di template. Basterà selezionare il textbox che vi interessa (nel nostro esempio “Text ()”) e cliccare sulla prima icona delle “properties”:

Apparirà una finestra da cui selezionare il template che preferite:

In questa fase è anche possibile inserire i bottoni “Next” o “Previous” con cui, durante la riproduzione del tutorial, l'utente potrà scegliere di passare al passo successivo o tornare indietro.

Una volta arricchito il vostro tutorial con box testuali, frecce e quant'altro, potrete finalmente trasformarlo in un video a tutti gli effetti. Per farlo vi basta andare su Project > Render e scegliere le opzioni di conversione. Le più indicate sono “Macromedia Flash”, “Frame Rate” settato a “20” e “Cursor Movement” su “Smooth”.

A seconda della lunghezza e della complessità del video Wink impiegherà qualche minuto a completare la conversione. Una volta ultimata, per vedere il risultato finale non dovrete far altro che andare su Project > View Rendered Output.

Controllato che sia tutto a posto, non vi resta che postare dove preferite il vostro tutorial e cominciare a educare le masse!