CN101996047A - 用户界面方法和电子设备 - Google Patents
用户界面方法和电子设备 Download PDFInfo
- Publication number
- CN101996047A CN101996047A CN2010102812195A CN201010281219A CN101996047A CN 101996047 A CN101996047 A CN 101996047A CN 2010102812195 A CN2010102812195 A CN 2010102812195A CN 201010281219 A CN201010281219 A CN 201010281219A CN 101996047 A CN101996047 A CN 101996047A
- Authority
- CN
- China
- Prior art keywords
- screen
- event processing
- processing region
- particular event
- webpage
- 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.)
- Granted
Links
Images
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/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/03—Arrangements for converting the position or the displacement of a member into a coded form
- G06F3/041—Digitisers, e.g. for touch screens or touch pads, characterised by the transducing means
-
- 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/04842—Selection of displayed objects or displayed text elements
-
- 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/04886—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 by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or 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/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
Abstract
一种用户界面(UI)方法和设备,通过该方法和设备,当使用基于触摸界面的UI进行网站浏览时,用户可以知道通过触摸产生的输入是被处理为网页的事件还是被处理为包括在该网页中的特定事件处理区域的事件。该方法包括:当在电子设备中执行网站浏览时,显示第一屏幕,在该第一屏幕中,由该电子设备接收的网页与包括在该网页中的至少一个特定事件处理区域区分开;并且如果接收到对应于该至少一个特定事件处理区域的选择信号,则显示第二屏幕,在该第二屏幕中,该至少一个特定事件处理区域被显示为被选择区域。
Description
优先权
本申请要求于2009年8月5日在韩国知识产权局提出的韩国专利申请第10-2009-0072113号的优先权,该申请的内容在此通过引用方式并入。
技术领域
本发明一般涉及用于网站浏览的用户界面(UI),更具体地,本发明涉及用于网站浏览的基于触摸界面的UI方法、用于执行该方法的电子设备和存储用于执行该方法的计算机可读程序的计算机可读记录介质。
背景技术
最近,追求用户便利性的开发已经带来了具有网站浏览功能的电子设备的数量的增加,这些电子设备包括基于通过触摸屏或触摸板实现的触摸界面的UI。具有小屏幕的电子设备(诸如移动设备)需要比具有大屏幕的电子设备的UI功能更有效的UI功能。
可以通过利用手指或铁笔触摸所显示的网页来实现通过基于触摸界面的UI进行的网站浏览。所显示的网页可以包括特定事件处理区域,诸如可动态变化的特定对象或特定内容区域。例如,在特定事件处理区域上可以显示诸如Maps、Calendar和之类的服务的网站内容。该特定对象可以是超文本标记语言(HTML)或可扩展超文本标记语言(XHTML)、层叠式样式表(CSS)、Java脚本、图像或诸如flash的运动图像。该特定事件是由用于特定目的的应用程序(诸如Maps、Calendar和)提供的消息。
然而,在利用基于触摸界面的UI浏览包括特定事件处理区域的网页的过程中,不告知用户基于触摸的输入是被处理为网页的事件还是特定事件处理区域的事件。
发明内容
本发明提供用户界面(UI)方法、用于执行该方法的设备以及用于存储执行该方法的计算机可读程序的计算机可读记录介质,通过该方法,当利用基于触摸界面的UI进行网站浏览时,用户可以知道通过触摸产生的输入是被处理为网页的事件还是被处理为包括在该网页中的特定事件处理区域的事件。
依照本发明的一个方面,提供一种基于触摸界面的UI方法。该方法包括:当在电子设备中执行网站浏览时,显示第一屏幕,在该第一屏幕中,由该电子设备接收的网页与包括在该网页中的至少一个特定事件处理区域区分开来;并且如果接收到对应该至少一个特定事件处理区域的选择信号,则显示第二屏幕,在该第二屏幕中,该至少一个特定事件处理区域被显示为被选择区域。
依照本发明的另一方面,提供一种能够进行网站浏览的电子设备。该电子设备包括:用于显示网页的显示单元;基于触摸界面的UI单元;控制器,用于在显示单元上显示第一屏幕,在该第一屏幕中,所接收的网页与包括在所接收网页中的至少一个特定事件处理区域区分开,以及如果从该UI单元接收到对应该至少一个特定事件处理区域的选择信号,则显示第二屏幕,在该第二屏幕中,该至少一个特定事件处理区域在该显示单元上被显示为被选择区域。
依照本发明的另一方面,提供一种用于存储执行该方法的计算机可读程序的非暂时计算机可读记录介质。该方法包括:当在电子设备中执行网站浏览时,显示第一屏幕,在该第一屏幕中,由该电子设备接收的网页与包括在该网页中的至少一个特定事件处理区域区分开来;并且如果接收到对应该至少一个特定事件处理区域的选择信号,则显示第二屏幕,在该第二屏幕中,该至少一个特定事件处理区域被显示为被选择区域。
附图说明
通过参照附图详细说明本发明的实施例,本发明的上述和其他特征和优势将更变得更加清楚,在附图中:
图1是依照本发明实施例的能够进行网站浏览的电子设备的功能框图;
图2是示出包括特定事件处理区域的网页的屏幕的图;
图3是示出一屏幕的图,在该屏幕中,包括在网页中的特定事件处理区域表示成被选择区域;
图4是示出一屏幕的图,在该屏幕中,图1的显示单元的整个视区表示成未选择的特定事件处理区域;
图5是示出一屏幕的图,在该屏幕中,图1的显示单元的整个视区表示为被选择的特定事件处理区域;
图6是依照本发明实施例的基于触摸界面的用户界面(UI)方法的流程图;
图7是按照本发明另一个实施例的基于触摸界面的UI方法的流程图;以及
图8是按照本发明另一个实施例的基于触摸界面的UI方法的流程图。
具体实施方式
现将参照示出了本发明实施例的附图更充分地描述本发明。
图1是依照本发明一实施例的具有网站浏览功能的电子设备100的功能框图。电子设备100可以通过经由有线或无线连接接入因特网来接收和显示由网站提供的网页。按照本发明实施例的电子设备100的示例包括个人计算机(PC)、移动设备和因特网协议电视(IPTV)。按照本发明实施例的移动设备的示例包括便携式设备,诸如蜂窝电话、智能手机、iPhone、个人数字助理(PDA)、便携式多媒体播放器(PMP)、导航系统和游戏播放器。该电子设备也可以是在移动设备中的包含IPTV功能的数字广播终端。
图1所示电子设备100可以包括用户界面(UI)单元110、控制器120、通信单元130、显示单元140、存储器150和通知单元160。然而,图1所示部件是供示例之用的并且在按照本发明实施例的电子设备中不是都需要的。按照本发明实施例的电子设备可以具有比图1所示电子设备中的部件少的部件,和/或可以包括在电子设备100中未示出的额外的部件。
UI单元110可以基于触摸界面来构造。更具体地说,网站浏览命令可以基于使用触摸板或触摸屏的触摸界面来输入,该触摸板或触摸屏用于根据手指或铁笔的触摸位置来产生输入信号(或输入数据)。例如,通过使用UI单元110,基于触摸界面可以输入网站浏览命令,该网站浏览命令用于缩放、平移或滚动显示在显示单元140上的网页、或者选择或取消选择(de-selecting)包括在该网页中的至少一个特定事件处理区域。UI单元110还可以与触摸屏显示器形式的显示单元140相结合。
控制器120控制电子设备100的一般操作。具体来讲,控制器120可以按照从UI单元110接收的输入信号来控制电子设备100的操作。如果从UI单元110接收到对于因特网访问的请求,控制器120执行此处所述的相应操作,同时通过使用网站浏览器(web browser)的应用程序来运行网站浏览器,其中,该应用程序被存储在存储器150中。网站浏览器可以是移动网站浏览器。
控制器120通过控制通信单元130接入有线或无线因特网。相应地,当通信单元130接收从网站提供的网页时,控制器120可以在显示单元140上显示所接收的网页,同时将所接收的网页存储到存储器150中。此处,通过解析所接收的网页,控制器120确定所接收的网页是否包括至少一个特定事件处理区域。该至少一个特定事件处理区域是一种具有动态变化的特定对象或特定内容,是其中通过诸如和之类的应用程序处理事件的区域。例如,可以使用特定事件处理区域来提供诸如由Maps、Docs、Calendar、和Latitude所提供的服务、以及地铁线路地图之类的服务。术语“动态变化”指的是动态地改变在网页上的特定内容区域的大小。
如果在网页中存在有与用于构成网页的编程语言或脚本语言不同的编程语言或脚本语言构成的区域,则控制器120可以确定该网页包括至少一个特定事件处理区域。例如,如果网页是按照超文本标记语言(HTML)构成的,并且如果在该网页中存在按照Java脚本语言构成的内容区域,则控制器120可以确定该网页包括至少一个特定事件处理区域。然而,控制器120所执行的网页是否包括至少一个特定事件处理区域的确定不限于基于如上所述所使用语言的确定。还可以按照将特定事件处理区域从网页区分出来的其他属性来执行该确定。
下面参照图2和图3描述屏幕显示的变化以表明特定事件处理区域或表明特定事件处理区域是被选择区域。图3示出了一屏幕,在该屏幕中,包括在网页210中的特定事件处理区域230表示为被选择区域。图2是示出包括特定事件处理区域的网页的屏幕的图。图3是示出一屏幕的图,在该屏幕中,包括在网页中的特定事件处理区域被表示为所选择区域。
图2示出包括特定事件处理区域230的网页210的屏幕200。如果确定网页包括至少一个特定事件处理区域,则当在显示单元140上显示该网页时,控制器120可以显示被表示为使得用户能直观地识别该至少一个特定事件处理区域的网页。例如,如图2所示,控制器120可以显示网页屏幕200,在该网页屏幕中,在网页210和特定事件处理区域230之间显示具有特定色彩的边界线220。
可选地,控制器120可以显示没有边界线220的网页屏幕,在该网页屏幕中,在显示单元140上特定事件处理区域230的显示色彩不同于网页210的显示色彩。例如,网页屏幕200的区域中特定事件处理区域230可以被显示为单色,而在显示单元140上剩余的网页210被显示为多色。尽管对用于将特定事件处理区域与网页区分开来以使得用户能够直观地从显示在显示单元140上的网页中识别出特定事件处理区域的边界线220和单色/多色方法作为示例进行了详细说明,但是本发明不限于这些特定的方法。可以提供其它这样的方法来按照本发明实施例从网页中区分特定事件处理区域。
如图2所示,当屏幕200在显示单元140上显示包括特定事件处理区域230的网页210的第一屏幕时,如果从UI单元110接收到对应于特定事件处理区域230的选择信号,则控制器120在显示单元140上显示将特定事件处理区域230表示为被选择区域的第二屏幕。
图3示出了一屏幕,在该屏幕中,包括在网页210中的特定事件处理区域230表示为被选择区域。如图3所示,在网页210和特定事件处理区域230之间的边界线310具有与图2中边界线220的色彩不同的色彩。当从UI单元110接收到对应于特定事件处理区域230的选择信号时,控制器120从利用第一色彩显示边界线220切换到利用第二色彩显示边界线310以便表明特定事件处理区域230是在显示单元140上的被选择区域。例如,图2中的边界线220的色彩可被显示为灰色,而边界线310的色彩可被显示为红色。
当特定事件处理区域是未选择区域时,如果该特定事件处理区域变为被选择区域,同时该特定事件处理区域以单色显示,则可以利用用于将该特定事件处理区域从网页210区分开的色彩以多色显示或利用边界线来显示该特定事件处理区域。如上所述,在图2的屏幕200和图3的屏幕300中特定事件处理区域230的显示状态彼此不同。更具体地说,作为未选择区域的特定事件处理区域的显示状态不同于作为被选择区域的特定事件处理区域的显示状态。
当特定事件处理区域是被选择区域时,可以在该特定事件处理区域中进行用户输入。另一方面,当特定事件处理区域不是被选择区域时,在该特定事件处理区域中不能进行用户输入。因此,当显示图2所示屏幕200时,如果接收到基于在特定事件处理区域230上的用户触摸的输入信号,则控制器120将该输入信号处理为网页210的事件。例如,如果已接收到来自特定事件处理区域230的基于用户触摸的缩放信号,则控制器120对网页210进行缩放。另外,如果已经接收到在网页210上的基于用户触摸的输入信号,则控制器120将该输入信号处理为网页210的事件。如上所述,如果特定事件处理区域230是未选择区域,则无论在对应于网页210的区域还是在特定事件处理区域230中接收到基于用户触摸的输入信号,控制器120都将该输入信号处理为网页210的事件。
另外,当显示图3所示屏幕300时,如果已接收到在特定事件处理区域230上的基于用户触摸的输入信号,则控制器120将输入信号处理为特定事件处理区域230的事件。例如,如果已接收到来自特定事件处理区域230的基于用户触摸的缩放信号,则控制器120对特定事件处理区域230的内容进行缩放。更具体地说,如果当在特定事件处理区域230上正显示Maps时已经接收到缩放信号,则控制器120在特定事件处理区域230之内对Maps进行缩放。此处,特定事件处理区域230的显示尺寸有无变化均能实现缩放。
如果接收到在网页210上的基于用户触摸的输入信号,则控制器120将该输入信号处理为网页210的事件。同样地,当特定事件处理区域230是被选择区域时,如果已接收到在网页210上的基于用户触摸的输入信号,则控制器120将该输入信号处理为网页210的事件,并且如果已经接收到在特定事件处理区域230上的基于用户触摸的输入信号,则控制器120将该输入信号处理为特定事件处理区域230的事件。
基于按照控制器120的操作在显示单元140上显示的屏幕,用户可以直观地确定网页是否包括特定事件处理区域以及在包括于该网页中的特定事件处理区域上的基于触摸的用户输入是否可能。
一网页可以包括多个特定事件处理区域。例如,控制器120可以按照来自UI单元110的用户输入信号为多个特定事件处理区域的每一个设置被选择区域或未选择区域。可利用敲击(tap)功能键进行为多个特定事件处理区域的每一个设置被选择区域或未选择区域,该tap功能键可以被实现为可按照用户执行的敲击动作而被敲击的按钮。该功能键可以是基于触摸的功能键或包括在UI单元110之外的电子设备100中的功能键。可选地,特定事件处理区域可以基于电子设备100的动作(诸如摇动)而被设置为被选择区域或未选择区域,其中可以例如通过陀螺传感器感测到该摇动。通过使用tap功能键或使用陀螺传感器的方法为特定事件处理区域设置被选择区域或未选择区域被提供作为示例,但是按照本发明的实施例可以使用用于设置被选择区域或未选择区域的其他手段和方法。
下面参照图4和图5来描述屏幕的显示,在该屏幕中,图1的显示单元的整个视区包括被选择或未选择的特定事件处理区域。图4是示出一屏幕的图,在该屏幕中,图1的显示单元的整个视区被表示为未选择的特定事件处理区域。图5是示出一屏幕的图,在该屏幕中,图1的显示单元的整个视区被表示为被选择的特定事件处理区域。
如果包括在网页中的特定事件处理区域大于电子设备100的显示单元140的视区,则控制器120在显示单元140整个视区上显示该特定事件处理区域。该视区是用户在显示单元140上可见的显示区域。参照图4,屏幕400中,显示单元140的整个视区被表示为未选择的特定事件处理区域420。在图4中,边界线410表明当前所显示的屏幕是特定事件处理区域420并且可以以类似于图2的边界线220的方式被显示。相应地,由于图4所示特定事件处理区域420是未选择区域,所以如果接收到在特定事件处理区域420上的基于触摸的用户输入信号,则控制器120将该输入信号处理为网页的事件。因此,当在显示单元140上正显示图4所示的屏幕时,如果已接收到滚动信号,则控制器120基于网页进行滚动。
当在显示单元140上正显示图4所示的屏幕400时,如果已从UI单元110接收到特定事件处理区域的选择信号,则控制器120将图4所示的第一屏幕400变为图5所示的第二屏幕500。图5示出了一屏幕500,在该屏幕中,显示单元140的整个视区被表示为被选择的特定事件处理区域520。可以以类似于图3的边界线310的方式显示图5的边界线510。
相应地,如果接收到在特定事件处理区域520上的基于触摸的用户输入信号,则控制器120将该输入信号处理为特定事件处理区域520的事件。当在显示单元140上正显示图5所示屏幕500时,如果从UI单元110接收到特定事件处理区域的取消选择信号,则控制器120可以将显示在显示单元140上的屏幕500变为图4所示的屏幕400以将该特定事件处理区域从被选择区域变为未选择区域。
图1的通信单元130可以在控制器120的控制下通过接入有线或无线因特网从网站接收网页。按照本发明实施例的通信单元130也可以执行其他通信功能,这些通信功能包括广播接收功能、移动通信功能、局域网功能和位置识别通信功能。通信单元130的功能不限于此处所述的功能,按照本发明的实施例可以提供其他这样的功能。
显示单元140显示由控制器120运行的网站浏览器并显示经由如上所述的通信单元130所接收的网页。显示单元140可以是液晶显示器(LCD)、薄膜晶体管LCD(TFT LCD)、有机发光二极管(OLED)、柔性显示器(flexible display)、三维(3D)显示器等等。
存储器150可以是闪存型存储器、硬盘型存储器、多媒体卡微型存储器、卡型存储器(例如,安全数字(Secure Digital,SD)或极限数字(eXtremeDigital,XD)存储器)、随机存取存储器(RAM)、静态RAM(SRAM)、只读存储器(ROM)、磁存储器、磁盘、光盘等。
当图2所示屏幕200变为图3所示的屏幕300时,或当图3所示屏幕300变为图2所示的屏幕200时,通知单元160将屏幕变化通知给用户。另外,当图4所示的屏幕400变为图5所示的屏幕500时,或当图5所示的屏幕500变为图4所示的屏幕400时,通知单元160将屏幕变化通知给用户。可使用振动、语音或警报来实现通知。然而,通知方法不限于振动、语音或警报,按照本发明的实施例可以使用其他这样的方法。
下面参照图6来描述依照本发明一实施例的提供基于触摸界面的UI的方法。
图6是依照本发明实施例的基于触摸界面的UI方法的流程图,其示出了其中显示网页与包括在所显示该网页中的特定事件处理区域区分开的屏幕,该特定事件处理区域被表示为被选择区域,并且处理按照基于用户触摸的输入信号的事件。
在通过电子设备100进行网站浏览期间,在步骤601中,显示第一屏幕,在该第一屏幕中,由电子设备100接收的网页与包括在该网页中的至少一个特定事件处理区域区分开。为了显示该第一屏幕,电子设备100的控制器120如此处参照图1所描述的那样,解析所接收的网页以确定该网页是否包括特定事件处理区域。当确定该网页包括至少一个特定事件处理区域时,如此处参照图2或4所描述的那样,控制器120产生和显示第一屏幕以使得用户能够直观地识别出包括在该网页中的该至少一个特定事件处理区域。
在步骤602,如果已经从UI单元110接收到特定事件处理区域的选择信号,则在步骤603控制器120显示第二屏幕,在该第二屏幕中,该至少一个特定事件处理区域表示为被选择区域。此处,如此处参照图1所描述的那样,控制器120可通知用户第一屏幕已经变为第二屏幕。在第一屏幕和第二屏幕之间的差别如此处参照图2-5所描述的那样。
在步骤604,如果已经从UI单元110接收到与在特定事件处理区域上的用户触摸对应的输入信号,则在步骤605当正显示第二屏幕时,控制器120将该输入信号处理为特定事件处理区域的事件。
下面参照图7来描述依照本发明另一个实施例的用于提供基于触摸界面的UI的方法。
图7是按照本发明另一个实施例的基于触摸界面的UI方法的流程图,其为向图6的图解添加了事件处理功能。由于图7的步骤701到705分别与图6的步骤601到605相同,所以将省略重复的描述。
参照图7,在步骤702如果确定未接收到特定事件处理区域的选择信号,则在步骤706控制器120确定是否已接收到由触摸产生的输入信号。如果确定已接收到对应于用户触摸的输入信号,则在步骤707控制器120将该输入信号处理为网页的事件。如果确定未接收到对应于用户触摸的输入信号,则控制器120返回到步骤702。
在步骤704,如果确定未接收到在特定事件处理区域上的由触摸产生的输入信号,则在步骤708控制器120确定是否已经接收到在排除该至少一个特定事件处理区域的区域上的由触摸产生的输入信号。在步骤708如果确定已经接收到在排除该至少一个特定事件处理区域的区域上的由触摸产生的输入信号,则控制器120进行到步骤707,并将该输入信号处理为网页的事件。
下面参照图8来描述依照本发明另一个实施例的用于提供基于触摸界面的UI的方法。
图8是按照本发明另一个实施例的基于触摸界面的UI方法的流程图,其为向图7的图解添加了将表示为被选择区域的特定事件处理区域变为未选择区域的功能。因此,由于图8的步骤801到805和808到810分别与图7的步骤701到705和706到708相同,所以将在此处省略重复的描述。
参照图8,在步骤806如果确定已经接收到特定事件处理区域的取消选择信号,则在步骤807控制器120将第二屏幕变为第一屏幕。此处,如此处参照图1所描述的那样,控制器120可以将屏幕变化通知给用户。然而,在步骤806如果确定未接收到特定事件处理区域的取消选择信号,则控制器120保持屏幕的显示状态,在该屏幕中,特定事件处理区域被表示为被选择区域。
用于运行按照本发明实施例的基于触摸界面的UI方法的程序可以被实现为在计算机可读记录介质上的计算机可读代码。该计算机可读记录介质包括可以存储以后可由计算机系统读取的数据的数据存储设备。计算机可读记录介质的示例包括ROM、RAM、致密盘(CD)-ROM、磁带、软盘和光学数据存储设备。按照本发明实施例的计算机可读记录介质还可以分布在耦合计算机系统的网络上,从而以分布方式存储和运行该计算机可读代码。
虽然已经参照本发明的各种实施例详细示出和描述了本发明,但是本领域普通技术人员应当理解,在不脱离由附加权利要求所限定的本发明的精神和范围的情况下可以进行形式上和细节上的各种变化。所描述的实施例应当被认为是描述性的意义,而不是限制的目的。因此,本发明的范围不由对本发明的详细说明限定,而是由所附权利要求来限定,并且在本发明范围内的所有差异都包括在本发明之内。
Claims (15)
1.一种基于触摸界面的用户界面UI方法,所述方法包括:
当在电子设备中执行网站浏览时,显示第一屏幕,在该第一屏幕中,由该电子设备接收的网页与包括在该网页中的至少一个特定事件处理区域区分开;并且
如果接收到对应于该至少一个特定事件处理区域的选择信号,则显示第二屏幕,在该第二屏幕中,该至少一个特定事件处理区域显示为被选择区域。
2.如权利要求1所述的方法,还包括:如果接收到与在该第二屏幕的该至少一个特定事件处理区域上的触摸对应的输入信号,则将该输入信号处理为该至少一个特定事件处理区域的事件。
3.如权利要求1或2所述的方法,还包括:如果接收到与在该第一屏幕上的触摸对应的输入信号,则将该输入信号处理为该网页的事件,
其中,在该第一屏幕中,该至少一个特定事件处理区域被显示为未选择区域。
4.如权利要求1或2所述的方法,其中,该第一屏幕的该至少一个特定事件处理区域的显示状态不同于该第二屏幕的该至少一个特定事件处理区域的显示状态。
5.如权利要求1或2所述的方法,其中,显示该第二屏幕的步骤包括:响应于按照基于敲击功能键的用户输入信号或按照使用陀螺传感器的基于动作的用户输入信号的用户输入信号,而从显示该第一屏幕改变为显示该第二屏幕。
6.如权利要求1或2所述的方法,还包括:当正在显示该第二屏幕时,如果接收到该至少一个特定事件处理区域的取消选择信号,则将显示该第二屏幕变为显示该第一屏幕。
7.如权利要求6所述的方法,还包括:当从显示该第一屏幕变为显示该第二屏幕或从显示该第二屏幕变为显示该第一屏幕时,输出屏幕变化通知给用户。
8.如权利要求2所述的方法,还包括:如果接收到与在不同于该第二屏幕的该至少一个特定事件处理区域的区域上的触摸对应的输入信号,则将与在该不同于该第二屏幕的该至少一个特定事件处理区域的区域上的触摸对应的该输入信号处理为该网页的事件。
9.如权利要求1或2所述的方法,其中,该至少一个特定事件处理区域包括被使能来执行动态变化的特定对象或特定内容。
10.一种包括网站浏览功能的电子设备,该电子设备包括:
显示单元,用于显示网页;
基于触摸界面的用户界面UI单元;以及
控制器,用于在该显示单元上显示第一屏幕,在该第一屏幕中,所接收的网页与包括在该所接收的网页中的至少一个特定事件处理区域区分开,以及如果从该UI单元接收到对应于该至少一个特定事件处理区域的选择信号,则显示第二屏幕,在该第二屏幕中,该至少一个特定事件处理区域在该显示单元上显示为被选择区域。
11.如权利要求10所述的电子设备,其中,如果从该UI单元接收到与在该第二屏幕的该至少一个特定事件处理区域上的触摸对应的输入信号,则控制器将该输入信号处理为该至少一个特定事件处理区域的事件。
12.如权利要求11所述的电子设备,其中,如果从该UI单元接收到与在该第一屏幕上的触摸对应的输入信号,则控制器将该输入信号处理为该网页的事件,并且在该第一屏幕中,该至少一个特定事件处理区域显示为未选择区域。
13.如权利要求11所述的电子设备,其中,该第一屏幕的该至少一个特定事件处理区域的显示状态不同于该第二屏幕的该至少一个特定事件处理区域的显示状态。
14.如权利要求11所述的电子设备,其中,当正在显示该第二屏幕时,如果从该UI单元接收到该至少一个特定事件处理区域的取消选择信号,则控制器将显示该第二屏幕变为显示该第一屏幕。
15.如权利要求10或11所述的电子设备,其中,如果从该UI单元接收到与在该第一屏幕上的触摸对应的输入信号,则控制器将该输入信号处理为该网页的事件,并且在该第一屏幕中,该至少一个特定事件处理区域被显示为未选择区域。
Applications Claiming Priority (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
KR1020090072113A KR20110014444A (ko) | 2009-08-05 | 2009-08-05 | 웹 브라우징 시 사용자 인터페이스 방법 및 그 방법을 수행하는 전자 기기와 그 기록 매체 |
KR72113/09 | 2009-08-05 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN101996047A true CN101996047A (zh) | 2011-03-30 |
CN101996047B CN101996047B (zh) | 2015-09-30 |
Family
ID=43012563
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201010281219.5A Expired - Fee Related CN101996047B (zh) | 2009-08-05 | 2010-08-05 | 用户界面方法和电子设备 |
Country Status (4)
Country | Link |
---|---|
US (1) | US20110035663A1 (zh) |
EP (1) | EP2282259B1 (zh) |
KR (1) | KR20110014444A (zh) |
CN (1) | CN101996047B (zh) |
Families Citing this family (17)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR20120099931A (ko) * | 2011-03-02 | 2012-09-12 | 삼성전자주식회사 | 브라우징 방법, 디바이스, 및 컴퓨터로 읽을 수 있는 저장 매체 |
USD668262S1 (en) * | 2011-09-12 | 2012-10-02 | Microsoft Corporation | Display screen with an animated user interface |
KR101409317B1 (ko) * | 2011-12-21 | 2014-06-20 | 주식회사 보고지티 | 결제페이지 제공방법 및 시스템 |
US8977967B2 (en) | 2012-05-11 | 2015-03-10 | Microsoft Technology Licensing, Llc | Rules for navigating to next content in a browser |
US9021437B2 (en) | 2012-07-13 | 2015-04-28 | Microsoft Technology Licensing, Llc | Declarative style rules for default touch behaviors |
US9699019B2 (en) | 2013-06-14 | 2017-07-04 | Microsoft Technology Licensing, Llc | Related content display associated with browsing |
USD739880S1 (en) * | 2013-10-24 | 2015-09-29 | Google Inc. | Display panel with an animated computer icon |
USD772888S1 (en) * | 2014-06-01 | 2016-11-29 | Apple Inc. | Display screen or portion thereof with animated graphical user interface |
USD773505S1 (en) | 2014-09-30 | 2016-12-06 | Microsoft Corporation | Display screen with graphical user interface |
USD791799S1 (en) | 2014-09-30 | 2017-07-11 | Microsoft Corporation | Display screen with graphical user interface |
USD788798S1 (en) | 2014-09-30 | 2017-06-06 | Microsoft Corporation | Display screen with graphical user interface |
USD774050S1 (en) | 2014-09-30 | 2016-12-13 | Microsoft Corporation | Display screen with graphical user interface |
USD764509S1 (en) * | 2014-09-30 | 2016-08-23 | Microsoft Corporation | Display screen with transitional graphical user interface |
USD766921S1 (en) | 2014-09-30 | 2016-09-20 | Microsoft Corporation | Display screen with graphical user interface |
USD765694S1 (en) * | 2014-09-30 | 2016-09-06 | Microsoft Corporation | Display screen with animated graphical user interface |
USD754716S1 (en) * | 2015-08-26 | 2016-04-26 | Kenneth Davis | Display screen with animated playlist graphical user interface |
USD825612S1 (en) | 2016-07-27 | 2018-08-14 | Apple Inc. | Display screen or portion thereof with graphical user interface |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1841381A (zh) * | 2005-03-31 | 2006-10-04 | 微软公司 | 带有文本概述的实时图形预览 |
CN1879076A (zh) * | 2003-12-11 | 2006-12-13 | 诺基亚公司 | 因特网终端、位于终端中的www浏览器和用于设置终端显示模式的方法 |
JP2007048033A (ja) * | 2005-08-10 | 2007-02-22 | Mitsubishi Electric Corp | ウエブ閲覧装置及びウエブ情報表示方法 |
CN101170764A (zh) * | 2007-11-16 | 2008-04-30 | 魏新成 | 在触摸屏手机上通过手指操作浏览web网页的方法 |
CN101262518A (zh) * | 2007-03-07 | 2008-09-10 | Lg电子株式会社 | 移动终端以及从web站点播放视频的方法 |
JP2009140473A (ja) * | 2007-11-16 | 2009-06-25 | Cell Advanced:Kk | マルチビューブラウザ |
Family Cites Families (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US6961912B2 (en) * | 2001-07-18 | 2005-11-01 | Xerox Corporation | Feedback mechanism for use with visual selection methods |
US7224366B2 (en) * | 2002-10-17 | 2007-05-29 | Amx, Llc | Method and system for control system software |
US7310779B2 (en) * | 2003-06-26 | 2007-12-18 | International Business Machines Corporation | Method for creating and selecting active regions on physical documents |
US8429131B2 (en) * | 2004-11-17 | 2013-04-23 | Autonomy, Inc. | Systems and methods for preventing digital asset restoration |
SG10201402464XA (en) * | 2005-12-07 | 2014-10-30 | 3Dlabs Inc Ltd | Methods for manipulating web pages |
US7940250B2 (en) * | 2006-09-06 | 2011-05-10 | Apple Inc. | Web-clip widgets on a portable multifunction device |
KR100761809B1 (ko) * | 2006-10-11 | 2007-09-28 | 삼성전자주식회사 | 휴대 단말기 및 휴대 단말기의 대기화면 표시 방법 |
US8656295B2 (en) * | 2007-01-05 | 2014-02-18 | Apple Inc. | Selecting and manipulating web content |
US7956847B2 (en) * | 2007-01-05 | 2011-06-07 | Apple Inc. | Gestures for controlling, manipulating, and editing of media files using touch sensitive devices |
US20090305682A1 (en) * | 2008-06-09 | 2009-12-10 | Karin Spalink | System and method for webpage display in a portable electronic device |
-
2009
- 2009-08-05 KR KR1020090072113A patent/KR20110014444A/ko active Search and Examination
-
2010
- 2010-07-08 US US12/832,619 patent/US20110035663A1/en not_active Abandoned
- 2010-07-28 EP EP10171049.9A patent/EP2282259B1/en not_active Not-in-force
- 2010-08-05 CN CN201010281219.5A patent/CN101996047B/zh not_active Expired - Fee Related
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1879076A (zh) * | 2003-12-11 | 2006-12-13 | 诺基亚公司 | 因特网终端、位于终端中的www浏览器和用于设置终端显示模式的方法 |
CN1841381A (zh) * | 2005-03-31 | 2006-10-04 | 微软公司 | 带有文本概述的实时图形预览 |
JP2007048033A (ja) * | 2005-08-10 | 2007-02-22 | Mitsubishi Electric Corp | ウエブ閲覧装置及びウエブ情報表示方法 |
CN101262518A (zh) * | 2007-03-07 | 2008-09-10 | Lg电子株式会社 | 移动终端以及从web站点播放视频的方法 |
CN101170764A (zh) * | 2007-11-16 | 2008-04-30 | 魏新成 | 在触摸屏手机上通过手指操作浏览web网页的方法 |
JP2009140473A (ja) * | 2007-11-16 | 2009-06-25 | Cell Advanced:Kk | マルチビューブラウザ |
Also Published As
Publication number | Publication date |
---|---|
CN101996047B (zh) | 2015-09-30 |
US20110035663A1 (en) | 2011-02-10 |
EP2282259B1 (en) | 2019-05-01 |
KR20110014444A (ko) | 2011-02-11 |
EP2282259A3 (en) | 2014-06-25 |
EP2282259A2 (en) | 2011-02-09 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN101996047B (zh) | 用户界面方法和电子设备 | |
US11250090B2 (en) | Recommended content display method, device, and system | |
US8558790B2 (en) | Portable device and control method thereof | |
CN107071134B (zh) | 移动终端 | |
US9417788B2 (en) | Method and apparatus for providing user interface | |
KR101483776B1 (ko) | 락 스크린의 제공 방법 및 그 제공 방법이 구현된 단말 장치 | |
KR101911804B1 (ko) | 터치 디바이스에서 검색 기능 제공 방법 및 장치 | |
US20110252302A1 (en) | Fitting network content onto a reduced-size screen | |
JP6655275B2 (ja) | モバイル装置及びその制御方法 | |
US20190114043A1 (en) | Method, apparatus, and electronic device for displaying a page and storage medium | |
US20140365950A1 (en) | Portable terminal and user interface method in portable terminal | |
CN103838506A (zh) | 电子设备及其页面导航方法 | |
US20150293929A1 (en) | Method and apparatus for processing webpage in terminal device by using cloud server | |
CN105718189B (zh) | 电子装置以及使用该电子装置显示网页的方法 | |
EP2442240A1 (en) | Mobile terminal and method for controlling the same | |
KR101952171B1 (ko) | 전자기기 및 그의 웹 히스토리 표시 방법 | |
CN104035679A (zh) | 显示代表信息的电子设备及其控制方法 | |
CN102934112A (zh) | 用于生成基于地图的片段的方法和装置 | |
US10895962B2 (en) | Apparatus and method for facilitating browser navigation | |
CN106201301B (zh) | 移动终端及其控制方法 | |
EP2306306A2 (en) | Method for providing widget and apparatus for providing and displaying the same | |
EP3024205B1 (en) | Mobile terminal and control method thereof | |
CN104035710A (zh) | 具有在对象上的预执行的功能的移动设备及其控制方法 | |
JP2002304340A (ja) | データ処理装置及びデータ処理方法 | |
CN106502639A (zh) | 一种数据刷新显示装置及方法 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
C14 | Grant of patent or utility model | ||
GR01 | Patent grant | ||
CF01 | Termination of patent right due to non-payment of annual fee |
Granted publication date: 20150930 Termination date: 20200805 |
|
CF01 | Termination of patent right due to non-payment of annual fee |