risposta-alla-domanda-sullo-sviluppo-web-bd.com

Utilizzo dell'asterisco (*) quando sono richiesti tutti i campi

Ho qui:

3 checkboxes about accepting conditions; all of them are required

In termini di UX, abbiamo davvero bisogno di mettere un asterisco o dire agli utenti che i campi sono obbligatori dove in realtà tutti sono richiesti e nessuno è facoltativo?

Sto pensando all'estetica, basta rimuoverlo e avvisare gli utenti che tutto ciò è necessario quando non lo hanno verificato.

20
G_Max

Dovresti assolutamente far sapere agli utenti se è obbligatorio prima di far loro fare clic su un pulsante e sentirsi frustrati perché non possono procedere.

Cose che potresti fare:

Cambia il titolo da "Per favore accetta quanto segue:" a qualcosa come "Per continuare è necessario accettare quanto segue:" che se il corso è più lungo e non hai la garanzia che gli utenti leggeranno il titolo.

È inoltre possibile disabilitare il pulsante/azione procedi ed evidenziare le caselle di controllo dopo che l'utente tenta di continuare senza controllare.

In termini di "controllarli tutti in una volta" questo potrebbe essere un problema legale, per quanto ne so in Europa, ad esempio, hai bisogno di controlli singoli.

GDPR (32) "Il consenso dovrebbe essere dato da un chiaro atto affermativo ... [] ... Il silenzio, le caselle preselezionate o l'inattività non dovrebbero quindi costituisce consenso ... [] ... Quando il trattamento ha molteplici scopi, il consenso dovrebbe essere dato per tutti loro. "

Se l'asterisco rosso ti fa male agli occhi, puoi ovviamente usare "(Obbligatorio)" dopo ogni riga.

23

Come hai già detto, tutti i campi sono obbligatori e presumo che si muovano ulteriormente nel processo, devono accettare le dichiarazioni o saltare. Non li dividerò in 3 caselle piuttosto li terrò raggruppati tutti in un'unica casella come punti elenco e manterrò accetto di spuntare la casella in modo che rappresenti l'azione sull'intero gruppo. Come hai detto, nessuna è anche una delle scelte, quindi consentirei all'utente di saltare l'accordo. Qualcosa come questo -

enter image description here

17
user108525ashi

Ciò che è importante non sono gli asterischi, ma piuttosto che l'utente capisca che le caselle di controllo devono essere spuntate. Se desideri eliminare gli asterischi, il design della tua pagina con un breve messaggio "per favore accetta tutto" potrebbe comunicare che sono necessari.

Se puoi legalmente avere una sola casella di controllo richiesta, potresti considerare di disabilitare il Continue fino a quando non viene soddisfatta la condizione. Questo è un modello comune con l'accettazione di altri contratti legalmente vincolanti, come Termini e Condizioni o Accordi di licenza per l'utente finale.

Se la legislazione del pubblico locale o di destinazione richiede diverse caselle di controllo, è ancora possibile eseguire un modello simile.

mockup

download bmml source - Wireframe creati con Balsamiq Mockups

17
maxathousand

Nel caso in cui ciò sia legato al legalese, a volte paga avere i termini effettivi enunciati in forma non legalese.

Inserisci due colonne alle tue condizioni. Etichettare il lato sinistro "Versione leggibile dall'uomo" e il lato destro "Termini legali". Metti uno o due liner a sinistra per riassumere chiaramente cosa significa il legalese, quindi è in termini leggibili dall'uomo. (L'avvocato dovrebbe essere quello che li scrive o almeno li controlla, ovviamente.)

Ad esempio, se il legale dice qualcosa a effetto di "Non venderemo o condivideremo i tuoi dati a meno che non riceviamo un ordine del tribunale" (o "Ci riserviamo il diritto di vendere i tuoi dati a destra e al centro") con la versione legale dicendo lo stesso in 10+ paragrafi quindi vale la pena di riassumere quest'ultimo come solo quello e far sì che le persone lo leggano (la versione leggibile dall'uomo).

Risciacquare e ripetere per il resto dell'accordo. E non dimenticare un ultimo paragrafo che dice che i termini legali sono quelli che si applicano effettivamente. (Un po 'come i titoli che vengono regolarmente inseriti nei contratti a fianco di un paragrafo che recita: "Titoli. I titoli dei paragrafi e dei paragrafi del presente Accordo sono solo per comodità e non incidono sulla costruzione del presente Accordo.")

Quindi aggiungi una singola casella di controllo in basso dicendo che sei d'accordo con i termini di utilizzo.

0

Tenendo conto di l'aspetto giuridico citato , sembra che l'approccio più diretto utilizzando gli asterischi sia quello giusto.

mockup

download bmml source - Wireframe creati con Balsamiq Mockups

Vedendo gli asterischi, un utente può immediatamente capire che si tratta di caselle di controllo necessarie, a differenza di quelle come abbonamenti a diverse newsletter (che di solito sono opzionali) e non c'è modo di procedere se non sono tutti controllati.

Non sembra necessario visualizzare permanentemente alcun testo aggiuntivo poiché gli asterischi parlano da soli. Tuttavia, una finestra pop-up di chiarimento può ancora apparire se un cursore passa sopra il pulsante continua mentre alcuni elementi non sono stati selezionati, spiegando perché è disabilitato.

0
Pavel

In Material Design Guidelines viene trattato il caso in cui i campi opzionali sono inferiori:

Per indicare che è richiesto un campo, visualizza un asterisco (*) accanto alla sua etichetta. Nella parte inferiore del modulo, menziona che gli asterischi indicano i campi obbligatori.

Per indicare che un campo è facoltativo, visualizzare la parola "opzionale" tra parentesi accanto all'etichetta del campo.

Nei moduli con alcuni campi obbligatori, indica tutti quelli obbligatori. Tuttavia, se ci sono meno campi opzionali, indica quelli invece.

enter image description hereenter image description here

È logico che se la maggior parte delle caselle di controllo su un modulo richiede di essere selezionata, che indica tutti i campi richiesti aggiungerebbe informazioni non necessarie al modulo . Il problema qui è che nel tuo caso sono richieste tutte le caselle di controllo , In questo caso, non puoi indicare quelle che sono opzionali.

Secondo me, aggiungi un singolo messaggio "Tutti i termini sopra richiedono attenzione"/"Tutti i campi sono obbligatori" è l'opzione migliore. Avrai meno disordine visivo.

Un'altra alternativa sarebbe quella di non indicare i campi opzionali/obbligatori in questo caso, ma gestire la casella di controllo mancante richiesta con messaggi di errore.

0
Madalina Taina

Inserisci gli asterischi obbligatori dopo il testo dell'etichetta, non dopo ciascuna casella di controllo.

Per esempio:

Accetta le tre condizioni seguenti: *

OR

Per continuare è necessario accettare le seguenti tre condizioni: *

0
Nikk