導覽與資訊架構

Context Menu|情境選單

依目前選取的項目提供就地操作;除了右鍵,也必須有可發現、可鍵盤使用的入口。

常見俗稱:情境選單、右鍵選單、Context Menu、右鍵功能表

60 秒決策

先確認使用者要完成的事。

適合使用

  • 同一筆資料的可用指令取決於目前選到哪一個項目。
  • 桌面工作流程有右鍵習慣,但仍能提供替代的可發現入口。

不適合使用

  • 操作是每位使用者都一定會做的主要工作。
  • 手機或觸控情境沒有任何可見替代入口,讓人只能猜有沒有功能。

畫面要說清楚的事

不要只交代外觀,也要交代資料與輸入規則。

操作要回應目前對象

選單標題或狀態要讓人知道現在操作的是哪一筆任務,不要像全域工具列。

右鍵不是唯一入口

提供「管理此任務」或等效按鈕,讓觸控、鍵盤與不知道右鍵的人也能抵達。

避免一整列都是右鍵祕密

主要操作保留在畫面上;情境選單適合收次級、依對象而變的指令。

必要狀態與回應

每個狀態都要讓使用者知道下一步。

待操作

任務列能被聚焦,且有可見替代入口可以開啟同一組操作。

情境選單開啟

選單對應目前任務,焦點可在指令間移動。

完成或關閉

執行後回報結果;Esc 關閉後焦點回到原本任務或開啟按鈕。

操作 Demo

先知道要觀察什麼,再動手操作。

操作前先知道

  1. 單一任務的就地管理

    先觀察:右鍵與「管理此任務」按鈕都會開啟同一組指令。

    操作:先用按鈕開啟,按 Esc 關閉;再聚焦任務列並按 Shift+F10。

    預期結果:兩條路徑都能打開針對同一筆任務的選單,鍵盤不會被困住。

可操作 Demo

情境選單跟著目前任務走,但不能只讓右鍵使用者找得到。

LumenDesk/行銷網站改版

任務資料列的指令,不能假裝成狀態選項。
專案內有 12 筆任務

任務清單

選單內容只針對目前這筆任務
可用右鍵或替代入口
完成活動頁的無障礙檢查負責人:陳怡安 · 到期日:8 月 18 日
進行中

滑鼠可在任務列按右鍵;鍵盤可聚焦後按 Shift + F10,或使用「管理此任務」。

目前情境是「完成活動頁的無障礙檢查」。

告訴 AI

把任務、規則、狀態與操作條件一次寫清楚。

在 LumenDesk 的任務清單為每一列建立 Context Menu,包含「指派負責人」、「移至封存」、「複製任務連結」。右鍵或鍵盤 Context Menu 鍵可以開啟,但同時提供可見的「管理此任務」按鈕,避免觸控與鍵盤使用者找不到。選單開啟後管理焦點,Esc 關閉並回到觸發位置;不要把唯一的必要操作藏在右鍵裡。

驗收清單

不要只確認欄位能不能點。

  • 選單是否真的是依目前資料列或物件改變?
  • 右鍵之外是否提供可見或鍵盤可發現的替代入口?
  • 主要操作是否仍留在畫面上?
  • Context Menu 鍵、Shift+F10、方向鍵與 Esc 是否可操作?
  • 是否在手機或觸控情境也能完成相同工作?