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

上网第一站

当前位置: > SEO >

目前为止用户体验度最好的表单:浮动标签式的表单(2)

时间:2018-01-26 11:27来源:A5企业专栏 作者:跌名 点击: 我来投稿获取授权
以下内容来自网络或网友投稿,www.swdyz.com不承担连带责任,如有侵权问题请联系我删除。投稿如果是首发请注明‘第一站首发’。如果你对本站有什么好的要求或建议。那么都非常感谢你能-联系我|版权认领
在移动界面中,如何控制视觉焦点是很重要的。这是因为由于屏幕的限制,用户一般都是看着界面打字的。只有他们完成了内容输入后,他们才会回过头去

  在移动界面中,如何控制视觉焦点是很重要的。这是因为由于屏幕的限制,用户一般都是看着界面打字的。只有他们完成了内容输入后,他们才会回过头去看自己输入了什么,以及输入的自动是否正确。输入框的视觉焦点越明显,用户在填写信息时会觉得越方便。下面是3种不同的表单设计模式下的输入区域的可辨识度对比:

  第一种是顶部固定标签。这种设计中输入框的字段突出,但标签的识别度不够(为了区分输入字段和标签,大部分表单都是这样设计的);

  第二种是用户输入时标签消失的设计。这种模式下字段足够突出,但是文本标签就完全看不到了,用户无法判断输入内容是否符合要求;

  第三种是浮动式标签。这种模式下标签和输入字段在色彩和尺寸上都作了区分,且边框和标签都围绕着字段,主次分明,视觉效果较好。

  

undefined

  4. 更清晰的报错反馈

  不管表单采取哪种设计模式,当用户输入信息错误时,表单都需要即时报错让用户调整内容。在这种需求下,顶部固定标签和浮动标签的设计模式都能更为清晰地传递报错信息,而输入时隐藏标签的设计则只能通过输入框的色彩来识别,相对而言可识别度较差。

  

undefined

  老实说,不管我们探究出了多少最佳的网站实例,多少最新的潮流设计趋势,我们也无法确保用户对网站的反应。因为影响用户与网站进行互动的因素实在是太多了:用户对设计趋势的熟悉程度,用户的使用习惯等等,甚至不同年龄段的用户针对同一种设计都会呈现出不同的反应。所以说,测试必不可少,毕竟实践才是检验真理的唯一渠道。在进行表单设计时,我们也要针对目标群体、不同设备等进行测试,这样才能知道哪种设计模式更符合自己的品牌特征,更能发挥效用。

  最后,小飞想说,用户填写表单时,很容易产生迟疑而放弃。要想通过表单获取用户信息、提升用户体验、提高用户转化率。我们必须尽量简化这个过程,关注每一点细微的变化,无论是标签的显示形式还是标签的颜色,尽量增强它的可用性。快来起飞页自助建站平台(?t_wd=a5)搭建一个响应式网站吧!

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