通常交互設(shè)計稿子里突出的重點是圍繞某個功能性需求的用戶操作流程(user flow),導(dǎo)致一些UI控件的交互狀態(tài)細節(jié)很容易被忽略。
其實在交互做到極度自然時豁陆,個中的細節(jié)是很難以被察覺的。正如Facebook的Julie Zhuo曾說過的:“The good design is invisble.” 這些細節(jié)倘若沒有被考慮到位,做出來的交互總覺得差點意思服球。
今天給交互設(shè)計師們提供十種基礎(chǔ)的交互狀態(tài)清單劝篷。在我們做任何UI控件時,都需要考慮到的狀態(tài)通今。當然粥谬,這并不代表所有的狀態(tài)都必須要有其獨特的設(shè)計肛根。這個清單旨在幫助設(shè)計師和前端開發(fā)在交互層面能夠考慮得更加周全。
這十種狀態(tài)是:
1. 初始狀態(tài) (可用狀態(tài))
2. 焦點狀態(tài)
3. 懸停狀態(tài)
4. 點擊狀態(tài)(手指或鼠標)
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