stringtranslate.com

Arrastrar y soltar

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

En las interfaces gráficas de usuario de computadora , arrastrar y soltar es un gesto de dispositivo señalador en el que el usuario selecciona un objeto virtual "agarrándolo" y arrastrándolo a una ubicación diferente o a 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 compatibilidad con 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 si un elemento se puede arrastrar y soltar, o cuál es el comando realizado al arrastrar y soltar, lo que puede disminuir 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 con tanta rapidez y 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 para soltar) en una sola acción. [2] Arrastrar y soltar prolongadamente (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 hacer que un intento de seleccionar un objeto se registre como un movimiento de arrastre.

Otro problema es que el objetivo del lanzamiento puede quedar oculto debajo de otros objetos. El usuario tendría que dejar de arrastrar, hacer visibles tanto el origen como el destino y empezar de nuevo. En Mac OS clásico, la barra de menú de la parte superior de la pantalla servía como objetivo universal de "cancelación de arrastre". Este problema se solucionó en Mac OS X con la introducción de Exposé .

En Mac OS

Arrastrar y soltar, llamado en ese momento hacer clic y arrastrar , se usaba en el Macintosh original para manipular archivos (por ejemplo, copiarlos entre discos [3] o carpetas [4] ). System 7 agregó la capacidad de abrir un documento en una aplicación colocando el ícono del documento en el ícono de la aplicación.

Apple agregó "Macintosh Arrastrar y Soltar" al Sistema 7.5 , extendiendo "hacer clic y arrastrar" a operaciones comunes del portapapeles, como copiar o mover contenido textual dentro de un documento. El contenido también podría arrastrarse al sistema de archivos para crear un "archivo de recorte" que luego podría almacenarse y reutilizarse. Los archivos también se pueden colocar en las ventanas de la aplicación, por ejemplo, para incluir un documento en un correo electrónico o agregar una imagen a un documento de un procesador de textos.

Durante la mayor parte de su historia, Mac OS ha utilizado un mouse de un solo botón con el botón cubriendo una gran parte de la superficie superior del mouse. Esto puede mitigar las preocupaciones ergonómicas de mantener presionado el botón mientras lo arrastra.

En OS/2

Workplace Shell de OS/2 utiliza ampliamente el método de arrastrar y soltar con el botón secundario del mouse , dejando el principal para seleccionar y hacer clic. Su uso, al igual que el de otras funciones avanzadas de acceso común de usuarios, distinguía las aplicaciones OS/2 nativas de los puertos independientes de la plataforma .

En HTML

El borrador de la especificación de trabajo HTML5 incluye soporte para arrastrar y soltar. [5] HTML5 admite diferentes tipos de funciones de arrastrar y soltar, entre las que se incluyen:

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 mover su posición actual, su ID se envía al elemento principal de destino; entonces envía un texto y puede ser considerado como el primer grupo.

La aplicación de correo electrónico basada en web de Google, Gmail , admite arrastrar y soltar imágenes y archivos adjuntos en el último navegador Google Chrome y Safari de Apple (5.x). Google Imágenes 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, mantener presionado 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

Arrastrar y soltar se considera un enfoque importante para la construcción de programas en muchos sistemas de desarrollo de usuarios finales . A diferencia de los lenguajes de programación más tradicionales basados ​​en texto, muchos lenguajes de programación de 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 posibilidades principales: 1) Bloques que el usuario final puede componer, 2) los bloques son editables por el usuario final, 3) los bloques pueden ser anidados para representar estructuras de árbol, 4) los bloques están dispuestos geométricamente para definir la sintaxis. Arrastrar y soltar también se incluye en muchos programas de edición de sombreadores para herramientas gráficas, como Blender . [9] Arrastrar y soltar también se incluye en algunos motores de videojuegos, incluidos Unreal Engine , GameMaker Studio , Construct 2 y, con 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:

Ver también

Referencias

  1. ^ Jakob Nielsen, "Los 10 errores principales en el diseño de aplicaciones", http://www.useit.com/alertbox/application-mistakes.html (19 de febrero de 2008).
  2. ^ Buxton, W. (1986). "Fragación y fraseo y diseño de diálogos persona-computadora". Actas del Congreso Mundial de Computación IFIP . págs. 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 buscador". folklore.org.
  5. ^ "Borrador de trabajo HTML5 W3C". w3.org.
  6. ^ "Arrastrar y soltar del iPad, multitarea y vista dividida en iOS 11: ¡todo lo que necesita saber!". Yo más . Consultado el 10 de octubre de 2017 .
  7. ^ Vincent, James (7 de junio de 2017). "El iPhone también se puede arrastrar y soltar con iOS 11". El borde . Consultado el 23 de junio de 2017 .
  8. ^ "Más allá de la sintaxis: lecciones de 20 años de programación de bloques en AgentSheets" (PDF) . Revista de lenguajes visuales y sistemas sensibles . Archivado desde el original (PDF) el 28 de abril de 2019 . Consultado el 29 de noviembre de 2018 .
  9. ^ "Renderizado - Manual de referencia de Blender". blender.org . Archivado desde el original el 23 de marzo de 2015 . Consultado el 24 de enero de 2014 .