it-swarm-eu.dev

Quali sono i modi di dire comuni per la porzione di trascinamento di un'operazione di trascinamento della selezione?

Qui mi occupo solo dell'altra metà di un'operazione D% D, il calo. Quali sono i modi di dire comuni per comunicare a un utente che possono eliminare? E quali sono i "migliori" e in quali situazioni?

In particolare, vorrei conoscere quelli che comunicano qualcosa all'utente sia prima che si verifichi il trascinamento che dopo il trascinamento. Possono essere visivi o "tattili" (cambia il cursore del mouse).

12
shemnon
  • Indica possibili target di rilascio
  • Mostra un'anteprima dal vivo dei risultati
  • Mostra cosa viene trascinato in tempo reale

alt text

  • Se non riesci a rilasciare qualcosa da qualche parte, spiega perché agli utenti in un popup vicino al cursore:

alt text

  • Mantieni grandi i tuoi obiettivi di rilascio! Il trascinamento della selezione è già una grave violazione della legge di Fritz; non c'è bisogno di peggiorare le cose.
5
Robert Fraser

Ho visto app che mostrano uno schema in cui è possibile rilasciare.

Questo è dalla pagina del widget wordpress

Wordpress widget page
(fonte: srulytaber.com )

10
Sruly

Un approccio comune è quello di trasformare il cursore in un cursore "impossibile rilasciare" quando si è sopra tutto il resto.

La logica sarebbe:

  1. Inizia a trascinare.
  2. Trasforma il cursore in "impossibile rilasciare".
  3. Durante il trascinamento, controlla se sopra qualcosa che può accettare il rilascio, quindi trasforma il cursore in "può cadere".
  4. Rilascia e reimposta il cursore.

NOTA: non lo sto necessariamente sostenendo, ma mostra all'utente che sono nel mezzo di un'operazione di trascinamento/rilascio, oltre a indicare dove è valido il rilascio.

7
ChrisF

È possibile evidenziare leggermente le posizioni di rilascio non appena l'utente trascina un elemento. In questo modo è possibile attirare l'attenzione sulle posizioni di rilascio.

Il prerequisito per questo è ovviamente quello di mostrare ciò che è trascinabile in primo luogo. C'è questa domanda con risposta per quello.

5
Gamlor

A volte il target di rilascio è all'interno di un insieme di disposti in modo lineare oggetti. Dopo che l'oggetto è stato rilasciato, gli oggetti che seguono l'obiettivo di rilascio si sposteranno per fare spazio per il nuovo oggetto. In tal caso, il punto di inserimento è generalmente indicato da una linea sottile tra i due oggetti che si separeranno per fare spazio.

Ad esempio, in quasi tutte le GUI che utilizzano un mouse, il testo può essere selezionato e trascinato da una parte di un documento a un'altra. Il punto di inserimento è indicato da una linea sottile tra due caratteri.

Questo è anche il caso con coda Netflix discusso in precedenza. Oltre a una linea sottile, Netflix utilizza una freccia nera per indicare dove andrà il film.

 Thundercats: Season 1: Vol. 1: Disc 3     
 .....................................     
 Thundercats: Season 1: Vol. 1: Disc 4
>------------------------------------- 
 Thundercats: Season 1: Vol. 1: Disc 5
 .....................................
 Thundercats: Season 1: Vol. 1: Disc 6

(Non riesco a capire come catturare uno screenshot durante il trascinamento.)

3

Il flusso di lavoro tipico per l'eliminazione è:

repeat while mouse is down

    dragEnter -> mouse pointer has moved into some new area.
                 Highlight the area if the dragged data is valid for dropping into it,
                 adjust cursor (forbidden, copy, symlink, or move)
                 adjust the drag image (e.g. when dragging from icon view in file picker
                 to list view in another file picker, now's the time to animate the
                 drag image to look like the list view items would when dropped.

    dragLeave -> Undo any previous highlight.

end repeat

if we were over a valid drop location
    drop
else
    show an animation of the drag image snapping back to its
         point of Origin to make it clear the drag was canceled.
end if

Undo any previous highlight.

I tipi tipici di evidenziazione goccia sono:

  • Contorno attorno a un contenitore (ad es. Vista di scorrimento) per indicare che qualcosa è un bersaglio di rilascio valido
  • Segni di inserimento per indicare quali elementi dell'elenco o caratteri di testo verranno lasciati cadere tra o dopo
  • Variante selezionata di un'icona (o variante "aperta piegata", ad esempio di un'icona di cartella) per indicare che una goccia finirà dentro un elemento, non prima o dopo di esso.

Si noti che i segni di inserimento non sono utili solo per gli elenchi in cui è possibile riorganizzare liberamente l'ordine degli articoli, ma anche per gli elenchi ordinati, dove ad es. un drop tra o su due file in un elenco ordinato è perfettamente valido, ma si desidera indicare che, dopo l'ordinamento, il file verrà visualizzato più in basso.

Solo per completezza, il flusso di lavoro tipico per il trascinamento è:

detect whether a click-and-hold or click-and-move is really intended to be a drag:
 - Is it obvious? (e.g. dragging a file by its icon -- there is nothing else you can do
 - Or: Wait for a while, has the mouse moved by at least 4 pixels in some direction
       and has the mouse still not been released? (Accounts for most peoples' less-than-pefect motor skills
 - Or: Is the drag in a certain direction that doesn't make sense for anything else?
       (E.g. dragging sideways over text may be an attempt at a new selection,
       OTOH a vertical drag > 4px on a selection is pretty guaranteed to be a drag attempt.

Set up a drag image that is attached to the mouse. This image usually looks exactly
    like a 70% opaque version of the selection (giving the illusion you're moving
    the selection) and if you haven't moved the mouse yet, should invisibly overlay
    the actual selection. (I.e. move it relative to the mouse, don't center it
    under the mouse)

Start the drag! (following this we do the workflow for dropping)

(Almeno questo è il modo in cui di solito accade il trascinamento della selezione nelle moderne app di Mac OS X, sebbene l'aggiornamento dell'immagine di trascinamento durante una caduta sia una cosa abbastanza nuova)

2
uliwitness