it-swarm-vi.tech

Hành động (biểu tượng) trong bảng

Tôi đang làm việc để thiết kế lại ứng dụng của mình và chúng tôi không chắc chắn các hành động của bảng sẽ ở đâu (ở phía bên trái của hàng, bên phải, có hoặc không có menu con, v.v.). Vui lòng giúp chúng tôi xác định với tùy chọn thân thiện với người dùng nhất. (Vui lòng xem hình ảnh dưới đây - kích thước đầy đủ).

UX Doubts

Thêm chi tiết về menu hamburguer:

Submenu options

Đó là lựa chọn tốt nhất trong trường hợp này?

5
Thiago A. Klein

Đôi điều:

  1. Các hành động bổ sung nên đi bên phải vì người dùng sẽ quét thông tin trước khi đưa ra quyết định về hành động. (vì vậy không phải tùy chọn 2 hoặc 3)
  2. Tôi thích khái niệm menu hamburger vì bạn có sẵn khá nhiều tùy chọn, nhưng tôi sẽ thay đổi biểu tượng bằng cách nói 'Hành động' và bao gồm tất cả các tùy chọn hoặc có thể là '...' để hiển thị rằng nó đang hiển thị các tùy chọn bổ sung. (Menu hamburger trên chính nó ngụ ý rằng nó tách biệt với những gì đang được hiển thị)
  3. Nếu bạn có không gian cho nó trong bảng của mình và có thể giới hạn các tùy chọn ở mức 5 hoặc 6, bạn cũng có thể liệt kê các hành động dưới dạng biểu tượng trực tiếp trong bảng, nhưng tôi khuyên bạn nên thêm một chú giải công cụ vào di chuột cho mỗi trong số chúng để người dùng chắc chắn 100% về những gì từng làm trước khi nhấp.
  4. Liên quan đến đa lựa chọn, tôi thích chế độ xem trên tùy chọn 5 để người dùng có thể thấy các hành động có sẵn cho các mục đã chọn.
5
Andrea D

Phía bên phải

Điều này có một lời giải thích rất đơn giản: Các hành động bạn sẽ áp dụng dựa trên một đối tượng. Do đó, đối với các ngôn ngữ phương tây như trong ví dụ của bạn, việc bạn đọc từ trái sang phải là điều tự nhiên. Nếu bạn có hành động trước đối tượng .... bạn sẽ hành động thế nào? Bạn vẫn không thấy đối tượng hành động!

Tuy nhiên

Có 2 mối quan tâm khác về câu hỏi của bạn

  • Hộp kiểm : nên ở bên trái, giống như bạn có nó ngay bây giờ
  • Thả xuống : Điều rất quan trọng là xác định những gì bạn có trong danh sách thả xuống của mình. NẾU đây là những hành động ảnh hưởng đến chính đối tượng và chúng có nhiều hơn 3, rất có thể bạn sẽ chỉ cần sử dụng một danh sách thả xuống và tất cả các hành động nên được chứa bên trong nó.

Tuy nhiên, nếu các hành động trong danh sách thả xuống không liên quan đến đối tượng cụ thể, thì nó thậm chí không nên ở đó và bạn nên thử tùy chọn khác.

Mặc dù không liên quan chặt chẽ đến việc thả xuống, một ví dụ điển hình cho các nguyên tắc này là Nút hành động nổi vật liệ vì các nguyên tắc tương tự áp dụng cho trường hợp của bạn

Tránh sử dụng các nút hành động nổi cho các hành động nhỏ và phá hoại, bao gồm các thao tác sau:

Archive or Trash
Nonspecific actions
Alerts or errors
Limited tasks like cutting text
Controls that should be in a toolbar, like volume control or changing a font color

enter image description here

Đừng.

Donith bao gồm các hành động không liên quan hoặc khó hiểu.

Đến cuối cùng

kiểm tra, kiểm tra, kiểm tra

2
Devin

tùy chọn 4 nghe có vẻ tốt với tôi, biểu tượng hamburger có thể được thay thế bằng hai biểu tượng dưới đây. enter image description here

1
NPN

Có những lợi ích của mỗi phương pháp. Tôi không thuyết phục lắm với menu hamburger. Ngoài ra, mỗi phong cách cung cấp những lợi ích nhất định.

Biểu tượng bên phải

  • Sử dụng nó khi cần quét hầu hết các cột lưới trước khi thực hiện hành động
  • Nói chung là tốt khi các cột ít về số lượng và không cuộn ngang trên bảng
  • Xem xét du lịch mounse cho mỗi lần hành động được yêu cầu.
  • Ngoài ra sự chú ý của người dùng là cao nhất trên các cột bên trái.
  • Bạn không thể đóng băng cột bên phải, đó là UX rất bất thường.
  • Ví dụ tốt nhất sẽ là chế độ xem mặc định của Outlook.

Biểu tượng bên trái

  • Hành động nhanh được yêu cầu trên nhiều mặt hàng và di chuyển chuột nên ít hơn.
  • Số lượng cột không quan trọng lắm, vì vậy chúng cũng có thể nhiều.
  • Bạn có thể đóng băng cột hành động bên trái và áp dụng cuộn ngang sang phải.
  • Tôi vẫn sẽ giữ hộp kiểm nhiều lựa chọn cách xa cột hành động.

Hành động bên ngoài

  • Tốt nhất khi bạn muốn làm nhiều lựa chọn.
  • Đánh đổi là hành trình chuột cho mỗi hành động.

Mỗi phương pháp đều có ưu/nhược điểm của chúng. Bạn phải quyết định trường hợp sử dụng của bạn phù hợp với thùng nào. Tôi đã làm việc trên các dự án khác nhau và đã sử dụng cả ba (không phải cùng nhau rõ ràng) và những dự án hợp lý theo từng trường hợp.

1
Sol