Ziehen und Drop

Ein Bild wird auf ein Webbrowser -Symbol gezogen, das das Bild in der öffnet Webbrowser.

Im Computer Grafische Benutzeroberflächen, Ziehen und Drop ist ein Zeigevorrichtung Geste in welcher Benutzer wählt ein virtuelles Objekt aus, indem Sie es "greifen" und Schleppen Es an einen anderen Ort oder auf ein anderes virtuelles Objekt. Im Allgemeinen kann es verwendet werden, um viele Arten von Aktionen aufzurufen oder verschiedene Arten von Assoziationen zwischen zwei zu erstellen abstrakte Objekte.

Als Merkmal befindet sich keine Drag & Drop-Unterstützung Software, obwohl es manchmal eine schnelle und leicht zu larnende Technik ist. Den Benutzern ist jedoch nicht immer klar, dass ein Element gezogen und fallen gelassen werden kann oder wie der Befehl vom Drag & Drop ausgeführt wird, was die Benutzerfreundlichkeit verringern kann.[1]

Aktionen

Die grundlegende Sequenz, die mit Drag & Drop verbunden ist, lautet:

  • Beweg den Zeiger zum Objekt
  • Drücken Sie und halten Sie die Taste auf der Maus oder andere Zeigegerät, um das Objekt zu "greifen"
  • "Ziehen" das Objekt an den gewünschten Ort, indem Sie den Zeiger auf diesen verschieben
  • "Drop" das Objekt, indem Sie die Taste freigeben

Das Ziehen erfordert mehr physische Anstrengung als das gleiche Verschieben des gleichen Zeigungsgeräts, ohne Knöpfe abzuhalten. Aus diesem Grund kann sich ein Benutzer beim Ziehen nicht so schnell und genau bewegen (siehe Fitts 'Gesetz). Drag-and-Drop-Operationen haben jedoch den Vorteil, dass zwei Operanden (das Objekt zum Ziehen und den Drop-Standort) nachdenklich zusammengefügt werden.[2] Erweitertes Ziehen und Abnehmen (wie im Grafikdesign) kann die wolkende Hand belasten.

Ein Designproblem erscheint bei der gleichen Taste wählt und zieht Gegenstände. Eine ungenaue Bewegung kann dazu führen, dass ein Objekt ausgewählt wird, um sich als Ziehenbewegung zu registrieren.

Ein weiteres Problem ist, dass das Ziel des Abbruchs unter anderen Objekten versteckt werden kann. Der Benutzer müsste das Ziehen stoppen, sowohl die Quelle als auch das Ziel sichtbar machen und erneut beginnen. In Classic Mac OS Die oberste Leinwandleiste als universelles "Drag Cancel" -Ziel. Diese Ausgabe wurde in behandelt Mac OS X mit der Einführung von Entlarven.

In Mac OS

Drag & Drop, genannt Klicken und Ziehen zu dieser Zeit wurde in der verwendet Original Macintosh Dateien manipulieren (z. B. Kopieren Sie sie zwischen Scheiben[3] oder Ordner.[4]). System 7 Die Möglichkeit, ein Dokument in einer Anwendung zu öffnen, indem das Dokumentsymbol auf das Symbol der Anwendung gelegt wird.

Im System 7.5, Drag & Drop wurde auf gemeinsame Zwischenablementvorgänge wie Kopieren oder Verschieben von Textinhalten in einem Dokument erweitert. Inhalte könnten auch in das Dateisystem gezogen werden, um eine "Clipping -Datei" zu erstellen, die dann gespeichert und wiederverwendet werden kann.

Für den größten Teil seiner Geschichte hat Mac OS a verwendet Einzelknopfmaus mit dem Knopf, der einen großen Teil der oberen Oberfläche der Maus bedeckt. Dies kann die ergonomischen Bedenken, die Taste während des Ziehens gedrückt zu halten, abschwächen.

In os/2

Das Arbeitsplatzschale von OS/2 verwendet das Ziehen und fällt ausgiebig mit dem Sekundäre Maustastedas primäre für die Auswahl und Klicken. Seine Verwendung wie die andere fortgeschrittene Gemeinsamer Benutzerzugriff Merkmale ausgezeichnete native OS/2 -Anwendungen aus Plattformunabhängig Häfen.

In HTML

Das HTML5 Die Arbeitsentwurfspezifikation beinhaltet die Unterstützung für Drag & Drop.[5] HTML5 unterstützt verschiedene Arten von Ziehen- und Löschenfunktionen, einschließlich:

  • Ziehen und Drop -Texte und HTML -Codes
  • HTML -Elemente ziehen und fallen lassen
  • Drag & Drop -Dateien

Basierend auf den erforderlichen Aktionen kann einer der oben genannten Typen verwendet werden. Beachten Sie, dass, wenn ein HTML -Element für die Verschiebung seiner aktuellen Position gezogen wird, seine ID an das übergeordnete Zielelement gesendet wird. So sendet es einen Text und kann als erste Gruppe betrachtet werden.

Die webbasierte E-Mail-Anwendung von Google Google Mail Unterstützt Drag & Drop von Bildern und Anhängen in der neuesten Google Chrome Browser und Apple's Safari (5.x). Google Images ermöglicht es den Benutzern, Bilddateien in einen Browser zu ziehen, um a Reverse Bildsuche.

Auf einem Touchscreen

Zu den Schnittstellen des Touchscreens gehören auch Drag & Drop oder genauer Langdrucke und dann Ziehen, z. auf der iPhone oder Android Startbildschirme.

iOS 11 Implementiert eine Drag & Drop iPads.[6] Auf iPhones ist die Funktionalität nur in derselben App verfügbar, die der Benutzer den Drag gestartet hat.[7]

In der Endbenutzerprogrammierung

Drag & Drop wird in vielen als wichtiger Programmkonstruktionsansatz angesehen Endbenutzerentwicklung Systeme. Im Gegensatz zu traditionelleren textbasierten Programmiersprachen basieren viele Endbenutzer-Programmiersprachen auf visuellen Komponenten wie Fliesen oder Symbolen, die von Endbenutzern über Drag-and-Drop-Schnittstellen manipuliert werden. Agentenblätter,[8] Eine Programmierumgebung für Kinder, die den modernen Begriff der Luftwiderstandsblöcke vorgestellt hat, die 4 Kernverdienste bereitstellen: 1) Blöcke, die komponierbar sind, 2) Blöcke sind Endbenutzer bearbeitbar, 3) Blöcke können dazu nistet, Baumstrukturen darzustellen , 4) Blöcke sind geometrisch angeordnet, um die Syntax zu definieren. Drag & Drop wird auch in vielen Shader -Bearbeitungsprogrammen für Grafikwerkzeuge wie z. Mixer.[9] Drag & Drop bietet auch in einigen Videospiel -Motoren, einschließlich Unwirklicher Motor, Gamemaker Studio, Konstrukt 2 und mit Expansion, Einheit.

