Fix UI/UX select, messaggi di stato e campi precompilati nei form
User stories
-
Come cittadino voglio che le select del form abbiano un aspetto visivo coerente (con bordi visibili) e un comportamento stabile, in modo da comprendere chiaramente dove cliccare e poter selezionare senza confusione.
-
Come cittadino voglio che il messaggio "Richiesta salvata con successo" venga mostrato solo quando clicco esplicitamente su "Salva bozza", in modo da non ricevere messaggi fuorvianti durante la navigazione del form.
-
Come cittadino voglio che i dati precompilati non siano modificabili mentre il sistema attende la risposta dell'API, in modo da evitare che vengano modificati erroneamente prima che vengano marcati come readonly.
Criteri di accettazione
-
Le select devono avere bordi visibili e coerenti con il design del form. -
Quando si apre una select, le opzioni non devono refresharsi più volte (nessun flickering o reload eccessivo). -
Il messaggio "Richiesta salvata con successo" deve essere mostrato solo dopo un'azione esplicita dell’utente (click su "Salva bozza"). -
I dati precompilati (provenienti da API) devono essere temporaneamente bloccati (readonly o disabilitati) finché l’API non ha risposto e il dato non è stato confermato. -
Comportamento testato e coerente su tutti i browser supportati (Chrome, Firefox, Safari).
Casi di test
-
Andare alla pagina -
Aprire una select nel form: le opzioni devono essere visibili subito e non devono ricaricarsi ripetutamente -
Verificare che le select abbiano i bordi ben visibili. -
Navigare tra pagine del form senza mai cliccare "Salva bozza": non deve apparire il messaggio "Richiesta salvata con successo". -
Cliccare su "Salva bozza": solo allora deve apparire il messaggio di conferma. -
Compilare un form con campi precompilati da API lente: i dati devono essere disabilitati/modificabili solo dopo che la risposta dell’API è arrivata.
Screen
- Nelle select non ci sono i bordi Le opzioni delle select si refreshano 4 o 5 volte appena aperte
- ad ogni cambio pagina viene mostrato "Richiesta salvata con successo" mentre questo messaggio andrebbe mostrato solo ad azione esplicita di click su "Salva bozza"
- i dati dell'utente precompilati rimangono modificabili (l'api impiega un po' di tempo a rispondere)
Edited by Giovanna Nardi