• Non ci sono risultati.

2.2 Design e progettazione

2.2.3 Design dell’interfaccia

2.2.3.3 Dashboard Modello 730

Questa `e l’interfaccia principale dalla quale l’utente pu`o eseguire tutte le operazioni a lui consentite per la gestione della sua pratica.

Le operazioni disponibili (e quindi il loro numero) variano in base allo stato della pratica (ad esempio la possibilit`a di visionare la bozza diventa disponibile solo dopo che la pratica `e stata elaborata).

Abbiamo voluto che il layout rimanesse il pi`u uniforme possibile tra uno stato e l’altro in modo da non disorientare l’utente.

In particolare `e stato fatto un lavoro di ottimizzazione degli ingombri per scon- giurare l’evenienza di dover modificare il layout per fare spazio ad elementi UI aggiuntivi richiesti da certi particolari stati.

Le operazioni che pu`o svolgere l’utente possono essere raggruppate in 4 categorie: Operazioni di input Upload di documenti, scelte di destinazione.

Operazioni di output Visione della bozza, download del definitivo. Chat Scrittura e lettura di messagi, ricezione di notifiche.

Controllo dello stato Presa visione dello stato attuale, invio della pratica per l’elaborazione, approvazione della bozza.

L’ultima voce dell’elenco sebbene sia comunque dipendente dallo stato della pratica deve essere sempre disponibile sullo schermo. Abbiamo deciso per questo motivo di escluderla della vista a tab dedicandogli l’angolo in alto a destra della videata come visibile nelle figure 2.12 e 2.13.

Tutte le altre aree di gestione saranno invece rese disponibili oppure no mostrando o oscurando il loro rispettivo tab.

A fondo pagina viene mostrata una status bar che ha il duplice scopo di mostrare un informazione all’utente e di ospitare i comandi contestuali per quella particolare tab. I comandi sono sempre stati collocati sul lato destro in modo da essere facilmente raggiungibili con il pollice in ambito mobile.

Tab documenti Deve permettere all’utente di uploadare dei file selezionandoli dal suo archivio locale o attivando la fotocamera. Deve inoltre mostrare lo storico degli invii ed un feedback sull’esito della trasmissione (completato, annullato, corrotto).

Figura 2.14: Selezione del file. Figura 2.15: Upload del file in corso.

La status bar del tab documenti `e caratterizzata da un tasto +.

Alla sua pressione compare una action list che propone all’utente la scelta di un file dal suo dispositivo o l’attivazione della fotocamera. Il file scelto o lo scatto realizzato viene subito trasmesso e si pu`o monitorare l’andamento complessivo degli upload dalle progress bars e dall’informazione di stato in fondo.

Chat Deve permettere all’utente di inviare messaggi al CAF e di vedere lo storico delle comunicazioni.

Figura 2.16: Tab chat. Figura 2.17: Composizione messaggio.

La status bar della tab chat `e caratterizzata da un pulsante di invio nuovo messag- gio. Alla sua pressione compare un’interfaccia dove inserire il testo del messaggio ed un ulteriore pulsante per confermare l’invio.

Tab scelte Deve permettere all’utente di effettuare le scelte di destinazione per l’8, 5 e 2 per mille. Per ogni scelta deve essere possibile decidere di non esprimere una preferenza.

La scelta `e da effettuarsi su un numero chiuso di opzioni ma l’elenco dei soggetti viene deliberato di anno in anno, quindi l’implementazione della UI non deve essere hardcoded ma deve popolarsi dinamicamente con l’elenco corrispondente a quello della normativa di riferimento per la pratica che si sta gestendo.

Per alcune finalit`a destinatarie del 5 per mille deve essere inoltre possibile indicare il codice fiscale del soggetto beneficiario disponendo di un campo aggiuntivo per l’eventuale inserimento di quest’ultimo.

Figura 2.18: Scelte. Figura 2.19: 8 per mille. Figura 2.20: Update.

La tab scelte propone un elenco con una voce per ogni tipo di scelta da effettuare. ´

E importante che questo evidenzi eventuali carenze nella compilazione in quanto la pratica non pu`o essere sottomessa per l’elaborazione finch´e il contribuente non ha indicato tutte le sue volont`a.

