先釐清顧客的購買決定
目錄篩選應回答顧客在打開個別商品頁前真正想知道的問題。香港小店的顧客可能想找放得下狹窄廚房檯面的電熱水壺、配合指定型號的零件，或可到店自取的貨品。先看商品資料與實際查詢，確認哪些屬性會改變購買決定。如果店員也說不清某個欄位如何幫助揀選，就不要因為資料庫有該欄位而加入篩選。反過來說，有用的條件若只藏在商品介紹，顧客便要逐頁比較。搜尋用於尋找已知名稱，篩選用於縮小符合條件的商品集合，排序則調整剩餘結果的先後。設計前要先分清顧客正在做哪一件事。
推出篩選前，先盤點商品資料。顏色要有一致的名稱；現貨選項則要講清資料來自哪個系統、多久更新一次。篩選對象是整件商品還是可購買的規格，也必須先定義。例如一張鞋款卡片有多個尺碼，其中一個已售罄。若顧客揀尺碼後仍見到該鞋款，點入卻預設另一個缺貨尺碼，篩選便沒有達到目的。可建立屬性字典，記下可用值、資料負責人、更新時機，以及頁面如何解釋每個值。資料缺漏應在內部標記為未知；直接當成「不符合」會錯誤隱藏可能合適的貨品。
讓條件清楚可讀
控制項應用顧客熟悉的名稱，不應直接顯示資料庫欄位名。價格範圍須寫明貨幣，也要界定上下限是否包括邊界數值。物料等容許多選的條件可用核取方塊；只能擇一的條件則用單選或下拉選單。W3C 的表單指引指出，相關控制項宜有畫面上可見、程式亦可辨認的組別名稱，例如 fieldset 配合 legend；每個選項的標籤本身亦要有意義。已選狀態不應只靠顏色表示，鍵盤焦點與勾選狀態亦須清楚可見。展開選項的按鈕應揭示有名稱的選項組，不應在顧客未選值前自行改變商品結果。
要明確決定結果何時更新。桌面上的短清單或可即時更新；手機上的長篩選面板可能較適合按「套用」後一次過更新，讓顧客先核對所選條件。兩種方法都要一致。結果上方應顯示已選條件，讓人逐項移除，另設清除全部的方法。更改其中一項時，不應無聲重設其餘選擇。如果返回鍵會清掉篩選，顧客比較兩件商品後就要重新輸入。適合的情況下，可把選擇保存在可分享的網址，並在瀏覽器返回時還原。這是顧客操作狀態的決定，與搜尋引擎是否收錄篩選網址屬不同問題。
如實交代結果
條件改變後可顯示符合的商品數目，但計數單位必須與畫面一致。介面顯示商品卡片，資料庫卻計算每個規格，便可能出現「十二件商品」但畫面只有數張卡片。數目應靠近結果，並讓顧客看到有效條件。W3C 的狀態訊息指引以搜尋結果數目為例，說明動態變化可讓輔助技術讀出，而不用強行移動焦點。動態篩選應待結果穩定後，簡短宣布新數目；不要每次中途請求都播報，更不用朗讀整個商品網格。更新失敗時，保留先前的可見結果，並說明新條件尚未套用，避免在新數目下無聲顯示舊貨品。
零結果是顧客需要作決定的時刻，不代表顧客操作錯誤。應指出哪組條件沒有結果，並提供最小的有用調整，例如移除限制最大的選項，同時保留其他選擇。不要把近似商品冒充為符合條件。存貨不明應與已售罄分開；今天要到店自取的顧客，對現貨的要求比隨意瀏覽的人更嚴格。畫面上的價格和供應情況應與篩選使用同一組現行資料，否則要交代更新延遲。看似精確的篩選若與商品頁內容矛盾，可能比沒有篩選更浪費顧客時間。
用一個小店例子走完整個流程
假設一家小店賣多種外觀及插頭款式的桌燈。顧客要找可放在小書桌、使用本地供應插頭、並可在本週自取的款式。可先考慮三組條件：燈身寬度、插頭類型和自取供應情況。先確認寬度統一使用同一單位，各個相關規格都有數值；自取供應情況則應按實際取貨點計算，而非只看總倉存貨。用一款已知商品測試：選中其插頭和寬度後應保留該款，改選不相容插頭後應移除。打開保留的商品卡，核對規格及自取承諾與篩選一致。這只是示範驗收情境，並非任何店舖的實際顧客行為或存貨聲稱。
之後要測完整購物路徑，而非只測單一控制項。在窄手機畫面選兩個條件、套用、打開一盞燈、返回、移除一個條件，再用鍵盤到達結果數目及第一張商品卡。用屏幕閱讀器重做，聽組別名稱、選項名稱、已選狀態和更新後數目。另測帶有已選條件的連結，以及目錄更新後重新載入的情況。最後測試缺少寬度資料，以及顧客瀏覽期間商品售罄。實作前先為每個情況寫下預期表現，讓商品、設計和開發人員對「通過」有共同標準。有用的篩選等於對保留下來的商品作出承諾，整段路徑都要守住。
上線時用檢查找出錯配
上線前，從每個類別抽取少量商品，對照儲存屬性、篩選歸屬、商品卡文字及詳情頁。要包括多規格、資料不完整及剛改變存貨的商品。日後可量度顧客有否使用篩選、是否較容易找到合適商品，但不能把篩選點擊數直接當成成功。點擊頻繁也可能表示標籤難懂，顧客要不斷改選。應結合客服查詢及真實任務的簡短觀察。如果某項資料無法保持新鮮，便先縮小或移除該條件，直到目錄資料修好；這是產品選擇，不應以不確定資料作出確定承諾。
要有人負責篩選用詞，亦要有明確途徑更正錯誤商品紀錄。新增商品系列時，檢查其值是否應放入現有組別，還是需要新的決策路徑。商品下架時，核對它有否按規則離開在售結果。亦要寫清選項如何組合：不少商店在同一組別內採「或」，不同組別之間採「且」，但介面須說明並測試自己的實際規則。顧客同選藍色及綠色，可能想看其中任一顏色；同選尺碼和物料，通常希望兩者同時符合。上線檢查最後，請店員用真實目錄完成三個日常購物任務，記錄出現的錯配並修正。目標是讓顧客由條件可靠地走到真正合適的商品。
進行前先確認
- 每項篩選值是否對應可靠的商品或規格資料？
- 返回頁面後條件是否保留，結果數目又是否與商品卡一致？
- 鍵盤及屏幕閱讀器使用者能否辨認組別、已選選項及更新結果？
