一种更新界面显示方法及装置的制造方法

文档序号:8299213阅读:266来源:国知局
一种更新界面显示方法及装置的制造方法
【技术领域】
[0001]本发明涉及网页处理领域,尤其涉及一种更新界面显示方法及装置。
【背景技术】
[0002]互联网高速发展,网站的内容也越来越丰富。在实际应用中,由于要更新内容,因此,需要经常对网页版本进行更新。在网页版本更新之后,网站的运行方有需要让用户获知宄竟更新了哪些内容,但是,若不是整体版面的改动,用户很难留意到更新的新内容,因此网页版本升级后的新功能就难以让用户在第一时间知悉。
[0003]在现有技术中,为了让用户了解网站更新的功能,在用户访问更新后的网站时,会进行新功能引导,即用户访问网站时,网站给出一些提示性信息来引导用户去了解网站改版后新增的功能。
[0004]—个网站的新功能引导做得好不好除了关系到新功能有没有及时被用户了解之夕卜,还直接影响到用户对网站的印象。尤其对于电商网站来说,新功能引导做得好不好,直接关系到用户体验,从而从一定程度上对了用户是否会在这个网站上购物产生影响。
[0005]现今很多网站都提供了新功能的引导来提高用户体验,这些网站大都采用通过几张说明图片的方式来展现网站新增的功能,还有的就是通过网页背景颜色的调整来高亮突出需要展示的那部分功能的所在,从而把用户的视觉焦点集中在需要告知用户的新功能上面。
[0006]现有新功能引导仅仅通过几张的说明图片向用户展现新功能,但由于把所有内容都集中在几张图片上面,未能把新功能以非常直观的方式告知用户。用户看完这些介绍图片后,还是难以了解并应用网站的新功能。因此,现有的网站的新功能引导的做法不能很好的起到引导作用,反而会令用户产生厌烦,敬而远之,并且后续的维护成本高,给网站开发的程序员带来不必要的额外工作量。

【发明内容】

