[AR] Le tue richieste

[steps88]

• Funzionalità “ordina per data”: mostrarla solo se ci sono richieste in più date diverse tra loro

• Invertire data e chip [di pagamento]

• Uso: spostare dopo Instestatario e Richiedente

• Bottone "Dettaglio" > usare link testuale invece del bottone primary

• 🆕 aggiungere un sottotitolo di pagina

• Potrebbe esserti utile + Approfondimenti > eliminare la fascia (già da wireframe)

• Quali sono i codici colore per le chips? variano? es. Pagamento in sospeso > arancio? avrebbe senso

[ncapozzi]

Bottone "Dettaglio" > usare link testuale invece del bottone primary
non possiamo prevedere un link al dettaglio perché a seconda dello stato, l’utente può fare azioni diverse. Quindi la decisione che è stata presa è quella di sostituire questo link, con i pulsanti azioni possibili sul tipo di stato in cui si trova la pratica. Non prevediamo un misto tra pulsanti e link, cioè quando disponibile dettaglio vediamo il link e negli altri casi pulsante… per uniformità manteniamo i pulsanti per ogni tipo di azione se siete d’accordo, altrimenti il link si vedrebbe solo per l’azione “Dettaglio”.

[ncapozzi]

Quali sono i codici colore per le chips? variano? es. Pagamento in sospeso > arancio? avrebbe senso
Attualmente le chips sono sempre blu, secondo me preferibile al multicolor

[steps88]

per uniformità manteniamo i pulsanti per ogni tipo di azione se siete d’accordo, altrimenti il link si vedrebbe solo per l’azione “Dettaglio”.

Credo sia importante diversificare le azioni primarie e secondarie dal semplice "dettaglio" di una pratica, per questo mi aspetto di vedere diversi tipi di pulsanti, come già accade nel riepilogo della richiesta di un certificato (vedi screenshot).
Ad es.

• Scarica > primario
• Invia a mail > primario outline
• dettaglio > Pulsante link

Usare una serie di pulsanti visivamente uguali, appiattisce il layout e non crea gerarchia nell'importanza delle azioni.

Avevo già segnalato la necessità nella proposta di UI

[steps88]

Quali sono i codici colore per le chips? variano? es. Pagamento in sospeso > arancio? avrebbe senso
Attualmente le chips sono sempre blu, secondo me preferibile al multicolor

Sono d'accordo, da design system:

Rispetta i ruoli

Ciascun colore della palette ha un ruolo e funzione specifica. Ad esempio, il colore primario è associato a elementi di azione mentre un colore neutro è riservato a elementi di supporto o sfondi. Il rispetto di questi ruoli assicura coerenza visiva e chiarezza nella fruizione dei contenuti.

Applica con parsimonia

I colori contribuiscono alla creazione di una gerarchia visiva che mette in evidenza ciò che è davvero importante nel contesto della pagina. Non sono quindi elementi puramente decorativi, ma strumenti essenziali per orientare e semplificare l'esperienza utente attraverso lo stimolo visivo.

Non essendo elementi interattivo forse è più indicato il badge

A livello semantico accosterei:

• elementi andati a buon fine (conclusa, pagato) > badge success o primary 🟦
• elementi in sospeso > badge warning 🟧
• elementi in bozza > badge secondary ⬜️
• elementi NON andati a buon fine > badge danger 🟥

Se hai una lista di possibili stati possiamo definirli con più precisione

[ncapozzi]

Gli elementi utilizzati sono già di tipo badge
A seguire gli tati possibili delle pratiche e le azioni previste per ciascuno

CAMBIO RESIDENZA:
dichiarazione non ancora inviata al comune

• BOZZA: Modifica, Elimina ⬜️
• IN ATTESA DI CONVALIDA (componente maggiorenne che deve convalidare): Convalida 🟧
• IN ATTESA DI CONVALIDA (richiedente): Dettaglio, Elimina ⬜️
  In tutti gli altri stati da quando il comune riceve la pratica (tranne SOSPESA): Dettaglio, Scarica.
• APERTA 🟦
• IN LAVORAZIONE 🟦
• IRRICEVIBILE (NON andata a buon fine) 🟥
• ACCOLTA CON RISERVA 🟧❓
• SOSPESA: -> azioni Integra, Scarica 🟧
• INTEGRATA 🟦
• ACCOLTA DEFINITIVAMENTE (andata a buon fine) 🟩
• ANNULLATA (NON andata a buon fine) 🟥

