stringtranslate.com

Arrastrar y soltar

Se arrastra una imagen hasta un icono del navegador web, que abre la imagen en el navegador web .

En las interfaces gráficas de usuario de ordenador , arrastrar y soltar es un gesto del dispositivo señalador en el que el usuario selecciona un objeto virtual "agarrándolo" y arrastrándolo a una ubicación diferente o sobre otro objeto virtual. En general, se puede utilizar para invocar muchos tipos de acciones o crear varios tipos de asociaciones entre dos objetos abstractos .

Como característica, la función de arrastrar y soltar no se encuentra en todos los programas , aunque a veces es una técnica rápida y fácil de aprender. Sin embargo, no siempre queda claro para los usuarios que se puede arrastrar y soltar un elemento, o qué comando se ejecuta al arrastrar y soltar, lo que puede reducir la usabilidad. [1]

Comportamiento

La secuencia básica involucrada en arrastrar y soltar es:

Arrastrar requiere más esfuerzo físico que mover el mismo dispositivo señalador sin mantener presionado ningún botón. Debido a esto, un usuario no puede moverse tan rápido y con tanta precisión mientras arrastra (consulte la ley de Fitts ). Sin embargo, las operaciones de arrastrar y soltar tienen la ventaja de agrupar cuidadosamente dos operandos (el objeto a arrastrar y la ubicación de colocación) en una sola acción. [2] Arrastrar y soltar durante mucho tiempo (como en el diseño gráfico) puede estresar la mano que usa el mouse.

Aparece un problema de diseño cuando el mismo botón selecciona y arrastra elementos. Un movimiento impreciso puede provocar que el intento de seleccionar un objeto se registre como un movimiento de arrastre.

Otro problema es que el objetivo de la acción de arrastrar puede quedar oculto bajo otros objetos. El usuario tendría que detener el arrastre, hacer visibles tanto el origen como el objetivo y comenzar de nuevo. En el Mac OS clásico, la barra de menú de la parte superior de la pantalla servía como objetivo universal para "cancelar el arrastre". Este problema se ha solucionado en Mac OS X con la introducción de Exposé .

En Mac OS

El método de arrastrar y soltar, llamado en aquel momento "hacer clic y arrastrar" , se utilizaba en el Macintosh original para manipular archivos (por ejemplo, copiarlos entre discos [3] o carpetas [4] ). El Sistema 7 agregó la capacidad de abrir un documento en una aplicación colocando el icono del documento sobre el icono de la aplicación.

Apple agregó "Macintosh Drag and Drop" al Sistema 7.5 , extendiendo "clic y arrastrar" a operaciones comunes del portapapeles como copiar o mover contenido textual dentro de un documento. El contenido también se podía arrastrar al sistema de archivos para crear un "archivo de recorte" que luego se podía almacenar y reutilizar. Los archivos también se podían soltar en las ventanas de las aplicaciones, por ejemplo, para incluir un documento en un correo electrónico o agregar una imagen a un documento de procesador de textos.

Durante la mayor parte de su historia, Mac OS ha utilizado un ratón de un solo botón que cubría gran parte de la superficie superior del ratón. Esto puede mitigar los problemas ergonómicos que supone mantener pulsado el botón mientras se arrastra.

En OS/2

El Workplace Shell de OS/2 utiliza ampliamente la función de arrastrar y soltar con el botón secundario del mouse , dejando el botón principal para seleccionar y hacer clic. Su uso, al igual que el de otras funciones avanzadas de Common User Access, distingue a las aplicaciones nativas de OS/2 de los puertos independientes de la plataforma .

En HTML

La especificación del borrador de trabajo HTML5 incluye soporte para arrastrar y soltar. [5] HTML5 admite diferentes tipos de funciones de arrastrar y soltar, entre ellas:

