UX界面动效设计之视觉反馈

设计表单时，对于一些专业词汇或较难理解的概念，要给予明确的解释，有较高要求的表单信息也要给予明确的示例供用户参考。复杂的流程，还可以提供在线咨询帮助，协助用户完成整个表单的填写。当用户填写内容出错的时候，应当指明发生错误的条目，以及错误的原因，最好将反馈定位到具体位置。反馈的前提是不打扰用户，但在用户需要的时候及时出现。

1.提示反馈（输入前）

聚焦状态：光标插入输入框，当前输入框应予以不同的样式，便于用户清楚当前处于什么位置；

标签提示：针对用户容易出错的格式问题，可在标签中提示，如：字数限制、格式要求…等；

引导提示：部分完成难度较大的表单，以图表或按钮引导用户点击，用弹窗或跳转新的页面详细解答。如：需要用户填写相对隐私的信息时，请给予解释这么做的原因及目的。

2.验证反馈（输入后）

行内提示：行内提示不需要服务器上传验证的数据，就可以判断，例如手机格式，当光标离开时理解为用户输入完成，通过前端对格式进行验证；

toast提示：属于后台验证，需要服务器上传验证数据，或者其他类型的突发事件。如果是表单问题，需要有清晰的定位提示位置，就近原则，方便用户发现并修改操作。请注意错误的字段，请勿在键入后直接清除，请给用户在此基础上修改的机会，记住用户才是决定者。

弹窗提示：弹窗提示是直接打断当前的操作，同时会引导用户进行新的操作。比如成功提示，是对用户完成信息输入的提示和感谢；失败提示则会通过弹窗引导用户返回或者重新提交。

一个表单是否真的好用，还需要深入研究表单设计，从结构化的思维分析表单的设计问题，从而能够全面的认识一个事物并进行了解掌握。通过优化视觉表现提升表单体验只是表象，更多是要考虑到表单最终要帮用户解决什么问题，先想好为什么，再想怎么做。

青岛青设网络科技有限公司是国内领先设计团队和营销策划服务商，专注于5G技术下平面设计，UI设计，BS系统设计，网站开发，SEO，自媒体，百度百科知道、知乎等百家号，排行榜，删除负面，媒体发文等营销宣传。帮助企业解决5G时代三维动态化站点的设计改造，为客户提供网站一站式解决方案。