第一站 - 轻松上网从此开始!

上网第一站

当前位置: > SEO >

表单设计进阶——7招提升表单体验(3)

时间:2018-02-18 16:18来源:我来投稿获取授权
以下内容来自网络或网友投稿,www.swdyz.com不承担连带责任,如有侵权问题请联系我删除。投稿如果是首发请注明‘第一站首发’。如果你对本站有什么好的要求或建议。那么都非常感谢你能-联系我|版权认领
Twitter优势:①距离键盘位置最近,方便输入完立即提交;②不会被键盘阻挡适用于:表单内容简单不易出错,且内容以输入为主,输入后需要快速提交。

  Twitter优势:①距离键盘位置最近,方便输入完立即提交;②不会被键盘阻挡适用于:表单内容简单不易出错,且内容以输入为主,输入后需要快速提交。

  4. 随表单移动

表单设计进阶——7招提升表单体验

  Twitter/美团外卖优势:①符合用户从上至下的阅读方向;②可以促进用户完成整个表单适用于:表单内容少于一页,按钮最靠近表单;或表单内容很长,需要引导用户全部填写。

  四种常见方式各有优势,需要根据实际情况选择最适合的方式。

  7. 给表单的设计加入微交互

  其实市面上已经有许多新的表单设计形式慢慢普及开来了,但是要在使用之前思考你正在为谁而设计,它们是否适合你的项目,你的表单是否确实需要使用微交互。

Image title

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)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发布者资料
第一站编辑 查看详细资料 发送留言 加为好友 用户等级:注册会员 注册时间:2012-05-22 19:05 最后登录:2014-08-08 03:08
栏目列表
推荐内容
分享按鈕