Bảng lệnh và Điều hướng lồng nhau: Khi Cmd+K đánh bại thanh bên
Bảng lệnh nào tốt, lỗi ở đâu và cách thiết kế bảng lệnh cùng với điều hướng: tìm kiếm, kết hợp mờ, phím tắt và khả năng khám phá.
Điểm chính
Bảng lệnh (thường được mở bằng Cmd+K hoặc Ctrl+K) cho phép mọi người nhập những gì họ muốn làm thay vì tìm thấy nó trong menu. Nó nhanh hơn đối với người dùng thường xuyên và giúp họ khám phá các tính năng và phím tắt. Nó không thay thế điều hướng: người dùng mới vẫn cần cấu trúc hiển thị để tìm hiểu những gì tồn tại. Các sản phẩm tốt nhất cung cấp cả hai.
Tại sao bảng lệnh lại lan rộng
Bảng lệnh bắt đầu trong công cụ dành cho nhà phát triển. Trong Visual Studio Code, Ctrl+Shift+P sẽ mở Bảng lệnh, cho phép truy cập vào tất cả chức năng của trình soạn thảo từ một cửa sổ điều khiển bằng bàn phím. Các sản phẩm như Superhuman đã biến Cmd+K thành trung tâm của trải nghiệm: một phím tắt để thực hiện bất kỳ hành động nào, đồng thời dạy phím tắt chuyên dụng cho lần tiếp theo. Superhuman lập luận rằng mọi người thích tìm kiếm hơn các menu vì menu chỉ hữu ích nếu bạn đã hiểu cách chúng được sắp xếp.
Thật là một bảng màu tốt cần
Sự khác biệt giữa bảng màu hữu ích và bảng màu gây khó chịu chủ yếu là chất lượng tìm kiếm:
- Khớp mờ: lỗi chính tả và một phần từ vẫn phải tìm đúng lệnh (Superhuman lưu ý rằng "lnik" vẫn phải tìm "link").
- Từ đồng nghĩa: mọi người gõ "mời", "thêm thành viên" hoặc "chia sẻ"; tất cả đều nên hoạt động.
- Xếp hạng: các lệnh gần đây và thường xuyên trước tiên, sau đó là văn bản phù hợp nhất.
- Hiển thị các phím tắt bên cạnh mỗi kết quả để mọi người tìm hiểu chúng.
- Kết hợp các đối tượng cũng như hành động: trang, con người, tập tin.
- Đầu tiên là bàn phím nhưng hoàn toàn có thể sử dụng được với chuột và trình đọc màn hình.
Trường hợp bảng màu bị thiếu
Bảng màu sẽ vô hình cho đến khi được mở ra, vì vậy nó không thể hướng dẫn người dùng mới về chức năng của sản phẩm. Mọi người phải biết hoặc đoán từ để diễn tả điều họ muốn. Đó là lý do tại sao việc loại bỏ điều hướng bằng bảng màu thường gây tổn hại cho người dùng mới và người dùng không thường xuyên. Giữ một thanh bên hoặc menu rõ ràng để duyệt và coi bảng màu như một làn đường nhanh cho những người đã biết họ sẽ đi đâu.
Khả năng tiếp cận
Sử dụng các mẫu hộp tổ hợp và hộp danh sách đã thiết lập để trình đọc màn hình thông báo kết quả, giữ tiêu điểm bên trong bảng màu khi bảng màu đang mở, đóng nó bằng Escape và trả tiêu điểm về vị trí ban đầu. Không ghi đè các phím tắt mà công nghệ hoặc trình duyệt hỗ trợ dựa vào.
Nguyên tắc chính cần nhớ
- Bảng màu nhanh chóng dành cho người dùng thường xuyên và giúp họ khám phá các lối tắt
- Chúng vô hình đối với người dùng mới, vì vậy hãy giữ điều hướng hiển thị
- Chất lượng tìm kiếm quyết định thành công: kết hợp mờ, từ đồng nghĩa, xếp hạng tốt
- Hiển thị các phím tắt trong kết quả để mọi người tìm hiểu chúng
- Thực hiện theo các mẫu trợ năng của combobox
Câu hỏi thường gặp
Nguồn
- How to build a remarkable command palette — Superhuman
- User interface: Command Palette — Tài liệu mã Visual Studio
- Progressive Disclosure — Nielsen Norman Group