让用户体验更优化 Destoon变必填项为选填项修改方法

2017-05-21 admin

Destoon是B2B开源系统中较为优秀的CMS之一,被广泛用于各类行业网站(B2B)网站的建设。但其注册过程、资料修改流程等步骤,原程序设计的参数之复杂,必填项目之多,又多少拖累了用它搭建的各种网站的用户体验。

网站用户都希望5秒注册,并尽快在网站上开始其操作,但Destoon的注册系统却比较复杂,注册成功之后,到发布信息之前,用户还需要完成【资料完善】步骤,其中包括企业的主营范围、企业成立年份、企业经营地址、企业简介又都是必填项目,导致用户从注册到最终能够发布信息这一过程较为“漫长”,甚至直接导致部分“懒惰用户”放弃网站注册,造成用户流失。

我们当然能理解Destoon的产品经理和程序员,希望Destoon的完善的注册及资料完善步骤,来帮助网站筛选优质客户,因为一个优质的客户不会因为注册步骤繁琐而轻易放弃注册和使用,严禁复杂的资料完善流程也使得客户资料详尽,对后续网站经营有帮助。

但目前的现实是,行业网站充分竞争,同类网站多如牛毛,甚至同一CMS的竞争网站也比比皆是,在这种情况下,如果一个网站,不能优化和修改Destoon的繁琐注册及完善资料流程,则很有可能把目标用户推给竞争对手网站。

最近在操作搭建测试的一个B2B站点的过程中,尝试对Destoon注册及资料完善阶段的所有步骤进行普通用户操作模拟,发现连我这IT人都很受折磨,可想而知,对计算机及网站本身就不是特别擅长的传统企业的企业主和经营人员,操作过程有多么痛苦。

于是下决心简化注册流程,并减少注册及完善资料过程中的必填项,至少把一些没必要的必填项目,改为选填项目,以优化用户体验。

鉴于Destoon后台没有随意控制选填必填开关的设置功能,因此只有修改模板及对应php文件。网络上及Destoon官方交流论坛,此话题虽然有用户提及,但基本没有一个完善有效的解决方法。现将此次细节优化的方法介绍如下:

所用语法:

/* */用于注释掉某些非必要的判断语句

修改的文件及路径如下:

前台:

文件路径:/根目录/lang/zh-cn/

编辑文件:member.inc.php

修改其中一些提示信息(如,将【资料修改成功】改为【资料修改成功,您可以发布信息了】)

文件路径:/根目录/template/default/member/

编辑文件:edit.htm

注释掉判断语句 :/* 需要注释掉的判断语句*/

第329行开始,修改为如下:

/*if($(‘business’).value.length < 10) {
Tab(2);
Dmsg(‘主要经营范围最少10字’, ‘business’);
return false;
}
/*if($(‘regyear’).value.length < 4) {
Tab(2);
Dmsg(‘请填写公司成立年份’, ‘regyear’);
return false;*/
}
/*if($(‘address’).value.length < 5) {
Tab(3);
Dmsg(‘请填写详细地址’, ‘address’);
return false;*/
}
/*if($(‘telephone’).value.length < 6) {
Tab(3);
Dmsg(‘请填写公司电话’, ‘telephone’);
return false;*/
}
/*if(FCKLen(‘introduce’) < 50) {
Tab(4);
Dmsg(‘公司介绍不能少于50字,当前已经输入’+FCKLen(‘introduce’)+’字’, ‘introduce’);
return false;*/

去掉红星必填提示:

删除对应字段汉字后的*即可;

后台:

前台用户的资料完善界面改了,对应后台管理员添加和编辑会员的功能也要做相应修改:

文件路径:/根目录/module/member/admin/template/

修改文件:member_add.tpl.php (控制后台添加会员)

注释掉判断语句 :/* 需要注释掉的判断语句*/

第257行开始,把需要修改的字段判断语句修改为:

/*if($(‘business’).value.length < 2) {
Dmsg(‘请填写主要经营范围’, ‘business’);
return false;*/
}
/*if($(‘regyear’).value.length < 4) {
Dmsg(‘请填写公司成立年份’, ‘regyear’);
return false;*/
}
/*if($(‘address’).value.length < 2) {
Dmsg(‘请填写业务部门工作地点’, ‘address’);
return false;*/
}
/*if($(‘telephone’).value.length < 6) {
Dmsg(‘请填写公司电话’, ‘telephone’);
return false;*/
}
/*if(FCKLen(‘introduce’) < 5) {
Dmsg(‘公司介绍不能少于5字,当前已经输入’+FCKLen(‘introduce’)+’字’, ‘introduce’);
return false;*/

去掉红色星号必填提示:

删除对应字段汉字后的*即可;

member_edit.tpl.php(后台会员资料编辑)同member_add.tpl.php 文件的操作即可。

其他

修改完htm后,有些系统还在其他php文件中加入一些判断语句,这就需要我们继续同步修改,确保万无一失:

文件路径:/根目录/module/member/

修改文件:member.class.php

用上述相同方法注释掉相关字段的判断语句。


模板坊版权所有 京ICP备16066985号-2 京公网安备11010602022036号

100041

QQ:504895209

— 努力创造优质作品,奉献更多精品佳作 —

模板坊 - APP应用开发|网站建设|平面设计