[0007]本发明实施例提供了一种更新界面显示方法及装置,用于为用户提供便捷明了的网站新功能引导。
[0008]本发明实施例第一方面提供的更新界面显示方法,包括:
[0009]更新界面显示装置获取第一截图界面和第二截图界面,所述第一截图界面为更新前的用户操作界面,所述第二截图界面为更新后的用户操作界面,所述第一截图界面和所述第二截图界面属于同一个链接层级;
[0010]所述更新界面显示装置将所述第一截图界面和所述第二截图界面进行图像对比,确定所述第一截图界面和所述第二截图界面的区别部分;
[0011 ] 所述更新界面显示装置同时显示所述第一截图界面和所述第二截图界面。
[0012]在第一方面的第一种可能实现的方法中,所述将所述第一截图界面和所述第二截图界面进行图像对比,确定所述第一截图界面和所述第二截图界面的区别部分,包括:
[0013]通过比较所述第一截图界面和所述第二截图界面的红绿蓝RGB值,确定所述第一截图界面和所述第二截图界面为不同的图像;
[0014]根据所述第一截图界面和所述第二截图界面在不同图像区域的RGB值,确定所述第一截图界面和所述第二截图界面的区别部分,并获取所述区别部分的在所述第一截图界面或所述第二截图界面中的坐标区域。
[0015]在第一方面的第二种可能实现的方法中,所述同时显示所述第一截图界面和所述第二截图界面之前,包括:
[0016]将所述第一截图界面和所述第二截图界面进行模块化处理,并建立第一模块与第二模块的映射关系;所述第一模块为所述模块化处理后在所述第一截图界面的目标坐标区域中的图像,所述第二模块为所述模块化处理后在所述第二截图界面的目标坐标区域中的图像,所述目标坐标区域为所述区别部分在所述第一截图界面或所述第二截图界面中的坐标区域;
[0017]在所述第一模块或所述第二模块中设置点击响应事件。
[0018]结合第一方面的第二种可能实现的方法,在第三种可能实现的方法中,所述同时显示所述第一截图界面和所述第二截图界面之后,包括:
[0019]在所述第一截图界面或所述第二截图界面中接收用户发送的点击指令,若在所述第一模块或所述第二模块中接收到所述点击指令,则触发相应的点击响应事件。
[0020]结合第一方面的第二或三种可能实现的方法,在第四种可能实现的方法中,所述点击响应事件包括:
[0021]突出显示所述第一模块和所述第二模块;
[0022]或,
[0023]进入所述第二模块中的链接界面;
[0024]或,
[0025]弹窗显示所述第二模块的介绍界面。
[0026]在第一方面的第五种可能实现的方法中,所述同时显不所述第一截图界面和所述第二截图界面,包括:
[0027]同时显示所述第一截图界面和所述第二截图界面,并突出显示所述第一截图界面和所述第二截图界面的区别部分。
[0028]本发明实施例第二方面提供的更新界面显示装置,包括:
[0029]截图获取单元,用于获取第一截图界面和第二截图界面,所述第一截图界面为更新前的用户操作界面,所述第二截图界面为更新后的用户操作界面,所述第一截图界面和所述第二截图界面属于同一个链接层级;
[0030]图像对比单元,用于将所述第一截图界面和所述第二截图界面进行图像对比,确定所述第一截图界面和所述第二截图界面的区别部分;
[0031 ] 显示单元,用于同时显示所述第一截图界面和所述第二截图界面。
[0032]在第二方面的第一种可能实现的方法中,所述图像对比单元具体用于:
[0033]通过比较所述第一截图界面和所述第二截图界面的红绿蓝RGB值,确定所述第一截图界面和所述第二截图界面为不同的图像;
[0034]根据所述第一截图界面和所述第二截图界面在不同图像区域的RGB值,确定所述第一截图界面和所述第二截图界面的区别部分,并获取所述区别部分的在所述第一截图界面或所述第二截图界面中的坐标区域。
[0035]在第二方面的第二种可能实现的方法中,所述图像对比单元具体还用于:
[0036]将所述第一截图界面和所述第二截图界面进行模块化处理,并建立第一模块与第二模块的映射关系;所述第一模块为所述模块化处理后在所述第一截图界面的目标坐标区域中的图像,所述第二模块为所述模块化处理后在所述第二截图界面的目标坐标区域中的图像,所述目标坐标区域为所述区别部分在所述第一截图界面或所述第二截图界面中的坐标区域;
[0037]在所述第一模块或所述第二模块中设置点击响应事件。
[0038]结合第二方面的第二种可能实现的方法,在第三种可能实现的方法中,所述装置还包括:
[0039]点击响应单元,用于在所述第一截图界面或所述第二截图界面中接收用户发送的点击指令,若在所述第一模块或所述第二模块中接收到所述点击指令,则触发相应的点击响应事件。
[0040]结合第二方面的第二或三种可能实现的方法,在第四种可能实现的方法中,所述点击响应事件包括:
[0041]突出显示所述第一模块和所述第二模块;
[0042]或,
[0043]进入所述第二模块中的链接界面;
[0044]或,
[0045]弹窗显示所述第二模块的介绍界面。
[0046]在第二方面的第五种可能实现的方法中,所述显示单元还用于:
[0047]同时显示所述第一截图界面和所述第二截图界面,并突出显示所述第一截图界面和所述第二截图界面的区别部分。
[0048]从以上技术方案可以看出,本发明实施例具有以下优点:
[0049]在本发明实施例中,更新界面显示装置会先获取第一截图界面和第二截图界面,所述第一截图界面为更新前的用户操作界面,所述第二截图界面为更新后的用户操作界面,再将所述第一截图界面和所述第二截图界面进行图像对比,确定所述第一截图界面和所述第二截图界面的区别部分;最后同时显示所述第一截图界面和所述第二截图界面,使得用户可以通过新旧界面对比的方式直接明了的获知新的更新内容,而这种处理方式也便于网站的维护人员对更新后的网站界面进行维护。
[0050]并且,进一步的,用户在对比第一截图界面和第二截图界面时,在发现新旧操作界面的区别部分之后,可以点击该区别部分,更新界面显示装置就会出现“区别查找成功”之类的提示语,并显示出相应的新功能介绍说明界面,使得用户以游戏的方式主动去发现网页更新后的新功能,既能便于用户了解更新后的新功能,也同时深刻了用户对该新功能的印象,提高了用户体验。
【附图说明】
[0051]图1是本发明实施例更新界面显示方法的一个流程示意图;
[0052]图2是本发明实施例更新界面显示方法的另一个流程示意图;
[0053]图3是本发明实施例更新界面显示装置的逻辑结构示意图。
【具体实施方式】
[0054]下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
[0055]在本发明的各个实施
当前第1页1 2 3 4 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1