Skip to main content
ExodeUI

EXODEUI DESKTOP

A little space for good ideas.

Choose your platform to get the official ExodeUI installer.

Looking for Intel Mac or other builds? Explore the web studio or check all download options.

Prefer the browser? Try for free in your browser →
Mẫu UXđọc 7 phút·Updated tháng 10 năm 2026·Đội ngũ ExodeUI

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á.

Tóm tắt và định nghĩa

Đ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.

So sánh đường dẫn menu lồng nhau bốn cấp với bảng lệnh trong đó thao tác nhập "inv" sẽ tìm thấy "Mời mọi người" và hiển thị lối tắt của nó
Các menu yêu cầu biết vị trí của một tính năng; một bảng màu cho phép mọi người gõ những gì họ muốn và dạy phím tắt.

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

  1. How to build a remarkable command palette — Superhuman
  2. User interface: Command Palette — Tài liệu mã Visual Studio
  3. Progressive Disclosure — Nielsen Norman Group

Hướng dẫn và ví dụ liên quan

Giao diện phản hồi ngay lập tức

Hãy thử cài đặt lò xo cho cảm giác nhanh và êm dịu, dành cho người dùng UI sử dụng nhiều lần trong ngày.

Mở máy phát điện lò xo
Dùng thử miễn phí