热线电话
13321960829

Website News

网站建设相关文章资讯

您现在的位置:
主页 建站资讯 网站设计
58设计师分享用户体验度极高的表单输入设计
发布时间:2018-07-03 11:20
表单是收集用户信息的一个形式,大多数情况下用户在填写表单时只想简单又快速,因为如果要填写的东西过多,比如58赶集网之类的,要填的东西很多。
先来总结一下表单的三种状态,1.默认状态(没输入信息之前,一般会有灰色字体提示用户需要填写什么类型的信息)2.焦点状态(用户正在输入信息时的状态,能够更好的与表单交互并完成信息填写)3.反馈状态(用户填写完信息后,这个状态能够判断并反馈给用户信息填写是否有误。)
总结完这3点58设计师给大家分享几招如何设计表单才能提高用户体验性呢?
 


 
 
一、聚焦重要信息,让用户快速理解文体意思
 
表单默认状态时,通常会有灰色字体提示用户该填什么类型的信息和填写的各种规则,让用户快速准确的填写好信息。
 
下面来看一组复杂的58发布简历的表单设计,通过这个表单来给大家分享如何在不同状态下收集最重要的信息,减少用户理解文本的时间成本是设计的重要部分。
 
这里是信息输入前聚焦重要提示内容,输入中聚焦规则信息,输入后聚焦结果内容。让用户在不同状态下,聚焦核心信息,减少认知成本,提高输入效率。让用户快速准确的填好信息。
 
 



 
二、联动键盘输入提高输入效率
 
 
避免用户觉得输入同样类型的信息麻烦,可以整合表单信息字段,将同类型的字段进行合并,同时结合输入控件,设计联动式组件,让用户在表单输入时更加高效。
 
在58简历发布改版项目中,我们设计了联动键盘,改变用户的输入方式,提高用户输入效率。


 


 
三、快速反馈信息
 
无论是规则引导还是错误提示,都要在用户输入时实时进行反馈与提醒,合理有序的向用户传递规则信息,可以有效减少表单页面中无效信息的同时,使信息传递更加具有通用性和规范性。
 
在联动式键盘中增加提示信息,帮助用户在输入过程中及时了解输入规则。
 
1. 规则信息提示
 
在用户输入时不再消失输入规则,而将提示文案与联动式键盘相结合,辅助用户正确完成信息填写。
 
 


 
2. 立即反馈
 
输入信息时,为了减少错误信息填写,将错误以高度可见的形式实时告知用户,降低客户出错率以及跳出率。
 

 
3.对话式引导
合理的规则提示、实时的错误反馈,友好的对话引导,会降低用户出错带来的挫败感,提升正确率,提高用户信任度和转化率。
 
四、合理的规划层级




 
 
1. 自动填写/匹配预设值, 减少用户输入
 
表单的自动填写或自动匹配功能,能够帮助用户降低输入负荷、提升填写效率。
 
在对表单设计时,以下四种情况,可自动填写或匹配表单信息:
 
将用户在平台中已输入的相同信息自动带入表单;
将通过移动设备各种传感器获取准确的信息自动带入表单,如用户当前定位可通过移动手机的 GPS 获取;
将内容相关联的信息通过匹配分析自动带入表单,如用户输入身份证号后,可根据第7-14位获取出生日期、第17位数字获取用户性别,为用户自动将匹配信息带入表单。赶集房产发布,将旧版的「选择区域」与「小区名称」调换位置,用户先输入小区名称,后台数据即可通过小区定位,自动匹配小区所在区域。通过此设计用户即可减少一项表单的填写,提升填写效率。
 
赶集房产发布,将旧版的「选择区域」与「小区名称」调换位置,用户先输入小区名称,后台数据即可通过小区定位,自动匹配小区所在区域。通过此设计用户即可减少一项表单的填写,提升填写效率。
 
 
2. 按步骤分解复杂表单,拆分任务
 
表单是收集用户信息的一种方式,并不是每个表单都是简短的,多数情况下我们需要用户填写大量繁琐的信息。对于这样复杂的表单,在设计上合理分组、引导用户分步完成表单的填写是很重要,不但可以降低用户对冗长表单的填写压力,同时能够缓解对复杂、较长表单的恐惧感。
 
 
58简历发布,将繁杂的填写信息进行合理划分、重新定义新表单的页面规则。
 
整个表单填写分为三步:
 
用户基本信息填写:姓名、性别等;
求职意向填写:期望职位、薪资、求职区域;
完善简历:基础简历创建成功后,引导用户填写选填信息,使简历内容更加丰富,当然此时用户也可直接发布基础简历。
对用户来说,分步填写信息不仅缓解了对复杂表单的恐惧感,而且能够对填写的内容更聚焦。
 
 
3. 运用动效提示信息层级关系, 避免用户迷失
 
合理的运用动效,能够通过覆盖、滑出、推移等动效设计帮助用户构建界面空间与信息层级关系,避免用户在一级页面与二级页面的表单切换中迷失,同时统一的转场效果能够让用户在复杂的操作中,抓住最核心的表单页面。
 
 
 
五、独立的任务细分
 
从扁平的任务平铺到更加沉浸独立的任务细分,分支流程,在一个控件内快速完成整个流程,减少整体表单页面信息压力的同时,也让单个任务的完成更加专注和聚焦。
 
 
总结:聚焦重要信息,让用户快速理解文体意思;联动键盘输入提高输入效率;快速反馈信息;合理的规划层级;独立的任务细分让表单输入流程更加方便、快速。58设计师最新分享,体验升级,通过他们的实验,用户输入表单的时
时间缩短了,越来越多人愿意填写58表单,用户体验性极强。
 
 
 

相关文章

友情链接:上海网站建设公司 | 上海电商开发 |