|
Twitter优势:①距离键盘位置最近,方便输入完立即提交;②不会被键盘阻挡适用于:表单内容简单不易出错,且内容以输入为主,输入后需要快速提交。 4. 随表单移动
Twitter/美团外卖优势:①符合用户从上至下的阅读方向;②可以促进用户完成整个表单适用于:表单内容少于一页,按钮最靠近表单;或表单内容很长,需要引导用户全部填写。 四种常见方式各有优势,需要根据实际情况选择最适合的方式。 7. 给表单的设计加入微交互 其实市面上已经有许多新的表单设计形式慢慢普及开来了,但是要在使用之前思考你正在为谁而设计,它们是否适合你的项目,你的表单是否确实需要使用微交互。
Health App Loginby Jakub Antalík in Health app on Mar 10, 2016下面这个链接中就可以看到不少有趣的关于输入框的动效形式。https://tympanus.net/Development/TextInputEffects/这些例子中的微交互非常有趣,它们可以提起用户的兴趣,提升用户注册的转化率。 总结一个表单是否“好用”,视觉体验只占了整体体验一部分,初级设计师能很轻易的复制一个高级设计师设计出的表单的样式,但是其中的思考却无法直接拿来。作为UI设计师,我们需要谨记的是,通过优化视觉表现提升表单体验只是表象,更多是要考虑到表单最终要帮用户解决什么问题,表单对于你的产品或项目起到了什么作用。换言之,先想好为什么,再想怎么做。 参考链接 1. Three Best Form Design Practices for your design process--Ken Lee-Sanekata https://uxplanet.org/3-best-form-design-practices-for-your-design-process-383510b31613 2. 常见的表单设计,如何最大化提升用户体验? https://www.jianshu.com/p/9e32d5f027a4 3. 如何打造一个高可用性网页表单设计? https://www.jianshu.com/p/af8addad08fd 以上是我个人的一些看法和总结,如有不对的地方欢迎指正和讨论~~如果对你有帮助 顺手赞一个吧~ (责任编辑:admin) |