Per ISCRIZIONE CITTADINI UE gli stati sono gli stessi del cambio di residenza tranne IN ATTESA DI CONVALIDA che non è previsto

RICHIESTA DI RETTIFICA:

• BOZZA: Modifica, Elimina ⬜️
  In tutti gli altri stati da quando il comune riceve la pratica (tranne SOSPESA): Dettaglio, Scarica.
• APERTA 🟦
• IN LAVORAZIONE 🟦
• IRRICEVIBILE (NON andata a buon fine) 🟥
• SOSPESA -> azioni Integra, Scarica 🟧
• INTEGRATA 🟦
• EVASA (andata a buon fine)🟩
• RESPINTA (NON andata a buon fine) 🟥

RICHIESTA CERTIFICATO: Dettaglio

• PAGATO 🟩
• PAGAMENTO IN SOSPESO 🟧

ISCRIZIONE LISTE ELETTORALI

• BOZZA: Modifica, Elimina ⬜️
  In tutti gli altri stati da quando il comune riceve la pratica: Dettaglio, Scarica.
• APERTA 🟦
• IN LAVORAZIONE 🟦
• ACCOLTA DEFINITIVAMENTE (andata a buon fine)🟩
• RIFIUTATA (NON andata a buon fine)🟥

[ncapozzi]

Buongiorno, perchè se lo stato è lo stesso il colore è diverso?
CAMBIO RESIDENZA:
IN ATTESA DI CONVALIDA (componente maggiorenne che deve convalidare): Convalida 🟧
IN ATTESA DI CONVALIDA (richiedente): Dettaglio, Scarica, Elimina ⬜️

Avevo dimenticato gli stati per i certificati, che colori mettiamo?
RICHIESTA CERTIFICATO: Dettaglio
. PAGATO
.PAGAMENTO IN SOSPESO

[steps88]

Non mi è chiaro in attesa di convalida quale sia la differenza tra i due stati, non vedendo azioni di convalida nel richiedente non mi sembrava necessario l'arancio, ma se viene richiesta un'azione allora avrebbe senso
-> IN ATTESA DI CONVALIDA (richiedente): Dettaglio, Scarica, Elimina ⬜️ -> Il richiedente può eliminare la pratica fino a quando anche solo uno dei maggiorenni coinvolti non ha validato.

Ho segnato con ❓quelli su cui ci stiamo confrontando internamente, e aggiorno la tua issue di partenza includendo i pagamenti così teniamo una sola reference
-> Se può essere utili ACCOLTA CON RISERVA rispetto al cittadino è come APERTA o IN LAVORAZIONE quindi userei ⬜️ anche in questo caso

[ncapozzi]

Manca la conferma dei colori delle chips

[ncapozzi]

Buonasera @steps88, manca sempre la conferma dei colori delle chips

[steps88]

@ncapozzi ho aggiornato i colori delle chips

Attenzione ad usare con coerenza il bottone Dettaglio: per il certificato è link testuale, per cambio residenza è bottone primary. > entrambi link testuali con freccia (come da proposta UI)

[steps88]

Una nota: Hai bisogno di aiuto avrebbe bisogno dello sfondo per distinguerlo dal resto del contenuto

[steps88]

Aggiungo un punto alla descrizione della issue, per coerenza con le altre pagine: aggiungere un sottotitolo di pagina

[ncapozzi]

@steps88 quando ci fornirete i testi per favore indicate una frase da inserire

[ncapozzi]

@sguerra issue completata

[steps88]

@ncapozzi la frase da inserire come sottotitolo è stata inserita nel file di testo da @gabripoggioli. Se inserire un placeholder valido la issue.
Come facciamo invece a validare i colori delle chips?

[steps88]

Non vedo avanzamenti

[ncapozzi]

@steps88 i punti che non hai ancora marcato sono
aggiungere un sottotitolo di pagina - > i testi li abbiamo avuti solo in questi giorni
i colorii delle chips -> sono stati già impostati impostati secondo le tue indicazioni, non ti risulta?

C'è qualche altra modifica che non trovi?