CN104598242A

CN104598242A - 利用基于web端的自然式应用交互界面实现直观操作的方法

Info

Publication number: CN104598242A
Application number: CN201510043265.4A
Authority: CN
Inventors: 陈寅; 陈豪; 蓝善根
Original assignee: Guizhou Planning & Design Institute Of Posts & Telecommunications Co Ltd
Current assignee: Guizhou Planning & Design Institute Of Posts & Telecommunications Co Ltd
Priority date: 2015-01-28
Filing date: 2015-01-28
Publication date: 2015-05-06

Abstract

本发明公开了一种利用基于WEB端的自然式应用交互界面实现直观操作的方法，包括多种操作方式，如在图形用户界面GUI中显示信息栅格IG和应用栅格AG，所述应用栅格AG为用户显示常用快捷方式，所述信息栅格IG用于为用户动态显示重要的信息和推送的通知内容。本发明的方法，能够最大程度地降低用户的学习曲线，将用户最为熟悉的交互模型沿袭和继承下来并加以丰富和完善，非常易于上手，同时，该方法使用的模型均完全脱离于传统的后台服务端，单独依靠HTML+CSS+JS的方式实现，可适用于不同的后台服务环境(如PHP、ASP.NET等)，适用性较强；以此为基础设计的设备，适用于各种类型的业务信息处理系统，能够降低开发人员、UI设计人员的冗余工作。

Description

利用基于WEB端的自然式应用交互界面实现直观操作的方法

技术领域

本发明涉及计算机技术领域，特别涉及一种利用基于WEB端的自然式应用交互界面实现直观操作的方法，还涉及一种设备。

背景技术

在现有的网页端应用系统当中，尤其以OA、MIS系统为主要业务的在线办公系统，虽在一定程度上满足了用户的功能需求，但琳琅满目的功能点仅以目录、选项卡的方式呈现，弱化了该类型软件的信息直观性和操作便利性。传统的网页端信息系统完全基于网站后台式的IFRAME结构作为UI框架，过分强调了功能上的使用而忽略了实际过程中的用户体验，致使用户的学习曲线呈几何级增长，应用系统正式上线后往往存在着“先培训、后使用”的现象，增加了用户的时间成本和软件承建方的工作成本。此外，挖掘率低下、功能隐藏层级较深、提示信息无法实际帮助用户解决困难也使得后期的运维成本不断增加，单独定制化的UI框架也难以满足功能不断扩展升级的需求，UI设计人员往往需要耗费较多的时间为新加入的功能调整大量的布局。

发明内容

有鉴于此，为了解决上述问题，本发明的目的之一是提出了利用基于WEB端的自然式应用交互界面实现直观操作的方法，克服了传统的网页端信息系统不利于用户学习上手的弊端；本发明的目的之二是提出一种基于WEB端的自然式应用交互环境用户界面实现的设备，以适用于各种类型的业务信息处理系统，降低开发人员、UI设计人员的冗余工作。

本发明的目的之一是通过以下技术方案实现的：

利用基于WEB端的自然式应用交互界面实现直观操作的方法，包括以下操作方式：

1)在图形用户界面GUI中显示信息栅格IG和应用栅格AG，所述应用栅格AG为用户显示常用快捷方式，所述信息栅格IG用于为用户动态显示重要的信息和推送的通知内容。

进一步，还包括以下操作方式：

2)在图形用户界面GUI中利用SenseWindow技术，使用者在处理业务信息时可打开多个模拟窗口DIV，在基于网页端的环境下可以实现对DIV的拽至屏幕顶端最大化窗体、拖拽至屏幕左端、右端50％最大化窗体功能；

3)在图形用户界面GUI中利用FreeDragger技术，允许用户自定义桌面栅格、快捷方式的排序，同时通过对任意快捷方式、信息栅格或应用栅格的拖拽实现快捷条与桌面的丰富、元素的删除操作。

进一步，还包括以下操作方式：

4)在图形用户界面GUI中利用SenseLauncher技术，将快捷工具条融合到系统中，通过设置始终居顶在任意窗口下浏览快捷工具条；

5)在图形用户界面GUI中利用SuperInput超级搜索条实现快速检索，而不必切换回到桌面查找；

进一步，还包括以下操作方式：

6)在图形用户界面GUI中利用SenseNotice消息推送技术，实现重要信息弹窗推送；

7)在图形用户界面GUI中利用TimeStack技术，自动为使用者保存表单、重要数据的快照。

本发明的目的之二是通过以下技术方案实现的：

该基于WEB端的自然式应用交互环境用户界面实现的设备，包括：

用于在图形用户界面GUI中显示信息栅格IG和应用栅格AG的装置，所述应用栅格AG为用户显示常用快捷方式，所述信息栅格IG用于为用户动态显示重要的信息和推送的通知内容。

进一步，还包括：