Según la acción necesaria, se puede utilizar uno de los tipos anteriores. Tenga en cuenta que cuando se arrastra un elemento HTML para moverlo a su posición actual, su ID se envía al elemento principal de destino; por lo tanto, envía un texto y se puede considerar como el primer grupo.

Gmail, la aplicación de correo electrónico basada en la web de Google, permite arrastrar y soltar imágenes y archivos adjuntos en el último navegador Google Chrome y Safari (5.x) de Apple . Google Images permite a los usuarios arrastrar y soltar archivos de imágenes en un navegador para realizar una búsqueda inversa de imágenes .

En una pantalla táctil

Las interfaces de pantalla táctil también incluyen arrastrar y soltar, o más precisamente, presionar prolongadamente y luego arrastrar, por ejemplo en las pantallas de inicio de iPhone o Android .

iOS 11 implementa una función de arrastrar y soltar que permite al usuario tocar elementos (y tocar con otros dedos para arrastrar más) dentro de una aplicación o entre aplicaciones en iPads . [6] En iPhones, la funcionalidad solo está disponible dentro de la misma aplicación en la que el usuario inició el arrastre. [7]

En la programación del usuario final

El método de arrastrar y soltar se considera un enfoque importante para la construcción de programas en muchos sistemas de desarrollo para el usuario final . A diferencia de los lenguajes de programación más tradicionales basados ​​en texto, muchos lenguajes de programación para el usuario final se basan en componentes visuales, como mosaicos o íconos, que los usuarios finales manipulan mediante interfaces de arrastrar y soltar. AgentSheets , [8] un entorno de programación para niños, introdujo la noción moderna de programación de bloques de arrastrar y soltar, proporcionando 4 ventajas fundamentales: 1) bloques que son componibles por el usuario final, 2) los bloques son editables por el usuario final, 3) los bloques se pueden anidar para representar estructuras de árbol, 4) los bloques se organizan geométricamente para definir la sintaxis. El método de arrastrar y soltar también se incluye en muchos programas de edición de sombreadores para herramientas gráficas, como Blender . [9] El método de arrastrar y soltar también se incluye en algunos motores de videojuegos, incluidos Unreal Engine , GameMaker Studio , Construct 2 y, con la expansión, Unity .

Ejemplos

Un ejemplo común es arrastrar un ícono en un escritorio virtual a un ícono de papelera especial para eliminar un archivo .

Otros ejemplos incluyen:

Véase también

Referencias

  1. ^ Jakob Nielsen, "Los 10 principales errores de diseño de aplicaciones", http://www.useit.com/alertbox/application-mistakes.html (19 de febrero de 2008).
  2. ^ Buxton, W. (1986). "Chunking and Phrasing and the Design of Human-Computer Dialogues" (Fragmentación y fraseo y el diseño de diálogos entre humanos y computadoras). Actas del Congreso Mundial de Computación de la IFIP . pp. 475–480. Archivado desde el original el 7 de junio de 2004.
  3. ^ "Codo del intercambiador de discos". folklore.org.
  4. ^ "El Gran Modelo Unificado (2): El Descubridor". folklore.org.
  5. ^ "Borrador de trabajo HTML5 del W3C". w3.org.
  6. ^ "Arrastrar y soltar, multitarea y vista dividida en iPad en iOS 11: ¡todo lo que necesitas saber!". iMore . Consultado el 10 de octubre de 2017 .
  7. ^ Vincent, James (7 de junio de 2017). "El iPhone también incorpora la función de arrastrar y soltar con iOS 11". The Verge . Consultado el 23 de junio de 2017 .
  8. ^ "Más allá de la sintaxis: lecciones de 20 años de programación en bloques en AgentSheets" (PDF) . Journal of Visual Languages ​​and Sentient Systems . Archivado desde el original (PDF) el 28 de abril de 2019 . Consultado el 29 de noviembre de 2018 .
  9. ^ "Render – Manual de referencia de Blender". blender.org . Archivado desde el original el 23 de marzo de 2015 . Consultado el 24 de enero de 2014 .