CN110574001A - 一种对所显示的内容的板块进行导航的方法 - Google Patents
一种对所显示的内容的板块进行导航的方法 Download PDFInfo
- Publication number
- CN110574001A CN110574001A CN201880011656.XA CN201880011656A CN110574001A CN 110574001 A CN110574001 A CN 110574001A CN 201880011656 A CN201880011656 A CN 201880011656A CN 110574001 A CN110574001 A CN 110574001A
- Authority
- CN
- China
- Prior art keywords
- navigation
- slab
- display
- navigation module
- user
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 39
- 238000012545 processing Methods 0.000 claims abstract description 9
- 230000000694 effects Effects 0.000 claims description 2
- 230000000977 initiatory effect Effects 0.000 claims description 2
- 230000007704 transition Effects 0.000 claims description 2
- 230000000007 visual effect Effects 0.000 description 3
- 238000004891 communication Methods 0.000 description 2
- 238000010586 diagram Methods 0.000 description 2
- 238000003825 pressing Methods 0.000 description 2
- 230000001960 triggered effect Effects 0.000 description 2
- 230000009471 action Effects 0.000 description 1
- 238000013459 approach Methods 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 230000007423 decrease Effects 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000006870 function Effects 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 230000008569 process Effects 0.000 description 1
- 238000003860 storage Methods 0.000 description 1
- 238000013519 translation Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0485—Scrolling or panning
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/50—Information retrieval; Database structures therefor; File system structures therefor of still image data
- G06F16/54—Browsing; Visualisation therefor
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0482—Interaction with lists of selectable items, e.g. menus
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0483—Interaction with page-structured environments, e.g. book metaphor
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
- G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
- G06F2203/048—Indexing scheme relating to G06F3/048
- G06F2203/04806—Zoom, i.e. interaction techniques or interactors for controlling the zooming operation
Abstract
提供了一种对所显示的内容的板块进行导航的方法,该方法包括:具有图形数据(24)的多个图像文件(20)、计算设备(10)以及用来导航和显示图像文件(20)的导航模块(50)。计算设备(10)包括:存储器设备(15);中央处理单元(16),其通过执行计算和运行导航模块来操纵存储在存储器设备(15)中的数据;以及具有显示区域(12a)的用户界面(12),以允许用户访问多个图像文件(20),这些图像文件在显示区域(12a)中提供所显示的图形数据(24)的顺序并置的板块(19)。导航模块(50)由中央处理单元(16)运行,以在用户跨显示区域(12a)平移来选择所选择的板块(19a)时,允许用户在板块(19)的显示模式和板块(19)的导航模式之间切换。
Description
相关申请的交叉引用
本申请要求于2017年1月13日递交的美国临时专利申请No.62/446,065的优先权。
技术领域
本发明涉及一种对通用用户界面上的所显示的内容的板块进行导航的方法,更具体地,涉及一种对通用用户界面上的所显示的内容的顺序并置的板块进行导航的方法。
背景技术
传统的纸质出版总是允许单个页面的布局使用多个逻辑内容板块。示例包括:1)报纸和杂志,其用侧边栏出版故事,提供不易归入作品文本的信息,和图形插图,其提供图或照片或其他非文本内容,增强了读者的体验;以及2)漫画书,其中一个页面由多个彼此相关的板块构成。大多数人经常使用的触摸屏计算设备(例如,智能手机和平板电脑)的屏幕不像传统出版页面那么大,因此在更小的空间中采用传统的页面布局技术会产生不太理想的阅读体验,或者是主要文本以外的逻辑内容板块被降为文本末尾的链接,或者以与正在观看的设备的屏幕大小比例不一致的方式呈现,或者要求用户手动进行不方便的放大和缩小,或者有时将它们完全省略。这里,本发明允许用户进入特定逻辑内容板块的放大视图并查看其内容,并通过使用触摸屏轻扫手势将放大内容的焦点改变为相邻逻辑内容板块。
美国专利No.8,301,999涉及一种用于在数字产品中对数字化漫画书或其他说明性场景序列进行自动导航的方法和系统。该方法和系统提供两种观看模式:第一观看模式,其中页面在显示屏幕上整体可见,而不需要从视觉上区别一个板块和其他板块;以及第二观看模式,其中说明性场景序列之一被视觉增强,因此一个所显示的说明性场景比相邻的说明性场景更容易被察觉,并且每个所显示的说明性场景的尺寸与数字产品内的其他板块中的每个板块的尺寸无关。该方法或系统的用户可以请求第一观看模式或第二观看模式。该方法和系统可以在本地或远程控制和存储。因此,在对故事情节框架序列的场景进行导航中,这是一种非常广泛的方法。
更具体地,‘999专利的重点是产生一种显示体验,更具体地,利用视觉增强显示说明性场景序列中的每一个,使得指定顺序内的每个所显示的说明性场景比相邻说明性场景更容易被察觉,其中每个所显示的说明性场景的尺寸与数字产品内的每个板块的尺寸无关。因此,经增强的框架的视觉增强及其尺寸与原始序列中的任何板块的尺寸无关,意味着它们不对应。例如,如图10A和图12B所示,经增强的板块1004被截短,而原始板块1204被延长,这产生了独特的视觉效果。这是对原始框架不成比例的显示。
此外,’999专利使用户关注特定动作,例如选择按钮、通过操纵鼠标或其他输入装置来启动导航控制按钮……以便点击按钮、将光标或其他位置指示符定位在板块上、或者通过点击特定板块。随着触摸屏设备的不断发展,需要使用轻扫对内容进行导航。
因此,期望提供一种方法和相关工具,以通过使用诸如轻扫之类的简单命令切换顺序单元的屏幕视图来提高用户对数字化内容进行导航的能力。
发明内容
因此,提供了一种在通用用户界面上对所显示的内容的顺序并置的板块进行导航的方法。一般地,系统包括:具有图形数据的多个图像文件、计算设备、和对图像文件进行导航和显示的导航模块。计算设备包括:存储器设备、中央处理单元,其通过执行计算和运行导航模块来操纵存储在存储器设备中的数据;以及具有显示区域的用户界面,以允许用户访问多个图像文件,这些图像文件在显示区域中提供所显示的图形数据的顺序并置的板块。导航模块由中央处理单元运行,以在用户跨显示区域平移来选择所选择的板块时,允许用户在板块的显示模式和板块的导航模式之间切换。
附图说明
现在将参考附图通过示例描述本发明,在附图中:
图1是根据本发明的显示系统的硬件和网络基础架构的流程图;
图2是根据本发明的显示系统的连接设备的示意图;
图3是根据本发明的显示系统的显示模块的图形表示,示出了具有多个顺序并置的板块的通用用户界面;
图4是使用根据本发明的导航模块在显示区域的顺序并置的板块之间进行导航的显示系统的图形表示;
图5是使用根据本发明的导航模块的显示系统的图形表示,示出了显示区域的顺序并置的板块中的所选择的板块;
图6是图5的显示系统的图形表示,示出了在显示区域的顺序并置的板块之间进行导航的线性手势的第一步骤;
图7是图6的显示系统的图形表示,示出了在显示区域的顺序并置的板块之间进行导航的线性手势的后续步骤;
图8是图7的显示系统的图形表示,示出了在显示区域的顺序并置的板块之间进行导航的线性手势的另一后续步骤;
图9是图8的显示系统的图形表示,示出了在显示区域的顺序并置的板块之间进行导航的线性手势的另一后续步骤;
图10是图9的显示系统的图形表示,显示通过线性手势在显示区域的顺序并置的板块之间进行导航而选择的后续板块;
图11是使用根据本发明的导航模块的显示系统的图形表示,示出了显示区域的顺序并置的板块中的所选择的板块;
图12是图11的显示系统的图形表示,示出了在显示区域的顺序并置的板块之间进行导航的线性手势的第一步骤;
图13是图12的显示系统的图形表示,示出了在显示区域的顺序并置的板块之间进行导航的线性手势的后续步骤;
图14是图13的显示系统的图形表示,示出了在显示区域的顺序并置的板块之间进行导航的线性手势的另一后续步骤;
图15是图14的显示系统的图形表示,显示通过线性手势在显示区域的顺序并置的板块之间进行导航而选择的后续板块;
图16是使用根据本发明的导航模块的显示系统的图形表示,示出了显示区域的顺序并置的板块中的所选择的板块;
图17是图16的显示系统的图形表示,示出了在显示区域的顺序并置的板块之间进行导航的线性手势的第一步骤;
图18是图17的显示系统的图形表示,示出了在显示区域的顺序并置的板块之间进行导航的线性手势的后续步骤;
图19是图18的显示系统的图形表示,示出了在显示区域的顺序并置的板块之间进行导航的线性手势的另一后续步骤;
图20是图19的显示系统的图形表示,示出了在显示区域的顺序并置的板块之间进行导航的线性手势的另一后续步骤;
图21是图20的显示系统的图形表示,显示通过线性手势在显示区域的顺序并置的板块之间进行导航而选择的后续板块;
图22是使用根据本发明的导航模块的显示系统的图形表示,示出了显示区域的顺序并置的板块中的所选择的板块;
图23是图22的显示系统的图形表示,示出了在显示区域的顺序并置的板块之间进行导航的线性手势的第一步骤;
图24是图23的显示系统的图形表示,示出了在显示区域的顺序并置的板块之间进行导航的线性手势的后续步骤;
图25是图24的显示系统的图形表示,示出了在显示区域的顺序并置的板块之间进行导航的线性手势的另一后续步骤;
图26是图25的显示系统的图形表示,示出了在显示区域的顺序并置的板块之间进行导航的线性手势的另一后续步骤;
图27是图26的显示系统的图形表示,示出了在显示区域的顺序并置的板块之间进行导航的线性手势的另一后续步骤;以及
图28是图27的显示系统的图形表示,显示通过线性手势在显示区域的顺序并置的板块之间进行导航而选择的后续板块;
具体实施方式
现在将参考包括附图在内的实施例更详细地描述本发明。
将通过如图所示的示例性实施例来描述根据本发明的显示系统1。一般地,显示系统1采用软件和硬件,以通过通用用户界面对所显示的内容的顺序并置的板块进行导航。
首先参考图1,将描述显示系统1的实施例的硬件基础架构。在示例性实施例中,显示系统1构建在网络路由器2(例如,无线路由器)上并连接到数据库服务器4,同时还利用已知的硬件组件,包括web服务器6、防火墙8、网络9和计算设备10。
显示系统1允许用户通过计算设备10访问包括图形数据24(例如,信息和图像)的多个图像文件20,以及连接到web服务器6的数据库服务器4(即,SQLServer或WindowsServer2012或更新版本)上的网络业务信息。web服务器6用作网络路由器2通过计算设备10和数据库服务器4之间的应用编程接口(API)与数据库服务器4通信的一种方式。防火墙8被集成用于安全目的,例如但不限于阻止对web服务器6的未经授权的访问和允许对其进行未经授权的通信。显示系统1被设计为将通过个域网络(PAN)、局域网(LAN)、校园网络(CAN)、广域网(WAN)、城域网(MAN)和未来开发的任何新网络系统下载的图像文件20通过计算设备10运行。这些网络用网络9表示。本领域技术人员应当理解,可以仅通过计算设备10来维护显示系统1,因为可以将图像文件20预先加载到计算设备10。在所示实施例中,用户使用计算设备10通过网络9连接到网络路由器2。
参考图2,将描述计算设备10。一般地,计算设备10包括具有显示区域12a的通用用户界面12、存储器设备15和处理器16。在所示实施例中,计算设备10是具有触摸屏显示器11的平板计算机。计算设备10包括传感器,其包括音频输出设备17和音频输入设备18。音频输出设备17可以是扬声器或音频插孔,而音频输入设备18可以是内部麦克风。触摸屏显示器11使用手指或触笔手势对通用用户界面12进行导航。然而,本领域技术人员应当理解,可以使用其他实现方式;包括计算机鼠标、键盘或操纵杆。事实上,本领域技术人员应当理解,计算设备10是物理计算机,可以是但不限于台式计算机、膝上型计算机或手机。存储器设备15是具有计算机组件和用于保持数字数据的记录介质的存储设备。处理器16是中央处理单元(CPU),其通过执行计算来操纵存储在存储器设备15中的数据。
参考图3,将通过图示用于计算设备10的通用用户界面12来描述图像文件20。
图像文件20包括一系列指令,其被编写以执行要显示的指定任务,并且一般地,包括显示模块和听觉模块。图像文件20还包括图形数据24,图形数据24包括图形元素25、词汇元素26,并且在一些情况下,包括听觉元素(未示出)。具体地,显示模块通过通用用户界面12显示图形元素25和词汇元素26。听觉模块还通过广播与图形元素25和词汇元素26相对应的听觉元素27来执行听觉功能。
如图3所示,显示系统1显示一个或多个页面图形数据24。图形数据24存储在关系数据库中,该关系数据库包括相关表中列出的数据元素,其与图3中被标识为板块19的链接相匹配。如图所示,单个页面将包括一个或多个板块19。这些板块19与沿着通用用户界面12的坐标相对应。
如图3所示,可以将图形数据24如何与每个板块19相关联的示例存储在数据库中,使用索引键来识别听觉模块使用哪个板块的数据,并且可以调用与该索引键相关联的各种其他元素,以使用所需语言的文本填充文本板块,或者使设备播放正在讲的文本的录音。
现在参考图4,将描述显示系统1的导航模块50。
一般地,导航模块50为用户提供通过显示系统1对所显示的图形数据24的顺序并置的板块19进行导航的系统和方法。更具体地,用户可以通过显示系统1在板块19的显示模式和板块19的导航模式之间切换。如图3所示,显示模式包括显示系统1的每个页面的100%可显示的内容。例如,如图4所示,显示模式显示板块19的完整页面。更具体地,图4示出了100%填充通用用户界面12的可用显示区域12a的八个板块19。
相反,如图5所示,用户在导航模式中通过通用用户界面12选择所选择的板块19a。导航模块50跨整个页面平移并且朝向所选择的板块19a。然后,在平移时,导航模块50放大并且显示所选择的板块19的放大图像。在所示实施例中,所选择的板块19a可以占据可用显示区域12a的可用部分的约85~90%。另外,示出了所选择的显示19a周围的顺序并置的板块19。在所示实施例中,顺序并置的板块19占据可用显示区域12a的剩余约10~15%。
如图4至图28所示,导航模块50使用具有触摸屏13的计算设备10,触摸屏13具有在触摸屏计算设备的操作系统的标准输入和输出处理技术之上的覆盖层。输入和输出系统之上的覆盖层将屏幕上的特定区域识别为可选择的元素,即图形元素25、词汇元素26,并且被设计为检测和处理被识别为将包含用户希望选择的元素的弧线的手势。
从图4至图10开始,并置的板块19按顺序放置,例如,按故事情节放置。首先,用户通过触摸触摸屏13来选择所选择的板块19a,以与通用用户界面12内的板块19相对应。这使导航模块50初始化。初始触摸的导航初始位置52被存储在存储器设备15中,并且与通用用户界面12的坐标系的特定坐标相对应。导航模块50放大所选择的板块19a,并且围绕所选择的板块19a放置软边缘效果60。导航模块50同时在所选择的板块19a周围的任何顺序并置的板块19之上提供阴影S。在图5所示的实施例中,导航模块50在场景边缘处提供从100%透明到80%不透明的~20px的软过渡。
如图6所示,用户可以通过再次按压通用用户界面12并且提供导航初始位置52来继续顺序并置的板块19的故事情节。然后,用户可以通过相对于所选择的板块19a和周围的顺序并置的板块19的位置执行轻扫手势(即,上、下、左或右方向)来选择后续板块19c。这通过按压计算设备10的手指以一个连续线性运动中的完整轻扫手势(例如,触摸屏幕然后使用连续运动沿一个方向移动)来执行,导航初始位置52由导航模块50生成和存储。在所示实施例中,用户通过具有恒定或可变线性尺寸的连续轻扫51来执行线性手势。然而,本领域技术人员应当认识到,导航模块50可能需要其他几何路径,例如弧线。具体地,在所示实施例中,当导航模块50被触发时,触发显示序列,并且在图5至图10的所示实施例中示例性地示出。例如,显示序列是图像文件20的顺序显示,其表示顺序并置的板块19的组合缩小/重新居中/放大运动。此外,还执行阴影S的序列。例如,当用户缩小所选择的板块19a时,周围的顺序并置的板块19的阴影S从100%变为100%->0%->100%,然后当放大后续板块19c时,返回100%。
根据本发明,导航模块50通过确定连续轻扫51的线性路径的导航结束位置54与导航初始位置52之间的距离(L)来评估连续轻扫51的路径。一旦轻扫手势停止,导航结束位置54就得以确定。一旦导航模块50推断出线性路径已经开始,导航模块50就通过所选择的导航初始位置52和中间路径53的坐标,开始计算连续轻扫51的方向矢量(V),所选择的中间路径53的坐标是连续轻扫51中的初始位置52和当前位置之间的坐标。
如图5至图10所示,用户提供导航初始位置52,其与后续板块19c相对于所选择的板块19的位置一致。然后,用户在通用用户界面12上滑动到导航结束位置54,该导航结束位置54与所选择的板块19a的位置和方向一致。在所示实施例中,这是横向运动,并且导航模块50识别出这是方向矢量V的形式,或在所示实施例中为横向轻扫。然后,导航模块50确定后续板块19c并且执行如上所述的显示序列。在任何时候,在手指从触摸屏13抬起之前,可以通过沿着连续轻扫51移动来控制和前后移动序列。例如,用户可以将所选择的板块19a缩小30~40%,重新居中在后续板块19c上,然后放大回所选择的板块19a。因此,代替以线性序列将每个板块19视为单独的幻灯片,用户在对通用用户界面12的板块进行导航时放大和缩小页面。
导航模块50的计算逻辑可以分为两个通用步骤:(1)计算导航初始位置52和导航结束位置54,以及(2)计算它们之间的中间路径53。
当计算导航初始位置52时,必须考虑缩放因子。例如,如果所选择的板块19a的宽度小于显示区域12a宽度的95%,则导航模块50将应用比例,使得所选择的板块19a的宽度为显示区域12a宽度的95%。如果所选择的板块19a的高度大于显示区域12a高度的95%,则导航模块50减小比例因子,使得所选择的板块19a的高度为显示区域12a高度的95%。此外,导航模块50将所选择的板块19a放置在显示区域12a的中心。如果所选择的板块19a的任何边缘在显示区域12a之外,则导航模块50调整位置以使所选择的板块19a的边缘与对应的显示区域12a的边缘对齐。
导航模块50还使用户控制显示序列,如上所述。在所示实施例中,用户可以使用多达显示区域12a宽度/高度的50%作为运动控制手势大小,即,如果轻扫覆盖显示区域12a的50%,则导航模块50识别导航结束位置54以确定方向矢量V,非常类似于将手指从触摸屏13上抬起。在另一个实施例中,如果用户在覆盖显示区域12a的一半大小(屏幕宽度/高度的25%)之前停止连续轻扫50,则导航模块50在导航模式下恢复到所选择的板块19a的显示。然而,如果用户在覆盖显示区域12a的一半(屏幕宽度/高度的25%)之后但在覆盖整个显示区域(屏幕宽度/高度的100%)之前停止连续轻扫50,则导航模块50自动识别导航结束位置54以识别方向矢量V。另外,用户可以如上所述的用方向矢量V计算,使用连续轻扫50的前10%来确定主要方向是水平还是垂直。
为了使显示序列更加明显,导航模块50允许用户控制中间路径53期间的显示序列。这包括中间缩放因子。显示序列期间的缩放曲线为:起始场景的缩放因子->中间缩放因子->结束场景的缩放因子。
在所示实施例中,如果起始或结束缩放因子之一是1.0(无缩放),则中间缩放因子是起始和结束场景缩放因子之间的中间值(线性缩放调整,以避免“过度缩小”)。否则,将缩放因子计算为起始或场景的50%。例如,如果所选择的板块的场景缩放因子现在为1.5,则随着场景进展到后续板块19c,中间缩放因子将为1.25。
如图11至图15所示,用户提供导航初始位置52,其与后续板块19c相对于所选择的板块19的位置一致。然后,用户在通用用户界面12上滑动到导航结束位置54,该导航结束位置54与所选择的板块19a的位置和方向一致。在所示实施例中,这是横向运动,并且导航模块50识别出这是方向矢量V的形式,或在所示实施例中为垂直轻扫。然后,导航模块50确定后续板块19c并且执行如上所述的显示序列。在任何时候,在手指从触摸屏13抬起之前,可以通过沿着连续轻扫51移动来控制和前后移动序列。
图16至图21显示了另一个示例性显示序列,其中用户从右到左执行连续轻扫51。导航模块50确定导航初始位置52、导航结束位置54和中间路径53,以便确定方向矢量并且显示适当的显示序列。
同样地,图22至图28显示了另一个示例性显示序列,其中用户从显示区域12a的底部到顶部执行连续轻扫51(即,以连续运动,如图22至图28的序列所示)。导航模块50再次确定导航初始位置52、导航结束位置54和中间路径53,以便确定方向矢量并且显示适当的显示序列。
根据本发明的显示系统1利用计算机和移动设备的多媒体能力,以及诸如图形小说/漫画书格式之类的出版物的通信能力来提供各种上下文元素(例如,场所、角色、故事情节),同时设备的计算能力允许用户通过简单的命令进行导航。
上文示出了实现本发明的一些可能性。在本发明的范围和精神内,许多其他实施例是可能的。因此,可以使用更多或更少的前述组件来符合该特定目的。因此,意图是上述描述被认为是说明性的而不是限制性的,并且本发明的范围由所附权利要求及其等同物的全部范围给出。
Claims (23)
1.一种对所显示的内容的板块进行导航的方法,包括:
多个图像文件20,存储在数据库4上并且具有图形数据24;
计算设备10,具有:
存储器设备15,用于保持包括所述多个图像文件20在内的数字数据;
中央处理单元16,用于通过执行计算和发送指令来处理存储在所述存储器设备15中的数字数据;以及
通用用户界面12,具有显示区域12a,以接收所显示的图形数据24的顺序并置的多个板块19,并且在所述显示区域12a中对所述顺序并置的多个板块19进行显示;以及
导航模块50,存储在所述数据库4中并且由所述中央处理单元16运行,以在用户跨顺序并置的板块19平移以选择和放大所选择的板块19a时,允许用户在所述板块19的显示模式和所述多个板块19的导航模式之间切换。
2.根据权利要求1所述的方法,其中,所述板块19的显示模式包括所述显示区域12a中显示的顺序并置的板块19的每个页面的100%可显示的内容。
3.根据权利要求2所述的方法,其中,所述导航模块50在用户选择所述所选择的板块19a时,放大并显示所述所选择的板块19a的放大图像。
4.根据权利要求3所述的方法,其中,用户通过指向并选择所述通用用户界面12的坐标系中与所述多个板块19中的一个相对应的特定坐标来选择所述所选择的板块19a。
5.根据权利要求4所述的方法,其中,在用户选择所述所选择的板块19a之后,所述导航模块50放大所述所选择的板块19a,并且围绕所述所选择的板块19a放置软边缘效果60。
6.根据权利要求5所述的方法,其中,所述所选择的板块19a能够占据所述显示区域12a的可用部分的约85%至约90%。
7.根据权利要求5所述的方法,其中,所述导航模块50同时在所述所选择的板块19a周围的多个板块19之上提供阴影S。
8.根据权利要求7所述的方法,其中,用户通过再次选择所述通用用户界面12并且提供导航初始位置52来继续对所述多个板块19进行导航。
9.根据权利要求8所述的方法,其中,用户通过相对于所述所选择的板块19a和所述所选择的板块19a周围的多个板块19的位置执行轻扫手势来选择后续板块19c。
10.根据权利要求9所述的方法,其中,以一个连续线性运动执行所述轻扫手势,并且所述导航初始位置52由所述导航模块50识别和存储。
11.根据权利要求10所述的方法,其中,所述导航模块50通过确定连续轻扫51的路径的导航结束位置54与所述导航初始位置52之间的距离L来评估所述连续轻扫51的路径。
12.根据权利要求11所述的方法,其中,一旦所述轻扫手势停止,所述导航结束位置54就得以确定。
13.根据权利要求12所述的方法,其中,所述导航模块50通过所选择的所述导航初始位置52和中间路径53的坐标,开始计算所述连续轻扫51的路径的方向矢量V,其中所选择的中间路径53的坐标是所述连续轻扫51的路径的当前位置与所述导航初始位置52之间的坐标。
14.根据权利要求13所述的方法,其中,所述导航初始位置52与所述后续板块19c相对于所述所选择的板块19的位置相一致。
15.根据权利要求14所述的方法,其中,用户接着在所述通用用户界面12上滑动到导航结束位置54,所述导航结束位置54与所选择的板块60的位置和方向一致。
16.根据权利要求15所述的方法,其中,所述轻扫手势是所述导航模块50识别的所述方向矢量V中的横向运动。
17.根据权利要求16所述的方法,其中,所述导航模块50确定所述后续板块19c并且执行显示序列,使得所述后续板块19c过渡到另一个所选择的板块60。
18.根据权利要求17所述的方法,其中,能够通过沿着所述连续轻扫51的路径进行移动来控制和前后移动所述显示序列。
19.根据权利要求17所述的方法,其中,所述显示序列包括缩小和放大所述中间路径53期间的所述多个板块19。
20.根据权利要求1所述的方法,其中,通过网络9下载所述多个图像文件20。
21.根据权利要求1所述的方法,其中,能够将所述多个图像文件20预先加载到所述计算设备10。
22.根据权利要求1所述的方法,其中,所述计算设备10是具有触摸屏显示器11的平板计算机。
23.根据权利要求22所述的方法,其中,所述触摸屏显示器11使用手指或触笔手势对所述通用用户界面12进行导航,并且通过轻扫手势来选择所述所选择的板块19a。
Applications Claiming Priority (3)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
US201762446065P | 2017-01-13 | 2017-01-13 | |
US62/446,065 | 2017-01-13 | ||
PCT/US2018/013569 WO2018132709A1 (en) | 2017-01-13 | 2018-01-12 | A method of navigating panels of displayed content |
Publications (1)
Publication Number | Publication Date |
---|---|
CN110574001A true CN110574001A (zh) | 2019-12-13 |
Family
ID=61074623
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201880011656.XA Pending CN110574001A (zh) | 2017-01-13 | 2018-01-12 | 一种对所显示的内容的板块进行导航的方法 |
Country Status (5)
Country | Link |
---|---|
US (1) | US20190332237A1 (zh) |
JP (1) | JP7161824B2 (zh) |
KR (1) | KR20190141122A (zh) |
CN (1) | CN110574001A (zh) |
WO (1) | WO2018132709A1 (zh) |
Families Citing this family (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR20220120884A (ko) * | 2021-02-24 | 2022-08-31 | 삼성전자주식회사 | 전자 장치 및 전자 장치를 동작시키는 방법 |
US20220300126A1 (en) * | 2021-03-22 | 2022-09-22 | Wichita State University | Systems and methods for conveying multimoldal graphic content |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102483739A (zh) * | 2009-04-02 | 2012-05-30 | 帕内尔弗莱公司 | 用于显示导航的系统和方法 |
CN102737362A (zh) * | 2011-04-01 | 2012-10-17 | 国基电子(上海)有限公司 | 具漫画图像分割功能的电子装置及方法 |
US20140178047A1 (en) * | 2012-12-21 | 2014-06-26 | The Center for Digital Content, LLC | Gesture drive playback control for chromeless media players |
US20140380237A1 (en) * | 2013-06-21 | 2014-12-25 | Barnesandnoble.Com Llc | Zoom View Mode for Digital Content Including Multiple Regions of Interest |
JP2015076068A (ja) * | 2013-10-11 | 2015-04-20 | アプリックスIpホールディングス株式会社 | 表示装置とその表示制御方法及びプログラム |
CN105306625A (zh) * | 2014-06-19 | 2016-02-03 | Lg电子株式会社 | 移动终端及其控制方法 |
US20160357353A1 (en) * | 2015-06-05 | 2016-12-08 | Apple Inc. | Synchronized content scrubber |
Family Cites Families (14)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP3392078B2 (ja) * | 1999-08-06 | 2003-03-31 | キヤノン株式会社 | 画像処理方法、画像処理装置および記憶媒体 |
US8643667B2 (en) * | 2002-08-02 | 2014-02-04 | Disney Enterprises, Inc. | Method of displaying comic books and similar publications on a computer |
JP2005202062A (ja) * | 2004-01-14 | 2005-07-28 | Sony Computer Entertainment Inc | まんが表示装置、まんが表示方法、まんが編集装置およびまんが編集方法 |
US8301999B2 (en) | 2006-09-25 | 2012-10-30 | Disney Enterprises, Inc. | Methods, systems, and computer program products for navigating content |
JP2010164862A (ja) * | 2009-01-19 | 2010-07-29 | Sun Corp | 画像表示装置 |
WO2011017465A2 (en) * | 2009-08-04 | 2011-02-10 | Iverse Media, Llc | Method, system, and storage medium for a comic book reader platform |
US8861890B2 (en) * | 2010-11-24 | 2014-10-14 | Douglas Alan Lefler | System and method for assembling and displaying individual images as a continuous image |
US9946429B2 (en) * | 2011-06-17 | 2018-04-17 | Microsoft Technology Licensing, Llc | Hierarchical, zoomable presentations of media sets |
US9158455B2 (en) * | 2011-07-12 | 2015-10-13 | Apple Inc. | Multifunctional environment for image cropping |
US9286668B1 (en) * | 2012-06-18 | 2016-03-15 | Amazon Technologies, Inc. | Generating a panel view for comics |
US9436357B2 (en) * | 2013-03-08 | 2016-09-06 | Nook Digital, Llc | System and method for creating and viewing comic book electronic publications |
US9600594B2 (en) * | 2014-10-09 | 2017-03-21 | Wrap Media, LLC | Card based package for distributing electronic media and services |
US20170344205A1 (en) * | 2015-09-10 | 2017-11-30 | Apple Inc. | Systems and methods for displaying and navigating content in digital media |
DK179932B1 (en) * | 2017-05-16 | 2019-10-11 | Apple Inc. | DEVICES, METHODS, AND GRAPHICAL USER INTERFACES FOR NAVIGATING, DISPLAYING, AND EDITING MEDIA ITEMS WITH MULTIPLE DISPLAY MODES |
-
2018
- 2018-01-12 JP JP2019558996A patent/JP7161824B2/ja active Active
- 2018-01-12 WO PCT/US2018/013569 patent/WO2018132709A1/en active Application Filing
- 2018-01-12 KR KR1020197023540A patent/KR20190141122A/ko not_active Application Discontinuation
- 2018-01-12 CN CN201880011656.XA patent/CN110574001A/zh active Pending
-
2019
- 2019-07-12 US US16/510,119 patent/US20190332237A1/en not_active Abandoned
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102483739A (zh) * | 2009-04-02 | 2012-05-30 | 帕内尔弗莱公司 | 用于显示导航的系统和方法 |
CN102737362A (zh) * | 2011-04-01 | 2012-10-17 | 国基电子(上海)有限公司 | 具漫画图像分割功能的电子装置及方法 |
US20140178047A1 (en) * | 2012-12-21 | 2014-06-26 | The Center for Digital Content, LLC | Gesture drive playback control for chromeless media players |
US20140380237A1 (en) * | 2013-06-21 | 2014-12-25 | Barnesandnoble.Com Llc | Zoom View Mode for Digital Content Including Multiple Regions of Interest |
JP2015076068A (ja) * | 2013-10-11 | 2015-04-20 | アプリックスIpホールディングス株式会社 | 表示装置とその表示制御方法及びプログラム |
CN105306625A (zh) * | 2014-06-19 | 2016-02-03 | Lg电子株式会社 | 移动终端及其控制方法 |
US20160357353A1 (en) * | 2015-06-05 | 2016-12-08 | Apple Inc. | Synchronized content scrubber |
Also Published As
Publication number | Publication date |
---|---|
JP2020507174A (ja) | 2020-03-05 |
JP7161824B2 (ja) | 2022-10-27 |
KR20190141122A (ko) | 2019-12-23 |
WO2018132709A1 (en) | 2018-07-19 |
US20190332237A1 (en) | 2019-10-31 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US11402968B2 (en) | Reduced size user in interface | |
EP2360562B1 (en) | Image processing device, information processing device, image processing method, and information processing method | |
US20180024719A1 (en) | User interface systems and methods for manipulating and viewing digital documents | |
KR100707651B1 (ko) | 디지털 문서를 조작하고 보기 위한 사용자 인터페이스 및 방법 | |
US7327349B2 (en) | Advanced navigation techniques for portable devices | |
US20210294463A1 (en) | Techniques to Modify Content and View Content on Mobile Devices | |
US20090073132A1 (en) | Method for providing gui and multimedia device using the same | |
TWI714513B (zh) | 書籍顯示程式產品及書籍顯示裝置 | |
US9552067B2 (en) | Gesture interpretation in navigable zoom mode | |
KR20060069497A (ko) | 작은 디스플레이 창에서 큰 객체들의 개선된 표현법 | |
WO2008112383A2 (en) | System and method for navigation of display data | |
CN113892129B (zh) | 创建三维外观的虚拟视差 | |
CN103201716A (zh) | 触敏电子设备 | |
US20190332237A1 (en) | Method Of Navigating Panels Of Displayed Content | |
GB2504085A (en) | Displaying maps and data sets on image display interfaces | |
US20180088785A1 (en) | Navigating a set of selectable items in a user interface | |
US20150043830A1 (en) | Method for presenting pictures on screen |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20191213 |
|
WD01 | Invention patent application deemed withdrawn after publication |