it-swarm.it

Attivazione / disattivazione della modalità UI, Mostra / Nascondi

Attualmente sto lavorando a un'app Web aziendale. Nella schermata di inserimento della fattura, ho avuto dei problemi con l'interfaccia utente.

Fondamentalmente la schermata di inserimento della fattura corrente è qualcosa del genere:

Screenshot

Modalità/stato predefiniti Modalità/stato immissione voci (quando si preme il pulsante "Attiva/disattiva immissione voci")

Il problema attuale è che l'attuale metodo di immissione degli articoli non è abbastanza intuitivo.

La modifica in linea viene considerata ma respinta a causa della necessità di avere sempre la ricerca dell'inventario e il modulo di selezione poiché lo stile di completamento automatico dei moduli mobili è goffo.

Esiste un modo per alternare tra schermate/modalità più intuitive oltre all'attuale soluzione a pulsante?


Ci sono ancora cose su cui si sta ancora lavorando, come il modo migliore per visualizzare i prezzi senza mostrare 4 cifre, pur mantenendo l'accuratezza. (qualche consiglio sarebbe bello)

2
vener

Come fai a sapere che non è intuitivo? Esattamente quale comportamento stanno facendo i tuoi utenti e cosa stanno dicendo?

Se semplicemente non trovano il pulsante, immagino che il tuo problema principale sia l'etichetta del pulsante. Quando gli utenti devono aggiungere un articolo in fattura, non pensano "Devo attivare o disattivare qualcosa". Stanno pensando "Devo aggiungere o modificare un prodotto". Quindi prova "Input prodotto" invece. Se anche i tuoi utenti hanno difficoltà a trovare le altre funzioni di "attivazione/disattivazione", probabilmente è questo il tuo problema.

In generale, si desidera indicare l'azione di controllo con il suo disegno grafico, piuttosto che un'etichetta di testo. Ad esempio, per il tuo pulsante aggiungi alla fine dell'etichetta una freccia verso l'alto, o segno +, o tocco chiuso in stile Swing Java, scambiandolo con una freccia giù, segno o apri il tocco quando il riquadro di input è aperto. Oppure trasforma il pulsante in un pulsante di attivazione/disattivazione. Forse non è così importante per l'utente anticipare il comportamento dell'interfaccia utente in questo caso: vedranno cosa fa e sapranno cosa fare dopo facendo clic sul pulsante.

Un altro possibile problema è che sembra che tu stia combinando la modifica e l'aggiunta di elementi nello stesso pulsante, che ha una certa logica. Tuttavia, l'idea di "input" potrebbe essere un livello di astrazione al di sopra di come gli utenti pensano alle cose. Piuttosto, potrebbero pensare di aggiungere e modificare funzioni distinte che dovrebbero avere controlli distinti. Quindi devi avere pulsanti separati Aggiungi e Modifica (entrambi attivando/disattivando lo stesso riquadro), e semplicemente vivendo con il disordine aggiuntivo. Per le etichette, proverei "Modifica prodotto" e "Aggiungi prodotto" o "Inserisci prodotto".

È inoltre possibile considerare la visualizzazione predefinita del riquadro come visibile per gli utenti che probabilmente stanno modificando.

Peccato che non riesci a trovare un modo per eseguire le modifiche sul posto.

3