CN108089782B - 用于对相关用户界面对象的改变进行建议的方法和装置 - Google Patents
用于对相关用户界面对象的改变进行建议的方法和装置 Download PDFInfo
- Publication number
- CN108089782B CN108089782B CN201611021930.0A CN201611021930A CN108089782B CN 108089782 B CN108089782 B CN 108089782B CN 201611021930 A CN201611021930 A CN 201611021930A CN 108089782 B CN108089782 B CN 108089782B
- Authority
- CN
- China
- Prior art keywords
- similarity
- objects
- attribute
- changed
- change
- 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.)
- Active
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/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
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明涉及一种用于对相关用户界面对象的改变进行建议的方法和装置。根据本发明的方法,其使用相关UI对象间的相似度的计算方法,可以建立相似度列表。当一个UI对象被改变时,基于该相似度列表生成建议。根据本发明的方法,通过对相关UI对象的改变进行自动地建议,可以大大地减少用于改变各种UI对象的工作量。还可以提高多个UI对象之间的一致性。
Description
技术领域
本发明总体上涉及UI(用户界面)设计,更具体地涉及对相关UI对象的改变进行建议。
背景技术
如本领域的技术人员所知,各个UI对象具有各种属性(property),并且在UI对象的属性间存在各种关系。在UI设计期间,经常发生对UI对象的属性的改变。并且,通常,逐个地手动改变属性。
如图1A、图1B和图1C所示,存在包含若干个UI对象的三个不同的画面,并且,图1A、图1B和图1C具有一些具有相同标题的UI对象(例如,如下的按钮,“OK”102和105,“取消”103,“重置为默认值”104、107和109,“设置1”101,“设置2”106和“设置3”108)。更具体地,可以看出,图1A中的按钮“OK”102与图1B中的按钮“OK”105具有相同的高度,并且,图1A中的按钮“重置为默认值”104与图1B的按钮“重置为默认值”107和图1C的按钮“重置为默认值”109具有相同的宽度。
如果设计者想要修改位于不同画面中的多个UI对象,则他必须对这些UI对象的属性逐个手动地修改。以此为例,如果设计者想要增加三个“重置为默认值”按钮的宽度,则请按如下执行以下步骤:
·打开“画面1”并选择“重置为默认值”按钮104。
·增加“画面1”中的“重置为默认值”按钮104的宽度。
·打开“画面2”并选择“重置为默认值”按钮107。
·增加“画面2”中的“重置为默认值”按钮107的宽度。
·打开“画面3”并选择“重置为默认值”按钮109。
·增加“画面3”中的“重置为默认值”按钮109的宽度。
基于上述步骤,可以看出,根据这种方法,设计人员需要手动地进行许多步骤。它不是有效率的。此外,由于人的因素,它容易出错。
在美国专利第6686937B1号中,公开了一种图形用户界面开发环境内的用于提供位于不同视觉显示面板上的窗口小部件之间的交叉窗格视觉显示关联的方法,并手动地指定UI对象间的关系。通常,该专利的方法包括以下主要步骤:
·首先,设计者选择影响窗口小部件。
·设计者选择被影响的窗口小部件。
·设计器选择要影响的显示属性。
在上述步骤之后,建立影响窗口小部件与被影响的窗口小部件之间的一种视觉显示关系。当设计者修改影响窗口小部件的所选的显示属性时,被影响的窗口小部件的显示属性相应地改变。
在该美国专利所描述的方法中,其缺点是,设计者必须手动地创建并更新窗口小部件之间的视觉显示关系;设计者需要付出额外的精力。
因此,存在自动地创建并更新UI对象之间的视觉显示关系的需要。还应当认识到,当UI对象中的一个对象改变时,相关的UI对象也相应地自动改变。
发明内容
根据本发明的方法,其使用相关UI对象间的相似度的计算方法,可以建立相似度列表。当一个UI对象被改变时,基于该相似度列表生成建议。
鉴于上述问题中的至少一个而提出了本发明。
本发明的方面提供一种用于对相关用户界面(UI)对象的改变进行建议的方法,所述方法包括:
计算相关UI对象间的相似度,其中,所述相关UI对象是同一类型的UI对象;
基于相似度,生成相关UI对象中的不同值属性列表;
接收所述UI对象中的一个UI对象的任意属性的改变;
基于被改UI对象与相关UI对象之间的相似度和不同值属性列表,生成对相关UI对象的改变建议。
根据本发明的方法,通过对相关UI对象的改变进行自动地建议,可以大大地减少用于改变各种UI对象的工作量。还可以提高多个UI对象间的一致性。
根据下面参照附图对示例性实施例的描述,本发明的其他的特征将变得清楚。
附图说明
包含在说明书中并构成本说明书的一部分的附图,示出本发明的实施例,并与具体实施方式一起用于解释本发明的原理。
图1A、图1B和图1C示出现有技术1的示意性UI框图。
图2是示意性地示出可以实现根据本发明的实施例的技术的硬件结构的框图。
图3是根据本发明的示例性实施例的对相关UI对象的改变进行建议的总流程图。
图4是根据本发明的示例性实施例的对相关UI对象的改变进行建议的框图。
图5是根据本发明的示例性实施例的对相关UI对象的改变进行建议的具体流程图。
图6是根据本发明的图3的流程图的第一示例性实施例和第二示例性实施例的原始UI的总示意图。
图7是根据图5的第一示例性实施例的对标签间的相似度进行计算的结果的示意图。
图8是根据图5的第一示例性实施例的被改标签的属性的示意图。
图9是根据图5的第一示例性实施例的确认对话框的示意图。
图10是根据图5的第一示例性实施例的被改结果的示意图。
图11是根据图5的第二示例性实施例的被改标签的属性的示意图。
图12是根据图5的第二示例性实施例的确认对话框的示意图。
图13是根据图5的第二示例性实施例的改变结果的示意图。
图14A、图14B和图14C是根据本发明的图3的流程图的第三示例性实施例的原始UI的示意图。
图15是根据图14A、图14B和图14C的第三示例性实施例的对按钮间的相似度进行计算的结果的示意图。
图16A和图16B是根据图14A、图14B和图14C的第三示例性实施例的确认对话框的示意图。
图17A和图17B是根据图14A、图14B和图14C的第三示例性实施例的改变结果的示意图。
图18是根据本发明的图3的流程图的第四示例性实施例的原始UI的示意图。
图19是根据图18的第四示例性实施例的计算标签间的相似度的结果的示意图。
图20是根据图18的第四示例性实施例的改变结果的示意图。
图21是根据图18的第四示例性实施例的改变结果的示意图。
具体实施方式
现在将参照附图详细地描述本发明的各种示例性实施例。应当指出,这些实施例中阐述的部件和步骤的相对布置、数值表达式和数值并不限制本发明的范围,除非另有特别说明。
至少一个示例性实施例的以下描述实质上仅仅是说明性的,并且,决不旨在限制本发明、其应用或使用。
相关领域的普通技术人员所公知的技术、方法和装置可能不被详细讨论,但在适当情况下旨在是本说明书的一部分。
在这里所示出和讨论的所有的例子中,任意具体值应该被解释为仅仅是说明性的、非限制性的。因此,示例性实施例的其它例子可以具有不同的值。
请注意,相似的附图标记和字母指的是以下附图中的相似的项目,因此,一旦一个项目在一个附图中被定义,它就可以不必在下面的附图中被进一步讨论。
首先将参照图2描述可以实现下文中描述的技术的硬件结构。图2是示意性地示出可以实现根据本发明的实施例的技术的硬件结构20的框图。其中,在本发明的一些实施例中,硬件结构20可以是照相机(例如,数字照相机、摄像机和网络照相机)、打印机等。在本发明的一些实施例中,根据本发明的用于对相关UI的改变进行建议的装置41(下文中称为装置41)由硬件或固件构造成,并且用作照相机或打印机的模块或组件。在本发明的一些实施例中,根据本发明的装置41由存储在图2所示的存储设备230中并且由图2所示的中央处理单元(CPU)210执行的软件而构造。例如,下面将参照图4详细地描述装置41。
关于上述实现方式,例如,硬件结构200包括CPU 210、随机存取存储器(RAM)220、存储设备230、输入设备240、输出设备250、网络接口270、***总线260和装置41。
CPU 210是任意合适的可编程的控制设备(例如,处理器),并且,通过执行在存储设备230(例如,只读存储器(ROM)和/或硬盘)中存储的各种应用程序来执行下文中要描述的各种功能。RAM 220用于临时地存储从存储设备230加载的程序或数据,并且也用作这样的空间,在该空间中,CPU 210执行各种程序,例如,实行下文中将参照图4详细地描述的所公开的技术,以及其他可用功能。存储设备230存储多种信息,诸如操作***(OS)、各种应用、控制程序以及由制造商预先存储或预先生成的数据等。
输入设备240允许设计者与硬件结构20交互。例如,设计者可以通过输入设备240触发本发明的相关UI的相应改变。而且,输入设备240可以采用各种形式,例如,键盘或触摸屏。此外,输出设备250是输出接口,例如,显示器、监视器等。
装置41用于自动地创建并更新UI对象之间的视觉显示关系。而且,当UI对象中的一个UI对象改变时,相关的UI对象也相应地自动改变。下面将参照图3详细描述装置41的工作原理。
网络接口270配设用于将硬件结构20连接到网络的接口。例如,硬件结构20经由网络接口270进行与经由网络连接的其他电子设备的数据通信。作为选择方案,可以为硬件结构20配设无线接口,以进行无线数据通信。***总线260提供用于在CPU 210、RAM 220、存储设备230、输入设备240、输出设备250、网络接口270和装置41等彼此之间传输数据的数据传输路径。虽然被称为总线,但是***总线260并不限于任意特定的数据传输技术。
上述的硬件结构20仅仅是说明性的,并且,决不意图限制本发明、其应用或使用。而且,为了简单起见,在图2中只示出一个硬件结构。但是,也可以根据需要使用多个硬件结构。
接下来,详细地解释用于对相关用户界面对象的改变进行建议的方法和装置的示例性实施例。
图3是根据本发明的示例性实施例的对相关UI对象的改变进行建议的流程图。图4是根据本发明的示例性实施例的对相关UI对象的改变进行建议的框图。接下来,在下文中将参照图3和图4详细地描述装置41的工作原理。
如图4所示,装置41通常包括五个模块,分别为相似度计算模块401、属性列表管理模块402、建议确定模块403、建议模块404。各个模块执行相应的功能。
装置41的详细工作流程在图3中示出如下:
在步骤S301,相似度计算模块401基于公式计算相关UI对象间的相似度,其中,相关UI对象是同一类型的UI对象,并且,相关UI对象的相似度也属于同一类型。根据Jaccard相似度:在本发明的一些示例性实施例中,基于以下公式计算相似度:
其中,UI对象的属性包括位置、大小、文本、颜色、字体信息等;此外,∑total_properties表示UI对象的属性的总数,并且∑number_of_properties_with_same_value表示具有相同值的UI对象的属性的数量。
在这个公式中,总和也可以是加权和。各个属性都具有其自身的权重。
在步骤S302,属性列表管理模块402基于相似度生成相关UI对象间的不同值属性列表。
在步骤S303,建议确定模块403接收UI对象中的一个UI对象的任意属性的改变。其中,UI对象的属性可以是位置(例如,X、Y坐标)、大小(例如,字体大小、宽度、高度)、文本、颜色(例如,文本颜色、背景颜色)、字体信息等。改变接收可以是来自设计者的改变请求,也可以是来自服务器的改变指令。
在接收到UI对象中的一个UI对象的任意属性的改变之后,建议确定模块403确定是否应该对相关UI对象进行建议。该确定基于来自相似度计算模块401和属性列表管理模块402的输出。
在步骤S304,建议模块404基于被改UI对象与相关UI对象之间的相似度和不同值属性列表,生成对相关UI对象的改变建议。建议模块404将由建议确定模块403生成的改变建议作为输出呈现。在此步骤中,将被改UI对象与相关UI对象之间的相似度与预定义阈值进行比较。
图5描绘详细的流程图。
接下来,详细地解释根据图3对相关UI对象的改变进行建议的总流程图。
在本发明的一些示例性实施例中,UI对象的类型可以是按钮、标签或输入字段等。在第一示例性实施例和第二示例性实施例中,UI对象是标签,如图6所示的标签的公共用户界面;图6是根据图3的流程图的第一示例性实施例和第二示例性实施例的UI的总示意图。
通常,UI被广泛地用于由移动设备进行的用户注册的标签应用。如图6所示,有四个标签601-604。针对各个标签,有八个同一类型的属性,分别为X、Y、宽度、高度、文本、字体大小、文本颜色、背景颜色。如前所述,X和Y分别表示位置信息,即,水平方向和垂直方向位置信息;宽度和高度表示大小信息。关于四个标签601-604,只有Y属性和文本属性不同。
根据图3的流程图,第一示例性实施例的步骤被详细地解释为如下:
如前所述,在步骤S301,相似度计算模块401基于公式计算相关UI对象间的相似度。在第一示例性实施例的此步骤中,使用公式1在相关标签间计算相似度。针对上述画面中的四个标签601-604,Y和文本是它们中的任意两个之间的不同属性。因此,在它们中的任意两个之间具有相同值的属性的数量始终为6。属性的总数是8。结果是,画面中的任意两个标签之间的相似度为0.75,如图7所示,“姓名”标签、“年龄”标签和“公司”标签,它们中的任意两个标签之间的相似度是0.75,即,等于6除以8。
在步骤S302,属性列表管理模块402基于相似度生成相关UI对象之间的不同值属性列表。在第一示例性实施例的此步骤中,如前所述,针对此画面中的各个标签,Y和文本是在其自身与其他标签之间具有不同值的两个属性。因此,不同属性的列表包括Y和文本。下面是标签中不同值属性的表。
表1不同值属性列表
在步骤S303,建议确定模块403接收UI对象中的一个UI对象的任意属性的改变。在本发明的第一示例性实施例的此步骤中,扩展“职称”标签804的宽度,如图8所示。然后,建议确定模块403接收“职称”标签的宽度的扩展的改变,并且基于图7的相似度和表1的不同值属性列表来确定是否应该对相关标签进行建议。
在步骤S304,建议模块404基于被改UI对象与相关UI对象之间的相似度和不同值属性列表,生成对相关UI对象的改变建议。在第一示例性实施例的此步骤中,将标签804与相关标签601-603之间的相似度、与预定义的阈值进行比较。具体地,详细步骤如下:
(a)将被改标签的被改属性与不同值属性列表进行比较。此步骤对应于图5的流程图的步骤S504。
(b)将被改标签与相关标签之间的相似度与预定义的阈值进行比较。此步骤对应于图5的流程图的步骤S505。
(c)当相似度大于预定义阈值时生成改变建议,并且,被改标签中的被改属性在不同值属性列表之外,即,被改标签中的被改属性不等同于(not equivalent to)不同值属性列表中的属性。此步骤对应于图5的流程图的步骤S506。
在本发明的第一示例性实施例中,预定义阈值被设置为0.6。
此外,检查被改属性是否在被改标签与相关标签之间的不同值属性列表中,如表2所示。
表2生成改变建议
在第一示例性实施例中,根据表2得出这样的结论,只有当与被改标签的相似度大于预定义阈值和被改属性(“宽度”)不在不同值属性列表中的这两个标准被满足时,将生成改变建议。
在第一示例性实施例中,生成的改变建议如下列出:
·将“姓名”标签的“宽度”属性改变为与“职称”标签相同。
·将“年龄”标签的“宽度”属性改变为与“职称”标签相同。
·将“公司”标签的“宽度”属性改变为与“职称”标签相同。
在第一示例性实施例中,弹出确认对话框以示出改变建议,如图9的复选框901所示。
在图9的对话框中,设计者可以通过切换复选框来决定是否接受任意的改变建议。此外,可以自动做出决定。如果所有的三个改变建议被接受,则基于改变建议而改变相关标签的属性。在所有的所建议的改变被处理后;对相关标签之间的相似度和相关标签间的不同值属性列表进行更新。在第一示例性实施例中,被改画面应该看起来像图10中那样。标签1001-1004都被扩展并具有相等大小的关系。
如果设计者使用对属性逐个手动地改变的方法,则他需要多次选择并调整标签大小。此外,他必须在调整大小之前进行多次选择。如果这些元素不在一个画面中,则不容易进行多次选择。本实施例中的改变建议是智能的。它减少了UI设计中的手动操作,还可以避免由于手动改变而导致的错误。
采用本发明的图3的流程图的第二示例性实施例,其仍然使用图6中的原始UI。
根据图3的流程图,第二示例性实施例的步骤被详细地解释为如下:
如前所述,在步骤S301,相似度计算模块401基于公式计算相关UI对象之间的相似度。在第二示例性实施例的此步骤中,其与第一示例性实施例相同,并且不再重复它。
在步骤S302,属性列表管理模块402基于相似度生成相关UI对象间的不同值属性列表。在第二示例性实施例的此步骤中,其也与第一示例性实施例相同,下面是标签间的不同值属性列表。
表3不同值属性列表
在步骤S303,建议确定模块403接收UI对象中的一个UI对象的任意属性的改变。在本发明的第二示例性实施例的此步骤中,“姓名”标签1101向右移动,如图11所示。然后,建议确定模块403接收“姓名”标签的向右移动的改变,并且基于图7的相似度和表3的不同值属性列表来确定是否应该对相关标签进行建议。
在步骤S304,建议模块404基于被改UI对象与相关UI对象之间的相似度和不同值属性列表,生成对相关UI对象的改变建议。在第二示例性实施例的此步骤中,使用与前述相同的方法,在表4中示出了检查列表。在本发明的第二示例性实施例中,预定义阈值被设置为0.6。
表4检查列表
在第二示例性实施例中,生成的改变建议如下列出:
·将“年龄”标签的“X”属性改变为与“姓名”标签相同。
·将“公司”标签的“X”属性改变为与“姓名”标签相同。
·将“职称”标签的“X”属性改变为与“姓名”标签相同。
在本发明的第二示例性实施例中,弹出确认对话框以示出改变建议,如图12的复选框1201所示。如果设计者接受所有的三个建议,则画面应该看起来如图13。标签1301-1304都向右移动并具有对齐关系。
如果设计者使用对属性逐个手动地改变的方法,则他需要多次选择并移动标签。此外,他必须在移动之前进行多次选择。如果这些元素不在一个画面中,则不容易进行多次选择。
本实施例中的改变建议是智能的。它减少了UI设计中的手动操作,还可以避免由于手动改变而导致的错误。
采用本发明的图3的流程图的第三示例性实施例。在本实施例中,UI对象是按钮,原始UI具有三个画面,如图14A、图14B和图14C所示。
可以看出,在图14A的“画面1”中,有三个按钮,分别是“OK”按钮1402、“取消”按钮1403和“重置”按钮1404;在图14B的“画面2”中,有一个“OK”按钮1405和“重置”按钮1407;在图14C的“画面3”中,有一个“重置”按钮1409。针对各个按钮,有八个属性,分别是X、Y、宽度、高度、文本、字体大小和文本颜色以及背景颜色。
类似地,根据图3的流程图,第三示例性实施例的步骤被详细地解释为如下:
如前所述,在步骤S301,相似度计算模块401基于公式计算相关UI对象间的相似度。在第三示例性实施例的此步骤中,使用公式1在相关按钮间计算相似度。使用公式1,可以计算按钮间的相似度。相似度的计算结果在图15中示出,其中画面1中的“OK”与画面1中的“重置”
之间的相似度为0.25;画面2中的“取消”与画面1中的“重置”之间的相似度为0.25;画面1中的“重置”与画面2中的“重置”之间的相似度是0.875;画面2中的“OK”与画面1中的“重置”之间的相似度为0.25;画面1中的“重置”与画面3中的“重置”之间的相似度为0.75。
请注意,计算的相似度不限于一个画面。其范围是本实施例中的项目或工作空间。因此,还计算位于不同画面中的按钮间的相似度。
在步骤S302,属性列表管理模块402基于相似度生成相关UI对象间的不同值属性列表。在第三示例性实施例的此步骤中,其也与第一示例性实施例和第二示例性实施例相同,下面是按钮间的不同值属性列表的一部分。
表5不同值属性列表
在步骤S303,建议确定模块403接收UI对象中的一个UI对象的任意属性的改变。在第三示例性实施例的此步骤中,画面1中的“重置”按钮1404的文本属性被改变为“重置为默认值”。然后,建议确定模块403接收“重置”按钮的文本属性的改变,并且基于图14的相似度和表5的不同值属性列表来确定是否应该对相关按钮进行建议。
在步骤S304,建议模块404基于被改UI对象与相关UI对象之间的相似度和不同值属性列表,生成对相关UI对象的改变建议。在第三示例性实施例的此步骤中,使用与前述相同的方法,在表6中示出了检查列表。在第三示例性实施例中,预定义的阈值被设置为0.75。
表6检查列表
在本发明的第三示例性实施例中,生成的改变建议如下列出:
·将画面2中的“重置”按钮1407的文本属性改变为“重置为默认值”。
·将画面3中的“重置”按钮1409的文本属性改变为“重置为默认值”。
在第三示例性实施例中,弹出确认对话框1601和1602以示出改变建议,如图16A和图16B所示。如果它被接受,则画面2和画面3将看起来如图17A和图17B所示。
本实施例中的改变建议是智能的。它减少了UI设计中的手动操作,还可以避免由于手动改变而导致的错误。
采用本发明的图3的流程图的第四示例性实施例。在本申请的此实施例中,UI对象是标签。
可以看出,在图18中,有三个标签,分别是“P”标签1801、“单张拍摄”(ONE SHOT)标签1801和“曝光补偿/AEB设置”标签(以下称为“曝光”标签)1803;
针对各个标签,有八个属性,分别为X、Y、宽度、高度、文本、字体大小和文本颜色以及背景颜色。
类似地,根据图3的流程图,第四示例性实施例的步骤被详细地解释为如下:
如前所述,在步骤S301,相似度计算模块401基于公式计算相关UI对象间的相似度。在第四示例性实施例的此步骤中,使用公式1在相关标签间计算相似度。使用公式1,可以计算标签间的相似度。相似度的计算结果在图19中示出,其中“P”标签和“单张拍摄”标签之间的相似度为0.375;“单张拍摄”标签和“曝光”标签之间的相似度为0.375;并且“P”标签和“曝光”标签之间的相似度为0.25。
在步骤S302,属性列表管理模块402基于相似度生成相关UI对象间的不同值属性列表。在第四示例性实施例的此步骤中,其也与第一示例性实施例、第二示例性实施例和第三示例性实施例相同,下面是标签间的不同值属性列表的一部分。
表7不同值属性列表
在步骤S303,建议确定模块403接收UI对象中的一个UI对象的任意属性的改变。在第四示例性实施例的此步骤中,“P”标签的X属性增加10个像素。然后,建议确定模块403接收“P”标签的X属性的改变,并且基于图19的相似度和表7的不同值属性列表来确定是否应该对相关标签进行建议。
在步骤S304,建议模块404基于被改UI对象与相关UI对象之间的相似度和不同值属性列表,生成对相关UI对象的改变建议。在第四示例性实施例的此步骤中,使用与前述相同的方法,在表8中示出了检查列表。在第四示例性实施例中,用于X属性的预定义阈值被设置为0.2。此预定义阈值相对较低,因为左对齐是UI布局中常用的水平对齐方法。较低的阈值使其更容易被保持。
表8检查列表
在本发明的第四示例性实施例中,生成的改变建议如下列出:
·将“单张拍摄”标签1802的X属性增加10个像素。
·将“曝光”标签1803的X属性增加10个像素。
在本申请的第四示例性实施例中,弹出确认对话框以显示改变建议。
如果这两个建议都被接受,则被改画面应该看起来像图20中那样,并且用于X属性的阈值被进一步降低以更好地满足设计者的期望。
在步骤S303,建议确定模块403接收UI对象中的一个UI对象的任意属性的改变。在第四示例性实施例的此步骤中,设计者做出另一种改变。“单张拍摄”标签的文本颜色属性从白色改变为黄色。然后,建议确定模块403接收“单张拍摄”标签的文本颜色属性的改变,并且基于图19的相似度和表7的不同值属性列表来确定是否应该对相关标签进行建议。
在步骤S304,建议模块404基于被改UI对象与相关UI对象之间的相似度和不同值属性列表,生成对相关UI对象的改变建议。在第四示例性实施例的此步骤中,使用与前述相同的方法,在表9中示出了检查列表。在本发明的第四示例性实施例中,用于文本颜色属性的预定义的阈值被设置为0.35。此预定义阈值较高。
表9检查列表
在本发明的第四示例性实施例中,生成的改变建议如下列出:
·将“P”标签1801的文本颜色属性从白色改变为黄色。
在第四示例性实施例中,弹出确认对话框以显示改变建议。
如果此建议被接受,则在图21中示出被改画面,其中“P”标签的文本颜色属性被改变(图中未示出该颜色)。用于文本颜色属性的阈值将被适当地减小,因为建议的改变满足设计者的期望。此过程对应于图5的流程图的步骤S510。
如果此建议被拒绝,则将增大用于文本颜色属性的阈值以更好地满足设计者的期望。此过程对应于图5的流程图的步骤S511。在本申请的一些实施例中,阈值可以从0.35增大到0.4。结果是,下一次,如果“单张拍摄”的文本颜色属性改变,则根据表10将不建议改变。
表10检查列表
本实施例中的用于改变建议的阈值基于被改属性而变化。此外,可以根据设计者在确认对话框上的操作自动调整阈值。当更多建议被接受时,阈值减小。另一方面,当较少的建议被接受时,阈值增大。它更加智能,并且更好地满足设计者的期望。
与现有技术相比,本发明的技术方案具有以下技术效果:
·自动地识别UI对象间的关系。
·自动地提供改变建议。
·技术解决方案有助于减少UI设计期间的工作量。结果是,本发明的生产率提高。
可以通过很多方式来实施本发明的方法和***。例如,可以通过软件、硬件、固件或其任意组合来实施本发明的方法和***。本方法的步骤的上述顺序仅旨在是说明性的,并且,本发明的方法的步骤不局限于上述具体描述的顺序,除非另有具体说明。此外,在一些实施例中,本发明还可以被实施为在记录介质中记录的程序,其包括用于实现根据本发明的方法的机器可读指令。
在上述实施例中,被改属性是位置和文本。除此之外,被改属性还可以是大小、背景颜色、前景颜色、字体信息等。
虽然已经通过示例详细地展示了本发明的一些具体实施例,但是本领域的技术人员应该理解,上述示例仅旨在是说明性的,而不限制本发明的范围。本领域的技术人员应该理解,上述实施例可以在不脱离本发明的范围和精神的情况下被修改。本发明的范围由所附权利要求限定。
Claims (17)
1.一种用于对相关UI对象的改变进行建议的方法,所述方法包括:
(1)计算相关UI对象间的相似度,其中,所述相关UI对象是同一类型的UI对象;
(2)基于相似度,生成相关UI对象间的不同值属性列表;
(3)接收所述UI对象中的一个UI对象的任意属性的改变;
(4)基于被改UI对象与相关UI对象之间的相似度和不同值属性列表,生成对相关UI对象的改变建议,其中生成对相关UI对象的改变建议的步骤包括:
(a)将被改UI对象的被改属性与所述不同值属性列表中的属性进行比较;
(b)将被改UI对象与相关UI对象之间的相似度与预定义阈值进行比较;
(c)在相似度大于所述预定义阈值并且被改UI对象的被改属性不等同于所述不同值属性列表中的所述属性的情况下,生成改变建议。
2.根据权利要求1所述的方法,其中,所述UI对象是按钮、标签或输入字段。
3.根据权利要求1所述的方法,其中,所述UI对象的属性是位置、大小、文本、颜色、字体信息中的至少一者。
4.根据权利要求1所述的方法,其中,通过UI对象的具有相同值的属性的数量除以所述UI对象的属性的总数来计算相似度。
5.根据权利要求1所述的方法,其中,所述预定义阈值基于被改属性而变化。
6.根据权利要求1所述的方法,其中,所述预定义阈值在建议被拒绝时增大。
7.根据权利要求1所述的方法,其中,所述预定义阈值在建议被接受时减小。
8.根据权利要求1所述的方法,所述方法还包括通过弹出确认对话框来呈现改变建议。
9.根据权利要求1所述的方法,所述方法还包括自动地接受改变建议。
10.根据权利要求1所述的方法,所述方法还包括:
(i)当一个呈现的改变建议被接受时,基于该改变建议来改变相关UI对象的属性;
(ii)在所有的所建议的改变被处理之后,对UI对象之间的相似度、以及UI对象间的不同值属性列表进行更新。
11.一种用于对相关UI对象的改变进行建议的装置,所述装置包括:
相似度计算模块,其计算相关UI对象间的相似度,其中,所述相关UI对象是同一类型的UI对象;
属性列表管理模块,其基于相似度,生成相关UI对象间的不同值属性列表;
建议确定模块,其接收所述UI对象中的一个UI对象的任意属性的改变;
建议模块,其基于被改UI对象与相关UI对象之间的相似度和不同值属性列表,生成对相关UI对象的改变建议,其中建议模块还包括:
(a)将被改UI对象的被改属性与所述不同值属性列表中的属性进行比较;
(b)将被改UI对象与相关UI对象之间的相似度与预定义的阈值进行比较;
(c)在相似度大于所述预定义阈值并且被改UI对象的被改属性不等同于所述不同值属性列表中的所述属性的情况下,生成改变建议。
12.根据权利要求11所述的装置,其中,所述UI对象是按钮、标签或输入字段。
13.根据权利要求11所述的装置,其中,所述UI对象的属性是位置、大小、文本、颜色、字体信息中的至少一者。
14.根据权利要求11所述的装置,其中,通过UI对象的具有相同值的属性的数量除以所述UI对象的属性的总数来计算相似度。
15.根据权利要求11所述的装置,所述装置还包括通过弹出确认对话框来呈现改变建议。
16.根据权利要求11所述的装置,所述装置还包括自动地接受所述改变建议。
17.根据权利要求11所述的装置,其中,建议模块还包括:
(i)当一个呈现的改变建议被接收时,基于该改变建议来改变相关UI对象的属性;
(ii)在所有的所建议的改变被处理后,对UI对象之间的相似度、以及UI对象间的不同值属性列表更新。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201611021930.0A CN108089782B (zh) | 2016-11-21 | 2016-11-21 | 用于对相关用户界面对象的改变进行建议的方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201611021930.0A CN108089782B (zh) | 2016-11-21 | 2016-11-21 | 用于对相关用户界面对象的改变进行建议的方法和装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN108089782A CN108089782A (zh) | 2018-05-29 |
CN108089782B true CN108089782B (zh) | 2021-02-26 |
Family
ID=62169393
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201611021930.0A Active CN108089782B (zh) | 2016-11-21 | 2016-11-21 | 用于对相关用户界面对象的改变进行建议的方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN108089782B (zh) |
Family Cites Families (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
EP1440433B1 (en) * | 2001-11-02 | 2005-05-04 | Matsushita Electric Industrial Co., Ltd. | Audio encoding and decoding device |
EP1631953A4 (en) * | 2003-06-11 | 2006-10-25 | Sony Electronics Inc | METHOD AND SYSTEM FOR RECOMMENDING CONNECTIVITY CONFIGURATIONS |
US10095485B2 (en) * | 2009-12-29 | 2018-10-09 | International Business Machines Corporation | Analyzing objects from a graphical interface for standards verification |
US10139995B2 (en) * | 2010-06-02 | 2018-11-27 | Allen Learning Technologies | Device having graphical user interfaces and method for developing multimedia computer applications |
CN102663034A (zh) * | 2012-03-23 | 2012-09-12 | 北京云图微动科技有限公司 | 文件排版装置和文件排版方法 |
US20140258305A1 (en) * | 2013-03-06 | 2014-09-11 | Tremus, Inc. D/B/A Trustfactors, Inc. | Systems and methods for providing contextual trust scores |
CN105912831B (zh) * | 2015-02-19 | 2021-08-20 | 松下知识产权经营株式会社 | 信息终端的控制方法 |
-
2016
- 2016-11-21 CN CN201611021930.0A patent/CN108089782B/zh active Active
Also Published As
Publication number | Publication date |
---|---|
CN108089782A (zh) | 2018-05-29 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US11816309B2 (en) | User interface logical and execution view navigation and shifting | |
US9026928B2 (en) | Graphical user interface layout | |
KR101930565B1 (ko) | 몰입형 환경의 맞춤화 기법 | |
US11790158B1 (en) | System and method for using a dynamic webpage editor | |
US20150143272A1 (en) | Method for performing batch management on desktop icon and digital mobile device | |
US20210096526A1 (en) | Task based configuration presentation context | |
US11222171B2 (en) | Enhanced pivot table creation and interaction | |
US8984424B2 (en) | Layout of user interface elements | |
US11775142B2 (en) | Preferential automation view curation | |
JP6750124B2 (ja) | 端末装置、ui拡張方法及びui拡張プログラム | |
KR102351420B1 (ko) | 단일 뷰에서의 검색 결과-기반 리스팅 생성 | |
US10908764B2 (en) | Inter-context coordination to facilitate synchronized presentation of image content | |
EP3289479B1 (en) | Rendering graphical assets natively on multiple screens of electronic devices | |
JP2005148450A (ja) | 表示制御装置およびプログラム | |
US10241658B2 (en) | Information processing apparatus, non-transitory computer-readable recording medium with information processing program recorded thereon, and information processing method | |
CN108089782B (zh) | 用于对相关用户界面对象的改变进行建议的方法和装置 | |
AU2015264474A1 (en) | Systems and methods for programming behavior of a website to respond to capabilities of different devices | |
US20180121044A1 (en) | Run-time event handler generation in json environments | |
EP2743826A1 (en) | Service providing device, and method of providing a user interface | |
CN114723855A (zh) | 图像生成方法及装置、设备和介质 | |
US20150293652A1 (en) | Creating an interaction area for listing user-selectable items | |
US9092550B2 (en) | Auto suggestion tool | |
US20190020550A1 (en) | System for generating an architecture diagram | |
US10248916B2 (en) | Organizational chart exporting with layout preview and customization | |
CN111597478B (zh) | 三维模型中窗口附加网页的方法、装置、终端及存储介质 |
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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |