Khi nào nên sử dụng lấy vs di chuyển con trỏ?
Tôi đang làm một ứng dụng với giao diện người dùng kéo và thả. Tôi dự định thay đổi con trỏ khi di chuột qua các yếu tố có thể kéo.
Sự khác biệt giữa các con trỏ move và grab là gì?
[.___.] Chúng có thể được sử dụng thay thế cho nhau không?
Người giới thiệu:
- Mạng nhà phát triển Mozilla
- Câu trả lời liên quan đến UX StackExchange: Thiết kế giao diện người dùng để đặt hàng các mục trong danh sách
Di chuyển các đối tượng để sắp xếp lại chúng, lấy các đối tượng để thực hiện các thao tác trên chúng
Nên sử dụng di chuyển con trỏ khi các đối tượng chỉ được sắp xếp lại (dịch) mà không có bất kỳ thay đổi nào đối với các thuộc tính của chúng ngoài vị trí. Ví dụ:
- Sắp xếp lại các hình dạng trên một khung vẽ
- Sắp xếp lại các mục trong danh sách
lấy con trỏ thường được sử dụng cho các hoạt động kéo và thả khi đối tượng đang được thao tác để thực hiện một thao tác có thể thay đổi nó hoặc tạo bản sao. Ví dụ:
- Kéo tập tin vào dropzone để thực hiện thao tác
- Kéo một đối tượng vào thanh công cụ để chỉnh sửa hoặc tạo lối tắt
- Kéo một đối tượng vào bảng màu để tô màu nó
Ví dụ về thao tác kéo và lấy
Đây là idiomatic use, tức là trong khi đây là những cách tiếp cận phổ biến để sử dụng hai con trỏ, chúng không phải là tiêu chuẩn chính thức và trong thực tế, các nhà thiết kế có thể dính vào con trỏ mũi tên cho một hoặc cả hai trường hợp sử dụng hoặc chọn một số con trỏ hoàn toàn khác nhau.
Trong nhiều chương trình vẽ, lấy được sử dụng để di chuyển bề mặt vẽ (khung vẽ) xung quanh, tức là, để hiển thị một phần khác của nó. Cái này được gọi là panning.
Di chuyển được sử dụng để di chuyển đối tượng đã chọn xung quanh bên trong khung vẽ.
Theo kinh nghiệm của tôi, hành vi lấy và lấy con trỏ hoạt động khi bạn cần di chuột rõ ràng và nhấp và giữ hành vi cho các thành phần UI có thể di chuyển, điều này có ý nghĩa đối với các ứng dụng máy tính để bàn vì đây là các tương tác con trỏ tiêu chuẩn. Con trỏ di chuyển có xu hướng được sử dụng khi không có nhu cầu cụ thể để phân biệt giữa hành vi di chuột và nhấp và giữ cho các thành phần UI có thể di chuyển.
Điều này có nghĩa gì đối với thiết kế tương tác người dùng là nếu các yếu tố có thể di chuyển rõ ràng (chẳng hạn như danh sách các yếu tố bạn có thể đặt hàng) thì bạn có thể sử dụng con trỏ di chuyển do người dùng không thực sự phải khám phá những yếu tố nào có thể được di chuyển xung quanh . Tuy nhiên, nếu UI của bạn phức tạp hơn một chút thì cặp lấy + lấy sẽ tạo điều kiện cho người dùng di chuột và khám phá những yếu tố nào có thể được nắm bắt và sau đó áp dụng hành vi nhấp và giữ để kéo nó xung quanh.
Nếu bạn đang tìm cách điều chỉnh các mẫu này cho các ứng dụng di động thì có thể hơi khó một chút vì vậy đề xuất của tôi là làm cho UI đơn giản và rõ ràng nhất có thể để bạn chỉ phải áp dụng hành vi nhấp/chạm và kéo mà không cần di chuột/hành vi khám phá. Di chuột/khám phá dễ dàng hơn cho các ứng dụng máy tính để bàn.