通常交互设计稿子里突出的重点是围绕某个功能性需求的用户操作流程(user flow),导致一些UI控件的交互状态细节很容易被忽略。
其实在交互做到极度自然时,个中的细节是很难以被察觉的。正如Facebook的Julie Zhuo曾说过的:“The good design is invisble.” 这些细节倘若没有被考虑到位,做出来的交互总觉得差点意思。
今天给交互设计师们提供十种基础的交互状态清单。在我们做任何UI控件时,都需要考虑到的状态。当然,这并不代表所有的状态都必须要有其独特的设计。这个清单旨在帮助设计师和前端开发在交互层面能够考虑得更加周全。
这十种状态是:
1. 初始状态 (可用状态)
2. 焦点状态
3. 悬停状态
4. 点击状态(手指或鼠标)
5. 浏览历史状态(针对文字链接或无框按钮)
6. 禁用状态
7. 选中状态
8. 加载状态
9. 取消状态(又称Secondary call to action,通常是让用户撤销操作的控件)
10. 错误状态(针对于表单类控件)
参考来源:Liz Brown | The Accessibility How-To Guide for UX Designers | Access full course via: linktr.ee/LizBrownUX
网友评论