通常交互設(shè)計稿子里突出的重點是圍繞某個功能性需求的用戶操作流程（user flow），導(dǎo)致一些UI控件的交互狀態(tài)細(xì)節(jié)很容易被忽略。

其實在交互做到極度自然時，個中的細(xì)節(jié)是很難以被察覺的。正如Facebook的Julie Zhuo曾說過的：“The good design is invisble.” 這些細(xì)節(jié)倘若沒有被考慮到位，做出來的交互總覺得差點意思。

今天給交互設(shè)計師們提供十種基礎(chǔ)的交互狀態(tài)清單。在我們做任何UI控件時，都需要考慮到的狀態(tài)。當(dāng)然，這并不代表所有的狀態(tài)都必須要有其獨特的設(shè)計。這個清單旨在幫助設(shè)計師和前端開發(fā)在交互層面能夠考慮得更加周全。

這十種狀態(tài)是：

1. 初始狀態(tài) （可用狀態(tài)）

2. 焦點狀態(tài)

3. 懸停狀態(tài)

4. 點擊狀態(tài)（手指或鼠標(biāo)）

5. 瀏覽歷史狀態(tài)（針對文字鏈接或無框按鈕）

6. 禁用狀態(tài)

7. 選中狀態(tài)

8. 加載狀態(tài)

9. 取消狀態(tài)（又稱Secondary call to action，通常是讓用戶撤銷操作的控件）

10. 錯誤狀態(tài)（針對于表單類控件）

參考來源：Liz Brown | The Accessibility How-To Guide for UX Designers | Access full course via: linktr.ee/LizBrownUX