用于在图形用户界面GUI中利用SenseWindow技术，使用者在处理业务信息时可打开多个模拟窗口DIV，在基于网页端的环境下可以实现对DIV的拽至屏幕顶端最大化窗体、拖拽至屏幕左端、右端50％最大化窗体功能的装置；以及

在图形用户界面GUI中利用FreeDragger技术，允许用户自定义桌面栅格、快捷方式的排序，同时通过对任意快捷方式、信息栅格或应用栅格的拖拽实现快捷条与桌面的丰富、元素的删除操作的装置。

进一步，还包括：

在图形用户界面GUI中利用SenseLauncher技术，将快捷工具条融合到系统中，通过设置始终居顶在任意窗口下浏览快捷工具条的装置；以及

在图形用户界面GUI中利用SuperInput超级搜索条实现快速检索，而不必切换回到桌面查找的装置。

进一步，还包括：

在图形用户界面GUI中利用SenseNotice消息推送技术，实现重要信息弹窗推送的装置；以及

在图形用户界面GUI中利用TimeStack技术，自动为使用者保存表单、重要数据的快照的装置。

本发明的有益效果是：

本发明的利用基于WEB端的自然式应用交互界面实现直观操作的方法，能够最大程度地降低用户的学习曲线，将用户最为熟悉的交互模型沿袭和继承下来并加以丰富和完善，非常易于上手，同时，该方法使用的模型均完全脱离于传统的后台服务端，单独依靠HTML+CSS+JS的方式实现，可适用于不同的后台服务环境(如PHP、ASP.NET等)，适用性较强；以此为基础设计的设备，适用于各种类型的业务信息处理系统，能够降低开发人员、UI设计人员的冗余工作。

本发明的其他优点、目标和特征在某种程度上将在随后的说明书中进行阐述，并且在某种程度上，基于对下文的考察研究对本领域技术人员而言将是显而易见的，或者可以从本发明的实践中得到教导。本发明的目标和其他优点可以通过下面的说明书和权利要求书来实现和获得。

附图说明

为了使本发明的目的、技术方案和优点更加清楚，下面将结合附图对本发明作进一步的详细描述，其中：

图1为本发明操作方式一的显示屏截屏示意图；

图2为本发明操作方式二的显示屏截屏示意图(拽至屏幕顶端最大化窗体功能)；

图3为本发明操作方式二的显示屏截屏示意图(拖拽至屏幕左端、右端50％最大化窗体功能)；

图4为本发明操作方式三的显示屏截屏示意图；

图5为本发明操作方式四的显示屏截屏示意图；

图6为本发明操作方式五的显示屏截屏示意图；

图7为本发明操作方式六的显示屏截屏示意图；

图8为本发明操作方式七的显示屏截屏示意图。

具体实施方式

以下将参照附图，对本发明的优选实施例进行详细的描述。应当理解，优选实施例仅为了说明本发明，而不是为了限制本发明的保护范围。

本发明的利用基于WEB端的自然式应用交互界面实现直观操作的方法，应用于任意类型的计算机化设备，例如个人计算机、工作站、便携式计算设备、控制台、膝上型计算机等，输入设备通过I/0接口连接至处理器，使得用户能够提供输入命令，当然，本方法也可以采用安装有触摸屏的电脑设备完成。

总体来说，本发明的利用基于WEB端的自然式应用交互界面实现直观操作的方法，包括以下操作方式：

操作方式一：如图1所示，在图形用户界面GUI中显示信息栅格IG和应用栅格AG，所述应用栅格AG为用户显示常用快捷方式，所述信息栅格IG用于为用户动态显示重要的信息和推送的通知内容，作为进一步的完善，使用者还可以设置自己喜欢的桌面，只需在桌面点击右键打开壁纸库即可实现更换壁纸，SenseDesktop能够在网页端支持随机切换壁纸和自动切换壁纸。

操作方式二：如图2、图3所示，在图形用户界面GUI中利用SenseWindow技术，使用者在处理业务信息时打开多个模拟窗口DIV，在基于网页端的环境下可以实现对DIV的拽至屏幕顶端最大化窗体、拖拽至屏幕左端、右端50％最大化窗体功能；

操作方式三：如图4所示，在图形用户界面GUI中利用FreeDragger技术，允许用户自定义桌面栅格、快捷方式的排序，同时通过对任意快捷方式、信息栅格或应用栅格的拖拽实现快捷条与桌面的丰富、元素的删除操作；

操作方式四：如图5所示，在图形用户界面GUI中利用SenseLauncher技术，将快捷工具条融合到系统中，通过设置始终居顶在任意窗口下浏览快捷工具条；

操作方式五：如图6所示，在图形用户界面GUI中利用SuperInput超级搜索条实现快速检索，而不必切换回到桌面查找；作为进一步的改进，它还同时支持浏览网页功能和搜索网站(如google、百度等)联合查询功能：前者允许用户可直接输入网址打开网页浏览此时他最需要的信息，不必单独启动浏览器；后者可直接输入文字内容来进行搜索。

