it-swarm-eu.dev

Come presentare i pulsanti Azioni (ad es. CRUD) senza mettere a fuoco il contenuto principale?

Sto cercando un modo per presentare i pulsanti Azioni (ad es. CRUD) senza mettere a fuoco il contenuto principale. Sarà bello vedere esempi di una buona progettazione di applicazioni (sto facendo un'app Web (probabilmente con un sito mobile in seguito), ma anche esempi di app desktop/mobile saranno buoni)

Penso che di seguito sia un modo (abbastanza "standard")

Ma supponiamo di avere una larghezza inferiore o forse di avere molti pulsanti da aggiungere, alcuni con etichette più lunghe, forse devo sviluppare per dispositivi mobili come posso presentare i pulsanti.

11
Jiew Meng

Se hai un mezzo per selezionare singoli oggetti con qualcosa come la colonna Seleziona, non hai bisogno di pulsanti di comando separati come la colonna Azioni e viceversa. Scegli un approccio o l'altro. L'approccio di selezione-oggetto-azione è preferito quando lo spazio è stretto e/o si hanno molti comandi. Avere un singolo menu della barra laterale (app Web) o menu a discesa/pop-up (mobile) che elenca ogni comando una volta. L'utente seleziona uno o più oggetti, quindi seleziona le azioni da eseguire sugli oggetti selezionati. Ogni comando appare una sola volta, quindi puoi usare etichette di testo più lunghe, che sono generalmente più facili da capire delle icone. Si consiglia di abbreviare i comandi con etichette particolarmente lunghe. Utilizzare i suggerimenti per fornire il nome completo del comando per gli utenti che stanno ancora imparando l'applicazione.

I menu a discesa in particolare possono essere relativamente ad alta intensità di manodopera da utilizzare, quindi puoi anche avere menu di scelta rapida (tasto destro). Tuttavia, i menu di scelta rapida sono generalmente considerati come scorciatoie da esperti di backup in quanto hanno scarsa rilevabilità, soprattutto su un'app Web, in cui gli utenti possono presumere che il clic con il pulsante destro del mouse visualizzi solo il menu di scelta rapida standard del browser. Pertanto, dovrebbero essere utilizzati in aggiunta a un menu a discesa/barra laterale.

Puoi anche fornire scorciatoie esperte tramite i tasti e i gesti dell'acceleratore, inclusi doppio clic e trascinamento della selezione. Sfortunatamente, non ci sono gesti standard per le funzioni CRUD per dispositivi mobili; ne abbiamo bisogno. Per un'app Web, il tasto Inserisci ed Elimina sono scelte ovvie come acceleratori per le funzioni Crea ed Elimina. Il drill-down (ovvero Proprietà o Dettagli) può essere ottenuto facendo doppio clic sull'oggetto o facendo clic sull'identificatore oggetto reso come collegamento. Quest'ultimo è più facile e più rilevabile, ma rende problematico supportare la modifica al posto dell'identificatore.

Sì, idealmente usi edit-in-place per supportare la funzione di aggiornamento. Utilizzare il controllo appropriato per supportare la modifica di ciascun campo ovunque appaia. Questo non solo elimina il comando Modifica, semplificando il menu, ma mantiene anche il focus sul contenuto principale ed elimina i passaggi di navigazione e persino intere pagine, semplificando così l'intera app. Un comando Salva può salvare tutte le modifiche (incluse le Eliminazioni e le Creature) o, ancora meglio, puoi avere il salvataggio automatico, eliminando l'ennesimo comando e prevenendo la perdita di dati.

La funzione Recupera è generalmente gestita in modo ottimale attraverso una finestra di dialogo di query separata, sebbene ciò possa distogliere l'attenzione dell'utente dal contenuto principale. Per minimizzarlo, mantieni la finestra di dialogo delle query di base piccola e semplice, supportando solo i primi tre-cinque tipi di query che probabilmente rappresentano l'80% di tutte le query effettuate, quindi fornisci un pulsante Avanzamento o Altro per ottenere una finestra di dialogo più elaborata per query generali ad hoc. Può anche avere senso avere i controlli per un tipo di query di base (ad es. Per identificatore di oggetto) visualizzati a tempo pieno nella parte superiore della pagina del contenuto principale (ad es. Come "ricerca").

5
Michael Zuschlag

Suggerimento: utilizzare n pulsante "modifica" che apre un menu di scelta rapida con i comandi disponibili.

Elencare tutti i pulsanti, anche se solo pochi, può essere problematico, specialmente se si considera un sito mobile con input touch.

Dovresti prendere in considerazione operazioni batch: ovvero selezionare un intervallo di utenti quindi applicare determinate operazioni (come "elimina" o ad esempio "rinnova l'appartenenza"), poiché la modifica singola non si estende ben al di là di pochissime dozzina di oggetti. Ciò richiede un obiettivo di grandi dimensioni per la selezione degli articoli.


Possibile aggiunta piacevole:
Facendo clic/toccando singole celle (come nome, icona, appartenenza) è possibile passare direttamente al modulo di modifica all'elemento specifico.
Ciò ha senso solo se non hai bisogno di selezione, o se un target di selezione ampio e ovvio rimane ancora, e l'elenco è destinato alla modifica. Se l'utente potrebbe voler toccare un elemento solo per visualizzare ulteriori dettagli, eviterei di accedere alla modalità di modifica.

2
peterchen

Se tali azioni hanno una bassa frequenza, ad esempio modificando o eliminando un utente in un'applicazione aziendale, suggerirei di spostare tali azioni nella pagina stessa dell'oggetto o nella pagina di modifica se i tuoi oggetti non hanno una pagina dedicata.

Per un esempio, puoi guardare la gestione dell'account iPhone Mail. Non è possibile eliminare un account di posta dall'elenco degli account, è necessario modificare un account per eliminarlo. La modifica viene eseguita facendo clic sull'account stesso.

1
Vincent Robert

Di solito non si visualizza nessuno di quei pulsanti, ma si mostra un menu di scelta rapida quando l'utente fa clic su una voce.

0
ammoQ