Al click su una voce compare a video un popup dove viene presentato in maniera grafica l’elenco dei possibili destinatari. L’utente pu`o cliccare su una delle opzioni disponibili o su quella di astensione. In ogni caso la scelta deve essere ulteriormente confermata con la pressione di un pulsante: questo per evitare selezioni accidentali. Alla chiusura del popup si pu`o notare come l’elenco si sia aggiornato dando il feedback all’utente che ora sono rimaste solo 2 scelte da esprimere.

Nel processo di elaborazione del 730 car- taceo, tutti i campi del modello vengono compilati dall’operatore ad eccezione di quelli delle scelte. E infatti il contri-´ buente a compilare quella parte del do- cumento apponendo la sua firma sulle apposite caselle dei soggetti destinatari. Ipotizziamo pertanto che i clienti tra- dizionali conoscano il formato di quei

moduli e siano abituati alla loro

compilazione.

Per questo motivo abbiamo voluto emu- larli in modo da fornire un look’n feel familiare.

Sotto segue uno screenshot che mo- stra come `e risultata l’implementazione dell’interfaccia grafica seguendo questi principi.

Figura 2.21: Modulo scelte 8 per mille.

Status Panel In ogni stato della pratica il contribuente deve poter indagare la situa- zione in modo da sapere cosa deve fare o cosa deve aspettarsi. Per questo scopo abbiamo deciso di predisporre uno status panel attivabile da un pulsante in alto a destra.

Figura 2.23: Ubicazione del bottone per mostrare lo status panel.

Figura 2.24: Status panel durante la fase di caricamento documenti.

La figura 2.24 mostra i consigli che vengono dati dal sistema all’utente durante la fase di input.

Per procedere alla elaborazione della sua pratica deve aver caricato dei documenti ed aver espresso tutte le scelte di destinazione.

In alcuni momenti dell’anno pu`o capitare che il committente decida di aprire la campagna stagionale prima della delibera delle normative che regolamentano la materia. In quel caso viene mostrato all’utente un messaggio che lo informa che non potr`a ancora trasmettere la sua pratica prima di una certa data.

Figura 2.25: Invio della richiesta di elaborazione della pratica.

Figura 2.26: Invio della richiesta di annullamento dell’elaborazione.

La figura 2.25 mostra il contenuto dello status panel che compare quando durante la fase di caricamento dei documenti la pratica ha ottenuto tutti i requisiti per poter essere inviata all’operatore per la sua elaborazione.

Una volta che il contribuente decide in inviare la sua pratica questa entra in una fase in cui si attende che l’operatore la prenda in carico.

Durante questo lasso di tempo non vi `e alcuna elaborazione in corso, quindi di fatto il contribuente pu`o continuare ad apportare modifiche. Qualora si accorgesse per`o di aver inviato la richiesta troppo presto e di avere bisogno di pi`u tempo pu`o arrestare il processo tramite lo status panel (vedi figura 2.26).

Se invece il contribuente non eseguir`a l’arresto, l’operatore (che `e stato allertato nel frattempo) decider`a di prendere in carico la pratica e questa entrer`a in stato ’IN ELABORAZIONE’ (vedi diagramma degli stati 2.8)

A questo punto il contribuente non potr`a fare altro che aspettare l’elaborato. Se per qualche motivo decidesse ora di arrestare l’elaborazione dovrebbe farlo dialogando tramite la chat con l’operatore per giustificare l’intenzione di questa richiesta.

Approvazione Quando l’elaborazione `e terminata al contribuente compare una nuova tab inbox. Attraverso di essa pu`o accedere alla bozza dell’elaborato in modo da prenderne visione e decidere se approvarla.

L’atto dell’approvazione ha il senso di una firma e permette all’operatore del CAF di reputare buono l’elaborato definitivo.

Figura 2.27: Tab inbox. Figura 2.28: Approvazione dell’elaborato.

Una volta che il contribuente ha proceduto all’approvazione e al pagamento, nella sua inbox comparir`a l’opzione per effettuare il download del documento definitivo che verr`a trasmesso telematicamente agli organi fiscali.