专注出海运营平台,解决跨境电商问题
当前位置:跨境智通山 > 其他跨境 > 正文

newloong,网站建设:基于用户体验和客户转化的最佳表单设计

2022-04-02 17:36:30 其他跨境

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)

   

   以上内容属于作者个人观点,不代表跨境网的立场!本文经原作者授权转载,禁止二次转载!