newloong,网站建设:基于用户体验和客户转化的最佳表单设计
newloong,网站建设:基于用户体验和客户转型的最佳表单设计核心内容
newloong,网站建设:基于用户体验和客户转型的最佳表单设计文本
表单是网站中与用户互动的常见形式,通常是衡量客户转型的环节。例如,订阅免费电子邮件通讯(电子新闻)需要提交表格,注册用户需要提交表格,在网站上查询也需要填写表格…..
为什么访问者在网站上停留时间长,查询或转换指标不高?也许网站上的表格阻碍了访问者。
实际上是这样。填写表格是网络访问者的一个阈值。我们不断总结网站建设工作,寻找更好的设计方法,帮助过程顺利进行。
有两个主要因素影响人们完成网页表单:
1.对复杂性的感知:当用户看到新表单时,他们会首先估计完成它需要多长时间。用户扫描表单以完成此操作。感知在估计过程中起着至关重要的作用。表单的外观越复杂,用户就越有可能放弃操作;
2.交互成本:用户投入时间和精力与界面交互,以实现他的目标。交互成本直接关系到表单的可用性。用户越努力完成表格,表格的可用性就越低。交互成本高的原因可能是由于数据难以输入、无法理解某些问题的含义或错误和混淆信息等细节。
网页表单通常由以下组成:
● 输入字段:包括文本字段、密码字段、复选框、单选按钮、滑块等需要用户输入的字段;
● 字段标签:解释用户输入字段的含义,如文本框前的您的姓名;
● 外观和结构:包括字段的顺序、页面上表单的样式以及不同字段之间的逻辑关系;
● 动作按钮:表单上至少有一个操作按钮(如提交按钮);
● 反馈信息:通知用户操作结果。例如:谢谢,表格提交成功!”或 “你提供的数字不正确”等等。
注册登录表单最佳设计细节
注册价值设置醒目登录输入框
注册是用户最不想做的事情。一般来说,用明确的价值解释可以刺激注册行为LinkedIn的做法:
表达的价值主张:在这里,连接世界。
表达的价值主张:Be great at what you do。
需要用户登录的部分直接显示输入框,而不是为用户添加登录链接。这是一种值得提倡的做法。
允许使用社交账号注册和登录网站
允许用户使用现有的社交账户(如Facebook/Twitter/Google等等)轻松登录网站或应用程序。这给用户带来了极大的便利,因为记住很多密码是一个令人头疼的问题。任何用社交账户登录的网站都会给我带来一种窃喜,你一定有这种感觉:
用户名使用电子邮件或手机号码
使用电子邮件地址或手机号码作为用户名。新名称会困扰客户(输入名称通常被占用),更容易使用电子邮件地址或手机号码。手机银行就是这样做的:
登录和注册功能需要明显区分
过去,我们经常看到网站登录(Sign in/Login)和注册(Register/Sign up)链接放在一起,很容易混淆用户,尤其是英文网站Sign in和Sign up放在一起的时候。现在尽可能将两者区别表达,如下图知乎的登录和注册(加入知乎)样式:
以下是英文购物网站的注册登录设计,区别明显:
依次高亮显示输入框,记住用户登录信息
当用户在输入框中输入内容时,文本框需要显示以提示在框中工作。需要提供一个选项:Remember Me 允许表格记住我的登录信息。然后我就不用再花时间登录这个网站了。哈哈,自由进出感觉很好。
允许用户查看密码
密码总是以圆点显示,用户无法确认输入的密码是否正确,因此允许明确显示密码。请看下图中关闭的小眼睛,充满人性。
移动用户需要显示ISD代码
ISD它是国家电话代码的缩写。对于移动注册,需要考虑识别用户的位置ISD并允许修改,如下图所示:
如果启用大写键,需要提示
然而,使用大写键的提示很少见,但从一些老网站上仍然可以看到:
需要必要的信息提示
包括输入错误的信息提示和一些重要的预防措施,如以下三个表单:
需要显示密码的强度
尽量少用下拉选项
如果你的表单中只有一个项目3-4如果需要选择参数,则不要使用下拉框样式,这样更有利于用户体验。
还有还有……
注册用户不需要重复填写Email地址;如果您的表格必须填写项目和可选填写框,则只需标记可选项:
(来源:newloong)
以上内容属于作者个人观点,不代表跨境网的立场!本文经原作者授权转载,禁止二次转载!