操作方式六：如图7所示，在图形用户界面GUI中利用SenseNotice消息推送技术，实现重要信息弹窗推送；作为进一步的改进，能在第一时间通过简短的弹窗音乐和提示文本提醒用户快速处理流程。

操作方式七：如图8所示，在图形用户界面GUI中利用TimeStack技术，自动为使用者保存表单、重要数据的快照。即使使用者出现误操作，也可以通过该功能还原到指定的时间点上。

另外，本发明基于上述方法的设计思想，还设计了基于WEB端的自然式应用交互环境用户界面实现的设备，设备包括：

(1)用于在图形用户界面GUI中显示信息栅格IG和应用栅格AG的装置，所述应用栅格AG为用户显示常用快捷方式，所述信息栅格IG用于为用户动态显示重要的信息和推送的通知内容。

(2)用于在图形用户界面GUI中利用SenseWindow技术，使用者在处理业务信息时可打开多个模拟窗口DIV，在基于网页端的环境下可以实现对DIV的拽至屏幕顶端最大化窗体、拖拽至屏幕左端、右端50％最大化窗体功能的装置；以及

(3)用于在图形用户界面GUI中利用FreeDragger技术，允许用户自定义桌面栅格、快捷方式的排序，同时通过对任意快捷方式、信息栅格或应用栅格的拖拽实现快捷条与桌面的丰富、元素的删除操作的装置。

(4)用于在图形用户界面GUI中利用SenseLauncher技术，将快捷工具条融合到系统中，通过设置始终居顶在任意窗口下浏览快捷工具条的装置；

(5)用于在图形用户界面GUI中利用SuperInput超级搜索条实现快速检索，而不必切换回到桌面查找的装置。

(6)用于在图形用户界面GUI中利用SenseNotice消息推送技术，实现重要信息弹窗推送的装置；以及

(7)用于在图形用户界面GUI中利用TimeStack技术，自动为使用者保存表单、重要数据的快照的装置。

附加的，作为本发明的一部分包括的软件可以具体化为包括计算机可用介质的计算机程序产品，如此类的计算机可用介质可以包括可读存储器设备，例如其上存储有计算机可读程序代码段的硬盘驱动器、CD-ROM、DVD-ROM或计算机磁盘，计算机可读介质也可以包括通信链路、例如光的、无线的或者有线的，其上携带有数字或者模拟信号的程序代码段。

最后说明的是，以上实施例仅用以说明本发明的技术方案而非限制，尽管参照较佳实施例对本发明进行了详细说明，本领域的普通技术人员应当理解，可以对本发明的技术方案进行修改或者等同替换，而不脱离本技术方案的宗旨和范围，其均应涵盖在本发明的权利要求范围当中。

Claims

1.利用基于WEB端的自然式应用交互界面实现直观操作的方法，其特征在于：包括以下操作方式：

2.根据权利要求1所述的利用基于WEB端的自然式应用交互界面实现直观操作的方法，其特征在于：还包括以下操作方式：

3.根据权利要求2所述的利用基于WEB端的自然式应用交互界面实现直观操作的方法，其特征在于：还包括以下操作方式：

5)在图形用户界面GUI中利用SuperInput超级搜索条实现快速检索，而不必切换回到桌面查找。

4.根据权利要求3所述的利用基于WEB端的自然式应用交互界面实现直观操作的方法，其特征在于：还包括以下操作方式：

5.基于WEB端的自然式应用交互环境用户界面实现的设备，其特征在于：所述设备包括：

6.根据权利要求5所述的基于WEB端的自然式应用交互环境用户界面实现的设备，其特征在于：还包括：

用于在图形用户界面GUI中利用FreeDragger技术，允许用户自定义桌面栅格、快捷方式的排序，同时通过对任意快捷方式、信息栅格或应用栅格的拖拽实现快捷条与桌面的丰富、元素的删除操作的装置。

7.根据权利要求6所述的基于WEB端的自然式应用交互环境用户界面实现的设备，其特征在于：还包括：

用于在图形用户界面GUI中利用SenseLauncher技术，将快捷工具条融合到系统中，通过设置始终居顶在任意窗口下浏览快捷工具条的装置；以及

用于在图形用户界面GUI中利用SuperInput超级搜索条实现快速检索，而不必切换回到桌面查找的装置。

8.根据权利要求7所述的基于WEB端的自然式应用交互环境用户界面实现的设备，其特征在于：还包括：

用于在图形用户界面GUI中利用SenseNotice消息推送技术，实现重要信息弹窗推送的装置；以及

用于在图形用户界面GUI中利用TimeStack技术，自动为使用者保存表单、重要数据的快照的装置。