設計清單 Checklist Design
想要製作新網站，但不知道該怎麼向網頁設計公司描述自己的需求嗎？ 與客戶對談時，不知道該怎麼拼出客戶心裡所想的拼圖嗎？ 在規劃網站時，不知道各頁面有哪些常見的基本內容或功能嗎？ 進入設計階段時，不確定是否有遺漏掉的細節嗎？ 一起來試試看 Checklist Design，讓建置網站的過程變得更輕鬆！
這是連結 👉 Checklist Design：https://www.checklist.design/
清單涵蓋的範圍
進到 Checklist Design 的網站後，我們可以看到在導覽選單以及 Banner 下方均 有列出五個大類分別為 Pages、Elements、Flows、Topics、Brand，這些是清單所包含的範圍。
Pages： 如果想知道特定頁面裡面有哪些基本常見的內容或功能操作等，可以選擇查看此類別。
Elements： 如果想知道局部物件像是按鈕、搜尋欄位、表單元素，或者載入效果等操作體驗，可以查看此類別，以了解更詳細的介紹。
Flows： 如果想要了解功能方面的流程及操作如寄送表單、刪除帳號、重設密碼等，可以參考此類別。
Topics： 如果想知道涵蓋範圍較廣泛的主題像是響應式、暗黑模式等，可以查看此類別。
Brand： 如果想了解一個品牌要如何經營或有哪些相關注意事項，可以瀏覽此類別。
清單內容介紹
每個項目都會有自己的詳細介紹頁面，且各個頁面的版型格式大致相同，除了包含主要的內容清單、設計靈感、相關文章、參考範例之外，有些項目會再額外提供狀態展示的補充。
- 內容清單： 這個部分的資訊可以說是整個清單的核心內容，開發者將當前介紹的項目在現實應用中經常會展現的內容與操作以清單的方式呈現，並透過小小的提示文字引導出重要的觀點。而整體的概念是讓使用者能夠將其視為代辦清單的任務列表，以檢視執行過程中是否有遺漏的事項或未注意到的細節。
- 設計靈感： 如果只是閱讀文字清單，對於當前介紹的項目感到不熟悉的使用者便會缺乏想像，容易不知道該從何開始著手。因此，為了讓使用者有畫面可以參考，平台右側欄上方有一個小區塊列出了設計師在知名平台 Dribbble 發佈的相關創意作品，而這些作品在設計階段中也能夠協助激發靈感。
- 相關文章： 除了清單與設計靈感之外，為了能讓使用者對於當前介紹的項目有更深入的認識，開發者建置了一個文章連結的區塊，專門放置相關的優質文章如良好的 UI 設計、UX 體驗、集結更多的經典案例等。
- 參考範例： 如果想參考實際公開且正在持續使用中的案例，可以查看右側欄下方的範例區塊，這裡會表列出大眾耳熟能詳或較具有參考價值的品牌，點擊連結後，會前往當前介紹的項目在該品牌網站或其他載體中呈現的畫面。
- 狀態展示： 有些網站中的物件像是按鈕、搜尋欄位、表單元素等，會因其在操作上有不同的互動提示而有不同的狀態樣式呈現，為了讓 Checklist Design 更完整，開發者在清單下方額外為這些物件補充各個狀態的示意圖，讓我們可以更完善的去執行清單的任務。
優缺點
Checklist Design 建立的出發點很實用，而且在整體表現上無論是資訊的可用性或者豐富度都很足夠，不過以網站的角度來看，頁面、功能、流程都會因專案性質而有著很大的變動性，目前的項目似乎還能夠再向外擴展多一些。
適用的情境/使用者
- 客戶：
- 前期規劃時，可以藉此參考各頁面想要呈現哪些必備或額外資訊，並將心理所期望的內容傳達給網頁設計公司
- 後期檢驗時，可以對照此清單，確認網頁設計公司是否有遺漏的細節或想要再額外補充的部分，不過實際製作還是需以簽訂合約中承諾的內容為主
- PM：
- 前期規劃時，可以藉此平台提供的內容，與客戶進行較細微的需求洽談
- 後期檢驗時，可以對照此清單以審核各項目是否完成，不過實際製作還是需以簽訂合約中承諾的內容為主
- 設計師：
- 前期規劃時，可參考此平台提供的內容，梳理預計呈現的資訊，若設計過程中遇到瓶頸，也可適當於其他作品中汲取靈感
- 完稿時，可以對照此清單以審核各項目是否完成，不過實際製作還是需以簽訂合約中承諾的內容為主
- 工程師：
- 前期規劃時，可參考此平台提供的內容，於內部團隊討論時提出實際製作時的相關建議
- 如因外部因素，以致專案流程直接進入製作階段時，可以參考此平台提供的內容，執行並審核製作過程中是否完成必備或常見項目
以上就是讓網站建置過程更順暢的設計清單工具 Checklist Design，大家可以試著使用看看，說不定會有意想不到的幫助哦！
