UI設計效率提升有感！checklist.design幫你整理好UI設計清單

在之前【如何進行設計交付？做自己看得懂的檢核表、不要害怕看網頁原始碼…】那篇文中有提到，交付時可製作一份交付Checklist，這個概念也可以套用在設計過程中！

最近發現一個超實用的工具「Checklist Design」，Checklist Design 提供各種UI設計的確認清單，包括一些你可能會忽略的小細節，像是處理不同狀態的呈現，或者如何優化使用者體驗。重點還是免費的，開發者真的佛心！

實際使用下來 Checklist Design 不僅真的節省到時間，也能讓設計稿更有效率地達到基本需求。

Checklist Design 提供了哪些內容？

Checklist Design 提供了由小至UI元素大至頁面規劃的設計提醒，這邊拿幾個案例來做分享：

1.UI元件：按鈕 Button

在按鈕的Checklist中，即列出了5個可以提供的細節，右方區塊分享相關文章資源。「Copy」那點在交付的過程中就相當重要，以文字描述當按下按鈕後會發生什麼情況。

2.Flows：重新設定密碼 Resetting password

有時候事情太多時間不夠，要針對一個小功能產出Flows真的壓力山大！Checklist Design 提供部分功能的流程設計細節真的是救星！

像是這個「重新設定密碼」的功能即提供了一套可行的驗證流程，讓設計師不必一切從頭開始，更能專注於每個步驟的細節，或是放在更重要的專案上。

3.頁面：購物車頁面

要設計一個購物車頁面最少需要哪些元素呢？Checklist Design 也都列出來了！同時也提供你更進階的設計技巧（沒有沒關係，但有了說不定更好！）

在購物車頁面Checklist也列出不錯的實際網站案例，對設計師來說是相當有效的參考資源！

4.網頁布局+品牌塑造

如果是想開發新網站，這兩大頁面也值得參考，從網頁RWD布局到文字與色彩風格的呈現訣竅都有提及！

Checklist Design使用心得

使用Checklist Design真的有幫助我提升設計效率和決策，搭配之前介紹的Uxcel網站，讓我在設計的過程中真的多了夥伴的安心感XD

不過目前Checklist Design尚未推出太久的時間，開發者也僅有一位產品設計師，內容還沒有到非常豐富，相信未來會漸漸完善！

如果想要感謝開發者，也可以在網頁右上角贊助他咖啡唷！（不過目前僅限透過Stripe贊助）