一份令人滿意的待辦清單，是能把模糊的意圖轉化為可以標記完成的具體下一步行動。要使用像 To-Do List 這類以瀏覽器為基礎的待辦清單，請一次一項地在「新任務」欄位中輸入任務，然後選擇「新增」或按下 Enter 將其放入清單中。每列旁邊都有一個核取方塊，讓你可以在進行中與已完成狀態之間切換，而不需要將其移除。摘要區會顯示兩組總計:目前存在的項目數，以及已勾選完成的數量。當一個工作階段結束時，「清除已完成」會掃掉已完成的項目，同時保留進行中的工作;而每一列的「刪除」控制項則可以移除單一行。一切都儲存在目前瀏覽器設定檔的版本化 localStorage 中，因此清單在重新載入頁面後依然存在，不需要登入、不需要上傳，也不需要網路。介面刻意保持精簡:只有「新任務」輸入框、清單本身、每一列的核取方塊、「刪除」控制項，以及「清除已完成」按鈕，沒有其他控制項，這讓認知負擔維持在夠低的程度，讓人在一天結束時順暢地完成幾項任務成為真正可能的事。
新增你的第一項任務，並確認它會留下來
建立一份令人滿意的清單，最快的路徑是設定一個具體明確的第一項任務。To-Do List 頁面刻意保持精簡，所以設定只需要不到一分鐘，而且不需要登入來拖慢你的速度。頁面載入後，會先等待讀取版本化的 localStorage 紀錄，然後才啟用輸入框，這樣可以避免剛清空過的 React 狀態覆寫掉先前已儲存的任務。一旦這個載入界線通過，你採取的每一個動作都會以經過驗證的清單版本取代已儲存的 JSON。
依照以下步驟，從一個空白的分頁，走到一份能用的清單:
- 在你平常工作的瀏覽器分頁中打開 To-Do List。
- 點入「新任務」欄位，寫下一項具體明確的任務。請控制在 160 字元以內，並避免開頭或結尾的空白，因為全空白的項目會在按下「新增」時被拒絕。
- 選擇「新增」，或在欄位仍處於焦點時按下 Enter，將該列加入清單中。每一個新項目都會收到一個由瀏覽器產生的 UUID，讓 React 在後續編輯時能保持穩定的清單識別。
- 找到新增的那一列，左邊是完成狀態的核取方塊，右邊是專屬於該列的「刪除」控制項。
- 使用核取方塊在「進行中」與「已完成」之間切換任務狀態，但不修改文字。標記為完成是這裡唯一的狀態變更;文字本身永遠不會自動被編輯。
- 重新載入頁面一次，確認該列仍在。清單能成功重新載入，就證明它儲存在 localStorage 中，而不只是存在於記憶體裡。
- 當一天的工作結束時，可使用「清除已完成」一次掃掉所有已完成項目;或對單一列選擇「刪除」，以移除你不再需要的那一行。
三個控制項，三種用途
這個介面之所以能保持專注，是因為每個操作都對應到一個明確、不會誤用的控制項。這種區隔正是讓待辦清單用起來令人滿意的關鍵:不會發生意外操作，也不需要去發現隱藏的選單。下表將每個控制項與工作階段中最常使用它的時機配在一起。
| 控制項 | 用途 | 最適合使用的時機 |
|---|---|---|
| 列旁的核取方塊 | 在「進行中」與「已完成」之間切換任務，但不移除文字 | 當任務所述的結果已經實際產生時 |
| 單列上的「刪除」 | 立即且無法復原地移除該單一項目 | 當你完全不再希望這個任務存在於清單中時 |
| 「清除已完成」 | 一次移除所有已完成項目，同時保留進行中的工作 | 在工作階段結束時，希望明天的畫面更清爽時 |
當沒有任何已完成項目時，「清除已完成」控制項會被停用，這能避免一次意外點擊改變一份其實沒有什麼可改變的清單。相對地，「刪除」控制項則永遠作用於其所屬的那一列，並且刻意立即執行。由於這兩個動作都不保留歷史紀錄，請將兩者都視為最終決定，如果之後可能需要稽核保留，請事先在其他地方複製好文字。
把每一行寫成一個「可被觀察到的下一步行動」
一份待辦清單最令人滿意的時候，是每一行都在描述一個你可以一眼驗證的結果。這個產品的設計圍繞著一個核心想法:模糊的大目標會卡住人，而具體的下一步行動才能推進進度。把「提案」換成「將修訂過的提案寄送給法務」，你就把一個願望轉化為一個可被觀察到的步驟。把「照片」換成「將手機照片備份到外接硬碟」，你就把一個擔憂轉化為一件耗時已知、且會在確定狀態下結束的雜務。如果你希望圍繞可觀察的項目建立更完整的每日例行流程，可參考 如何每天有效使用待辦清單 一文，其中更深入地說明如何圍繞一份短清單安排一天。
只有在所述的結果實際產生時，才標記為完成。如果一個任務寫的是「寄送修訂過的提案」，那這一列應該在提案真正寄出之前都保持「進行中」——不是在草稿完成時，不是在本機磁碟儲存之後，而是在它真的被送出之後。這條小規則，正是讓清單頂端的「已完成」計數有意義的原因，也正是讓安靜的「清除已完成」感覺像在推進進度，而不是在打掃殘局的原因。如果你想在一天結束時做一次有用的檢視，請從上到下進行:逐列閱讀每一個進行中的項目，自問所述的結果是否已實際產生，只在答案為「是」時才勾選。
開始之前，你需要知道的實際限制
即使是再簡單的待辦清單也有界線，清楚掌握這些界線，才能讓介面保持快速且可預期。這份產品契約明確定義了以下的數值。
| 限制或輸入規則 | 精確的值或行為 |
|---|---|
| 清單中的最大任務數 | 100 個精簡項目 |
| 每個任務的最大字元數 | 160 字元 |
| 空白處理 | 按下「新增」時會移除開頭與結尾的空白;全空白的項目會被拒絕 |
| 每個任務的識別碼 | 由瀏覽器產生的 UUID，用於穩定的編輯作業 |
| 儲存位置 | 儲存在目前瀏覽器設定檔中，版本化鍵名下的 localStorage |
| 損壞資料的處理 | 格式錯誤的 JSON、重複的 ID、無效的完成狀態值、超長的任務，以及超出上限的清單，會整體被拒絕，而不是部分顯示 |
100 項任務的上限是刻意的。設定清單上限，可以讓本機還原速度保持快速、讓頁面介面維持專注，並避免這個工具被當作無上限的文件儲存空間使用。當一個專案成長到超出這個範圍時，正確的做法是把長期保存的工作搬到專用的任務管理工具，而不是把這份清單推超過它的設計極限。
本機儲存是私密的，但並非絕對安全
「資料保留在你的瀏覽器中」這句話，意思就是它字面上的意思，但有一個重要的界線。資料儲存在 localStorage 中，使用綁定於本網站目前瀏覽器設定檔的版本化鍵名，並未連結到 Lizely 帳號、不會跨裝置同步、不會在瀏覽器、設定檔或私密視窗之間共用，也不會上傳到任何伺服器。任何能夠在同一台機器上使用同一個已解鎖瀏覽器設定檔的人，理論上都有可能讀取這份清單。瀏覽器擴充功能和裝置管理員也可能存取到頁面儲存空間。由於這個工具只是一個便利工具，而不是備份系統，重要的截止日期與無法取代的專案資料，請保存在專用的任務管理工具或另一個有備份的服務中。清除網站資料、重設瀏覽器設定檔，或執行清理工具，都會移除儲存的清單。如果你的工作流程需要在這些事件後依然存活，請在刪除或清除之前，先把關鍵文字複製到其他地方。
私密性是本機的，但這份清單並未加密。請勿儲存密碼、復原碼、病歷、財務帳號資訊，或其他機密資料。這個工具的小範圍本身就是一項特色:它是一份私密的、輕量的待辦清單，而不是保險庫，也不是共用的生產力系統。如果你這樣看待它，那麼每次重新載入都會是一個全新、可預期的起點。
一份輕量的待辦清單何時會開始不夠用
一份瀏覽器中的清單，在工作量能容納於一個畫面、一台裝置、一個人時，會用起來令人滿意。一旦截止日期屬於一個團隊，一旦某項任務必須在某個特定時刻觸發，或一旦某一行需要每週重複出現，這個工具的適用範圍就到了結尾，這時就應該交由更完整的系統接手。這份產品刻意省略了日期、提醒、優先順序、協作、重複任務、子任務，以及雲端同步功能，因為這些功能需要通知權限、帳號身分、衝突處理，或比 100 項的本機清單所能承載的更大的資料模型。這種刻意收窄的範圍，正是讓頁面保持快速、讓介面保持易於理解、讓 localStorage 紀錄保持有界線的原因。
把 To-Do List 用在臨時的個人待辦清單、短暫的購物清單、出門打包檢查，或你在同一個工作站上完成的一小組步驟上;而一旦有其他人需要看到更新，或一旦漏掉一個截止日期會造成真正的傷害，就該改用一套完整的任務管理工具。至於介於兩者之間的狀況——那些能放在一個畫面上、由小步驟堆疊而成的每日混合任務——本文所介紹的三個控制項與規則，通常足以讓你在工作階段結束時感到心滿意足。