Salvataggio automatico dell'input dell'utente: il modo più intelligente?

1

Sto sviluppando un sito web di social network e sto lavorando con php / mysql / jquery e voglio che gli utenti abbiano l'esperienza del sito più user-friendly. Ecco perché cerco di evitare un pulsante Salva (Invia). Quindi, quando sono sul proprio profilo e immettono le informazioni come le lingue che parlano o dove vivono, voglio creare automaticamente una voce di pagina, se non esiste già.

Ad esempio se qualcuno parla tedesco e quella voce non è ancora disponibile nel database (si chiama pages con righe title , text , date_added ). Molto probabilmente è paragonabile a una pagina Facebook che puoi creare su Facebook, ma questo dovrebbe riguardare tutto (lingue, aziende, luoghi, attività).

Quindi il mio problema specifico ora è come implementare questa funzione nel modo più intelligente. Intendo su quale evento dovrebbe essere attivato questo salvataggio, perché ovviamente non posso salvare una nuova voce su ogni lettera che è stata digitata. Ho già implementato una funzione di completamento automatico, in modo che possano scegliere tra voci già esistenti, ma come detto voglio che creino anche nuove voci (pagine). Molto preferibilmente senza "allagare" il database con nuove voci.

Le cose a cui ho pensato:

  1. Quando un utente passa da un input a un altro e l'input è stato fatto. Questo può essere registrato da JQuery? Ma ecco il domanda, cosa succede se lascia la pagina senza passare a un'altra ingresso.

  2. Salva tutti i dati solo se lascia la pagina corrente. credo     c'è questa funzione onunload in JQuery.

  3. Ricevi conferma da parte dell'utente: "Questa voce non è stata ancora creata.     Vuoi salvare questa voce? ". Ma quando dovrei chiedere questo?     non posso prevedere quando l'utente ha finito di digitare.

posta AlexioVay 29.05.2015 - 07:43
fonte

4 risposte

4

Hai un pulsante Salva.

Ci sono ottimi motivi per cui le applicazioni utilizzano pulsanti di salvataggio / invio espliciti:

  1. Offre all'utente la possibilità di cambiare idea riguardo alla modifica. A meno che tu non fornisca una sorta di meccanismo di annullamento con il salvataggio automatico, l'utente non ha modo di annullare una modifica.
  2. Protegge da modifiche accidentali. Nel mondo delle configurazioni multi-monitor e multi-finestra è normale che un utente perda traccia di dove è lo stato attivo della tastiera e inizia a digitare la finestra sbagliata.
  3. efficienza. Se l'utente sta per apportare modifiche a 5 campi contemporaneamente, è meglio eseguire un'operazione di salvataggio anziché 5.
risposta data 29.05.2015 - 18:32
fonte
3

Utilizza un pulsante

  • È ciò che gli utenti si attendono, non sottovalutano il valore di un'interfaccia familiare.
  • Fornisce agli utenti il controllo di cui hanno bisogno, incluso il potere di non pubblicare qualcosa se cambiano idea prima di finire.
  • Fornisce agli utenti la certezza che il loro invio sia stato correttamente salvato. Non sapere per certo è angosciante.

Salvataggio automatico

Salvataggio automatico di solito significa salvare una copia del lavoro senza pubblicarlo, sovrascrivendo il salvataggio "reale" o facendo altro che rendere il lavoro recuperabile nel caso in cui la copia in memoria venga persa. Fare questo in un editor di siti Web è abbastanza comune e spesso è una funzionalità preziosa. Il modo più semplice di salvare automaticamente in un browser è copiare l'input in localStorage , anche se questo consente solo il recupero sul computer e sul browser locale, quindi, mentre il salvataggio della copia sul server potrebbe essere un po 'più elaborato, potrebbe in alcuni casi anche portare a una migliore esperienza utente.

    
risposta data 29.05.2015 - 11:32
fonte
0

Penso che dovresti cercare una combinazione di cose qui.

  • Cerca la perdita di messa a fuoco da un elemento di input (sfocatura)
  • Una volta che l'utente si è concentrato su un elemento di input, ascolta l'evento OnKeyPress. Tieni traccia dell'ultima Key-Up e quando questo supera una soglia (diciamo 30 secondi o qualsiasi altra cosa), salva l'input
risposta data 29.05.2015 - 09:48
fonte
0

Scrivi il tuo codice su $ ("input"). cambia l'evento per salvare immediatamente il valore quando l'utente lo inserisce. Può essere utile quando ci sono pochi campi.

    
risposta data 04.11.2016 - 11:09
fonte

Leggi altre domande sui tag