For investors
股价:
5.36 美元 %For investors
股价:
5.36 美元 %认真做教育 专心促就业
表单系统的应用在许多网页设计项目和app应用项目中都是使用频率非常高的一个设计组件,下面我们就通过案例分析来简单了解一下,表单设计应用都有哪些要点。
一、按钮布局
1、界面右上角
这是目前不管是设计还是使用,都是界面中出现频次比较高的一种方式。
这种形式适用于界面信息内容不多,并且用户的可控性比较强,在UGC的产品中较多出现。
优点:按钮的视觉层级不是很高,方便用户更专注于当前页面的填写
缺点:按钮在右上角,不太方便用户一只手操作。
2、固定在界面底部
用主题色作为按钮的主色,并且固定在界面底部位置。
优点:位于屏幕下方,方便用户点击,同时视觉层级高能够吸引用户的注意力
缺点:会遮挡表单,导致用户会错过一些信息,因此这样的按钮大部分都是会放在信息不重要或者不用完全都填写的表单界面上。
3、固定在表单底部
这里的底部与界面底部不同,这种是固定在表单的底部。
优点:符合用户的阅读习惯,同时能够引导用户将表单信息看完,因此这种比较适合用在表单有必填项目的表单中使用。
缺点:如果表单内容比较少,在视觉上就会显得很空
二、提示和验证
帮助提示大多出现在产品的登录页和隐私信息的填写界面,不同的步骤需要考虑不同的情况。
1、未填写
未填写时给与用户的提示,这种情况是常见的表单形式,将需要用户填写的表单信息给予的一定的提示和解释,安抚用户在面对大量需要填写信息时的情绪。
2、填写后
填写验证后出现报错或者不符合要求时,需要作出反馈,针对性的报错和局部的报错,都分别代表了不同的场景,个人认为针对性的报错在登录页的报错上也能够极大的提高用户的体验。
三、反馈
1、操作前
在用户未对当前页面有操作时,按钮需有不同的表现形式,让用户对操作的行为及结果有预先的心理感知。
很多操作前的按钮都会置灰,显示不可点击的状态,除了给用户提示之外,也是为了避免误操作,当然现在还有一种方法就是如果误触页面会有提示。
2、操作后
点击按钮后给页面增加一些微动效,提起用户的兴趣,同时提升表单的转化率。
【免责声明】本文系本网编辑部分转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与管理员联系,我们会予以更改或删除相关文章,以保证您的权益!更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销,赚更多好礼。