DAY7 十种基础交互状态

通常交互设计稿子里突出的重点是围绕某个功能性需求的用户操作流程(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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容