Riset: Drag-and-Drop Tanpa Kode Rumit

Judul asli: Declarative Dragging

Mengapa Ini Penting

Menurunkan hambatan teknis pembuatan UI interaktif bagi non-programmer dan tool builder.

Tiga peneliti dari UIST 2026 memperkenalkan 'Declarative Dragging', metode baru pembuatan interaksi drag-and-drop berbasis deklarasi state, bukan kode geometri manual.

Joshua Horowitz, Andrew Blinn, dan Jeffrey Heer memenangkan Best Paper Award di UIST 2026 lewat riset bertajuk Declarative Dragging (D2). Ide intinya sederhana: daripada menulis kode untuk menangani geometri, animasi, dan umpan balik visual secara manual, pengembang cukup menyatakan state aplikasi mana yang ingin dicapai saat elemen tertentu diseret.

Sistem D2 kemudian secara spekulatif me-render state-state tersebut, mengekstrak posisi elemen di setiap rendering, lalu menyintesis interaksi drag-and-drop yang halus dan responsif—tanpa kerja detail dari sisi pengembang.

Tim mengimplementasikan konsep ini dalam library bernama Dragology, dibangun untuk antarmuka SVG berbasis web. Library ini bersifat composable: perilaku drag sederhana bisa digabung untuk membentuk interaksi lebih kompleks, ditambah modifier seperti floating, snapping, dan transisi.

Ide awal muncul dari Andrew Blinn pada 2022 saat mengembangkan prototipe game matematika. Blinn menginginkan mekanik yang lebih taktil dibanding menu pilihan transformasi biasa. Dua tahun kemudian, bersama Josh Horowitz yang terinspirasi dari eksplorasi peta pohon order-preserving, ide tersebut berkembang menjadi riset formal dengan bimbingan Jeffrey Heer dari University of Washington.

Sumber

declarative-dragging.github.io — Baca artikel asli →