Beispiele

Ein häufiges Beispiel ist das Ziehen eines Symbols auf ein Virtual Desktop zu einem besonderen Mülleimer Symbol zu löschen a Datei.

Weitere Beispiele sind:

  • Daten ziehen Datei auf a Programm Symbol oder Fenster zum Anzeigen oder Verarbeitung. Zum Beispiel bedeutet das Ablegen eines Symbols, das eine Textdatei in ein Microsoft Word -Fenster darstellt, "Öffnen Sie dieses Dokument als neues Dokument in Word".
  • Bewegen oder Kopieren Dateien zu einem neuen Standort/Verzeichnis/Ordner,,
  • Hinzufügen von Objekten zu einer Liste der zu verarbeitenden Objekte,
  • Neu anordnen Widgets in einem grafische Benutzeroberfläche Um ihr Layout anzupassen,
  • Ziehen Sie ein Attribut auf ein Objekt, auf das der Befehl angewendet werden soll,
    • z.B. Ziehen Sie eine Farbe auf ein grafisches Objekt, um seine Farbe zu ändern.
  • Ziehen Sie ein Tool an einen Leinwandstandort, um das Tool an diesem Ort anzuwenden.
  • Ein ... Erstellen Hyperlink Von einem Ort oder Wort zu einem anderen Ort oder Dokument.
  • Die meisten Textverarbeitungsprogramme ermöglichen das Ziehen ausgewählter Text von einem Punkt zu einem anderen.
  • Ziehen einer Reihe von Codeblöcken wie in Mixer zum Entwerfen von Shader und Materialien.

Siehe auch

Verweise

  1. ^ Jakob Nielsen, "Top-10 Application-Design Fehler", http://www.useit.com/alertbox/application-mistakes.html (19. Februar 2008).
  2. ^ Buxton, W. (1986). "Chunking und Phrasierung und das Design von Dialogen von Menschenkomputer". Verfahren des IFIP World Computer Congress. S. 475–480. Archiviert von das Original am 7. Juni 2004.
  3. ^ "Ellbogen des Festplattenwechsels". Folklore.org.
  4. ^ "Das Grand Unified Model (2): Der Finder". Folklore.org.
  5. ^ "HTML5 W3C Arbeitsentwurf". W3.org.
  6. ^ "iPad Drag and Drop, Multitasking und Split View in iOS 11: Alles, was Sie wissen müssen!". ich mehr. Abgerufen 10. Oktober 2017.
  7. ^ Vincent, James (7. Juni 2017). "Das iPhone bekommt auch Drag & Drop mit iOS 11". Der Verge. Abgerufen 23. Juni 2017.
  8. ^ "Übergang über die Syntax hinaus: Lehren aus 20 Jahren Blöcken programmieren in Agentenblättern" (PDF). Journal of Visual Languages ​​und empfindungsfähige Systeme. Archiviert von das Original (PDF) am 28. April 2019. Abgerufen 29. November 2018.
  9. ^ "Render - Blender Referenzhandbuch". Blender.org. Archiviert von das Original am 23. März 2015. Abgerufen 24. Januar 2014.