用于辅助图形化用户界面设计的方法和装置制造方法

用于辅助图形化用户界面设计的方法和装置制造方法
【专利摘要】本发明的各实施方式提供了用于辅助图形化用户界面设计的方法和装置。在本发明的一个实施方式中，提供了一种用于辅助图形化用户界面设计的方法，包括：从第一文化背景下的第一用户界面提取第一界面元素；从规则库中搜索与第一界面元素相对应的至少一个转换规则；基于至少一个转换规则，将第一界面元素转换为第二文化背景下的第二界面元素；以及提供至少包括第二界面元素的第二用户界面；其中至少一个转换规则中的每一个至少包括针对第一界面元素执行的动作。在本发明的一个实施方式中，提供了一种用于辅助图形化用户界面设计的装置。
【专利说明】用于辅助图形化用户界面设计的方法和装置
【技术领域】
[0001]本发明的各实施方式涉及图形化用户界面(Graphical User Interface,⑶I),更具体地，涉及用于辅助图形化用户界面设计的方法和装置。
【背景技术】
[0002]随着计算机技术的发展，各种应用程序已经深入到人们工作和生活的各个方面。在要求应用程序功能完善的同时，用户对于应用程序的用户界面的要求也日渐提高，一方面要求界面设计更加友好以便于用户操作，另一方面还要求界面的视觉效果能够符合各种文化背景下的用户审美标准并且符合其使用习惯。
[0003]然而在设计图形化用户界面中存在的一个问题是，不同文化背景中的用户对于图形化用户界面的要求是不同的，例如，审美标准不同、语言环境不同、日期、时间表示格式不同，等等。对于图形化用户界面的设计者而言，当将他/她设计的图形化用户界面从源文化背景(诸如，中国文化)移植到目标文化背景(诸如，美国文化)时，很可能会丢失原有用户界面的布局和/或视觉效果。例如，由于汉语和英语在表示相同含义时使用词汇的长度很可能不相同，因而可能造成不能在预留空间内完整显示文字，甚至造成用户界面上出现文字重叠等混乱状况。又例如，当目标语言是阿拉伯语、希伯来语等从右向左书写的语言时，将会造成更多的问题。
[0004]在图形化用户界面设计过程中，目前还没有能够辅助设计者预览图形化用户界面在不同文化背景下的视觉效果的工具。而当设计已经完成并将该界面设计移植到其他文化背景下后，如果出现问题则不得不重新退回到设计阶段修改原始设计。这一方面造成延长软件开发周期，另一方面还会白白消耗大量人力和物力。
[0005]随着软件全球化的趋势，软件开发商在设计初期越来越关注如何使得软件的图形化用户界面更加适合于不同文化背景，这使得多元化文化背景下的图形化用户界面设计成为一个关注焦点。

【发明内容】

[0006]因而，期望开发一种能够辅助图形化用户界面设计的技术方案，并期望该方案能够在图形化用户界面的设计阶段中，辅助设计者预览设计界面被移植到不同文化背景下的可视化效果。还期望该方案能够定制在移植时需要遵循的规则，例如针对设计界面中的不同元素执行何种转换操作。在预览设计界面在不同文化背景下的可视化效果的基础上，设计者可以随时调整设计界面中各种设计元素的布局、效果，进而加快设计进度。
[0007]根据本发明的一个方面，提供了一种用于辅助图形化用户界面设计的方法，包括:从第一文化背景下的第一用户界面提取第一界面元素；从规则库中搜索与第一界面元素相对应的至少一个转换规则；基于至少一个转换规则，将第一界面元素转换为第二文化背景下的第二界面元素；以及提供至少包括第二界面元素的第二用户界面；其中至少一个转换规则中的每一个至少包括针对第一界面元素执行的动作。[0008]根据本发明的一个方面，至少一个转换规则中的每一个进一步包括第一界面元素的类型。
[0009]根据本发明的一个方面，提供了一种用于辅助图形化用户界面设计的装置，包括:提取模块，配置用于从第一文化背景下的第一用户界面提取第一界面元素；搜索模块，配置用于从规则库中搜索与第一界面元素相对应的至少一个转换规则；转换模块，配置用于基于至少一个转换规则，将第一界面元素转换为第二文化背景下的第二界面元素；以及提供模块，配置用于提供至少包括第二界面元素的第二用户界面；其中至少一个转换规则中的每一个至少包括针对第一界面元素执行的动作。
[0010]根据本发明的一个方面，至少一个转换规则中的每一个进一步包括第一界面元素的类型。
[0011]采用本发明所述的方法和装置，可以在尽可能少地改变现有图形化用户界面设计流程的情况下，大大降低在考虑多重文化背景时所投入的人力和物力成本，进而提高图形化用户界面的设计效率；并且还可以预览设计界面在多重文化背景下可能出现的问题，并有针对性地调整原始设计。
【专利附图】

【附图说明】
[0012]通过结合附图对本公开示例性实施方式进行更详细的描述，本公开的上述以及其它目的、特征和优势将变得更加明显，其中，在本公开示例性实施方式中，相同的参考标号通常代表相同部件。
[0013]图1示出了适于用来实现本发明实施方式的示例性计算机系统/服务器12的框图；
[0014]图2A-图2C分别示意性示出了根据一个解决方案形成的在不同文化背景下的用户界面的图示；
[0015]图3示意性示出了根据本发明一个实施方式的系统架构图；
[0016]图4示意性示出了根据本发明一个实施方式的方法的流程图；
[0017]图5示意性示出了根据本发明一个实施方式的用户界面的元数据的示意图；
[0018]图6示意性示出了根据本发明一个实施方式的将第一文化背景下的用户界面转换为第二文化背景下的用户界面的图示；以及
[0019]图7示意性示出了根据本发明一个实施方式的装置的框图。
【具体实施方式】
[0020]下面将参照附图更详细地描述本公开的优选实施方式。虽然附图中显示了本公开的优选实施方式，然而应该理解，可以以各种形式实现本公开而不应被这里阐述的实施方式所限制。相反，提供这些实施方式是为了使本公开更加透彻和完整，并且能够将本公开的范围完整地传达给本领域的技术人员。
[0021]所属【技术领域】的技术人员知道，本发明可以实现为系统、方法或计算机程序产品。因此，本公开可以具体实现为以下形式，即:可以是完全的硬件、也可以是完全的软件(包括固件、驻留软件、微代码等)，还可以是硬件和软件结合的形式，本文一般称为“电路”、“模块”或“系统”。此外，在一些实施例中，本发明还可以实现为在一个或多个计算机可读介质中的计算机程序产品的形式，该计算机可读介质中包含计算机可读的程序代码。
[0022]可以采用一个或多个计算机可读的介质的任意组合。计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质。计算机可读存储介质例如可以是一但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子(非穷举的列表)包括:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPR0M或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本文件中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。
[0023]计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括——但不限于——电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。
[0024]计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括一但不限于一无线、电线、光缆、RF等等，或者上述的任意合适的组合。
[0025]可以以一种或多种程序设计语言或其组合来编写用于执行本发明操作的计算机程序代码，所述程序设计语言包括面向对象的程序设计语言-诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言-诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络一包括局域网(LAN)或广域网(WAN)-连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
[0026]下面将参照本发明实施例的方法、装置(系统)和计算机程序产品的流程图和/或框图描述本发明。应当理解，流程图和/或框图的每个方框以及流程图和/或框图中各方框的组合，都可以由计算机程序指令实现。这些计算机程序指令可以提供给通用计算机、专用计算机或其它可编程数据处理装置的处理器，从而生产出一种机器，这些计算机程序指令通过计算机或其它可编程数据处理装置执行，产生了实现流程图和/或框图中的方框中规定的功能/操作的装置。
[0027]也可以把这些计算机程序指令存储在能使得计算机或其它可编程数据处理装置以特定方式工作的计算机可读介质中，这样，存储在计算机可读介质中的指令就产生出一个包括实现流程图和/或框图中的方框中规定的功能/操作的指令装置(instructionmeans)的制造品(manufacture)。
[0028]也可以把计算机程序指令加载到计算机、其它可编程数据处理装置、或其它设备上，使得在计算机、其它可编程数据处理装置或其它设备上执行一系列操作步骤，以产生计算机实现的过程，从而使得在计算机或其它可编程装置上执行的指令能够提供实现流程图和/或框图中的方框中规定的功能/操作的过程。
[0029]图1示出了适于用来实现本发明实施方式的示例性计算机系统/服务器12的框图。图1显示的计算机系统/服务器12仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。
[0030]如图1所示，计算机系统/服务器12以通用计算设备的形式表现。计算机系统/服务器12的组件可以包括但不限于:一个或者多个处理器或者处理单元16，系统存储器28，连接不同系统组件(包括系统存储器28和处理单元16)的总线18。
[0031]总线18表示几类总线结构中的一种或多种，包括存储器总线或者存储器控制器，外围总线，图形加速端口，处理器或者使用多种总线结构中的任意总线结构的局域总线。举例来说，这些体系结构包括但不限于工业标准体系结构(ISA)总线，微通道体系结构(MAC)总线，增强型ISA总线、视频电子标准协会(VESA)局域总线以及外围组件互连(PCI)总线。
[0032]计算机系统/服务器12典型地包括多种计算机系统可读介质。这些介质可以是任何能够被计算机系统/服务器12访问的可用介质，包括易失性和非易失性介质，可移动的和不可移动的介质。
[0033]系统存储器28可以包括易失性存储器形式的计算机系统可读介质，例如随机存取存储器(RAM) 30和/或高速缓存存储器32。计算机系统/服务器12可以进一步包括其它可移动/不可移动的、易失性/非易失性计算机系统存储介质。仅作为举例，存储系统34可以用于读写不可移动的、非易失性磁介质(图1未显示，通常称为“硬盘驱动器”)。尽管图1中未示出，可以提供用于对可移动非易失性磁盘(例如“软盘”)读写的磁盘驱动器，以及对可移动非易失性光盘(例如⑶-ROM，DVD-ROM或者其它光介质)读写的光盘驱动器。在这些情况下，每个驱动器可以通过一个或者多个数据介质接口与总线18相连。存储器28可以包括至少一个程序产品，该程序产品具有一组(例如至少一个)程序模块，这些程序模块被配置以执行本发明各实施例的功能。
[0034]具有一组(至少一个)程序模决42的程序/实用工具40，可以存储在例如存储器28中，这样的程序模块42包括——但不限于——操作系统、一个或者多个应用程序、其它程序模块以及程序数据，这些示例中的每一个或某种组合中可能包括网络环境的实现。程序模块42通常执行本发明所描述的实施例中的功能和/或方法。
[0035]计算机系统/服务器12也可以与一个或多个外部设备14(例如键盘、指向设备、显示器24等)通信，还可与一个或者多个使得用户能与该计算机系统/服务器12交互的设备通信，和/或与使得该计算机系统/服务器12能与一个或多个其它计算设备进行通信的任何设备(例如网卡，调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口 22进行。并且，计算机系统/服务器12还可以通过网络适配器20与一个或者多个网络(例如局域网(LAN)，广域网(WAN)和/或公共网络，例如因特网)通信。如图所示，网络适配器20通过总线18与计算机系统/服务器12的其它模块通信。应当明白，尽管图中未示出，可以结合计算机系统/服务器12使用其它硬件和/或软件模块，包括但不限于:微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、RAID系统、磁带驱动器以及数据备份存储系统等。
[0036]目前，已经出现了一些辅助设计工具(例如,Maqetta,该工具可以从http://www.maqetta.0rg处获得)。这些工具支持拖拽界面设计中的各种元素，以调整界面设计的布局和视觉效果；然而，它们仅能够支持设计者在特定的文化背景中进行设计，而并不支持将设计期间的界面设计转换到其他文化背景中进行预览。[0037]图2k_图2C分别示意性示出了根据一个解决方案形成的在不同文化背景下的用户界面的图示。图2A示出了设计者在他/她的本国文化背景(例如，中国)下开发的用户界面，此时界面中的文字为汉语，界面中各种控件的大小均按照汉语版式进行设计。参考数字210A和220A分别示出了按钮控件“取消”和“确认”。
[0038]当将图2A所示的用户界面被移植到另一文化背景(例如，美国)下时，界面如图2B所示。应当注意，此时由于按钮中文字的书写语言从汉语改变至英语，导致按钮210B的大小不再适合于显示“Cancel”。按照目前的解决方案，设计者不得不退回设计阶段重新调整在中国文化背景下的按钮大小，以便在移植到美国文化背景时可以显示完整的文字(如图2C)所示。
[0039]为解决上述问题，本发明提供了一种用于辅助图形化用户界面设计的方法，包括:从第一文化背景下的第一用户界面提取第一界面元素；从规则库中搜索与第一界面元素相对应的至少一个转换规则；基于至少一个转换规则，将第一界面元素转换为第二文化背景下的第二界面元素；以及提供至少包括第二界面元素的第二用户界面；其中至少一个转换规则中的每一个至少包括针对第一界面元素执行的动作。
[0040]应当注意，本发明提供一种在图形化用户界面设计过程期间使用的辅助工具，可以帮助设计者在设计期间预览图形化用户界面在各种文化背景下的视觉效果，进而预先考虑到在后期将软件被移植到其他文化背景时所遇到的问题。应当注意，本发明并不是简单地对图形化用户界面进行翻译的过程，而是根据转换规则将用户界面中的各个界面元素转换为符合目标文化背景要求的处理过程。
[0041]图3示意性示出了根据本发明一个实施方式的系统架构图300。该图示出了在第一文化背景314下的第一用户界面310，该用户界面310可以包括至少一个第一界面元素312 (可以包括但不限于各种控件，诸如图像、按钮、列表、文字标签等)。规则库340中存储如何将至少一个界面元素312中的一个进行转换的转换规则。规则库340中可以包括一条或者多条转换规则。通过从规则库340中搜索适合的转换规则，并且基于该适合的转换规则中的动作来对相应的第一界面元素312进行转换330，可以获得第二界面元素320。应当注意，此处的规则库340定义第一文化背景314下的第一界面元素312和第二文化背景324下的第二界面元素322之间的对应关系，其中第二界面元素322是符合第二文化背景324的界面元素。以此方式，可以向设计者提供第二文化背景324下的第二用户界面320。
[0042]在下文中将参见图4-图7详细描述本发明的各个实施方式。图4示意性示出了根据本发明一个实施方式的方法的流程图400。首先，在步骤S402中，从第一文化背景下的第一用户界面提取第一界面元素。在本发明的实施方式中，输入数据是第一文化背景下的第一用户界面。在此第一用户界面可以采用与现有图形化用户界面设计工具输出的界面格式相兼容的格式。以此方式，可以将采用现有图形化用户界面设计工具(例如Maqetta)等输出的用户界面直接作为本发明中各个实施方式的输入数据，以便预览用户界面在不同的文化背景下的可视化效果。
[0043]应当注意，尽管图2A-图2C中以汉语显示的按钮控件作为界面元素的示例，然而界面元素可以是在用户界面上设置的各种控件、微件等，包括但不限于按钮、图像、链接、滚动条、滑动条、数据拾取器、颜色拾取器、列表、输入域、单选框、复选框、文本、音频/视频项目以及相关的控件、地图，等等。[0044]在步骤S404中，从规则库中搜索与第一界面元素相对应的至少一个转换规则，其中至少一个转换规则中的每一个至少包括针对第一界面元素执行的动作。规则库中可以存储至少一条转换规则，转换规则定义如何将第一文化背景下的第一界面元素转换为第二文化背景下的第二界面元素。每个界面元素可以对应于至少一个转换规则，不同的界面元素可以对应于相同或者不同的一个或者多个转换规则。
[0045]在步骤S406中，基于至少一个转换规则，将第一界面元素转换为第二文化背景下的第二界面元素。经过步骤S404，所获得的转换规则是与第一界面元素相对应的至少一个转换规则，因而在此步骤中仅需要针对第一界面元素逐一执行每个转换规则中的相应动作，即可获得第二文化背景下的第二界面元素。
[0046]最后，在步骤S408中，提供至少包括第二界面元素的第二用户界面。可以以多种方式提供第二用户界面，例如可以以代码形式提供第二用户界面并通过解码该代码来提供可视化效果，或者还可以直接以图像形式提供可视效果的预览。
[0047]应当注意，在本发明的一个实施方式中，在步骤S402中，可以从第一用户界面中提取部分或者全部的第一界面元素。例如，设计者可以指定针对哪些第一界面元素进行转换，而针对哪些第一界面元素不进行转换。例如在美国文化背景下的界面设计中可能会包括软件公司的英语名称，而当将界面设计移植到中国文化背景下时，可以指定对包括该软件公司英语名称的界面元素不进行转换。这样，在中国文化背景下的界面预览中，仍然显示软件公司的英语名称。
[0048]由于设计者可以指定仅对用户界面中的一部分界面元素进行转换，而保持另一部分界面元素不被改变，此时提供的第二用户界面可以是既包括第一界面元素又包括第二界面元素的用户界面。
[0049]在本发明的一个实施方式中，至少一个转换规则中的每一个进一步包括第一界面元素的类型。在此，转换规则可以与第一界面元素的类型相对应。应当注意，用户界面中所包括的界面元素可以具有多种类型，例如对于按钮类型的界面元素(如上文参见图2A-图2C所示的示例)，需要考虑按钮上的文字内容，并且还需要考虑按钮的大小；而对于例如图像类型的界面元素，则无需考虑上述因素。所以，转换规则中包括界面元素的类型，可以对于不同类型的第一界面元素执行不同的动作。
[0050]在本发明的一个实施方式中，动作至少包括以下任一项:翻译、镜像、格式调整以及顺序调整。这里的动作是与界面元素的类型相对应的动作，例如，对于文字标签类型的界面元素，可以执行翻译动作；对于图像类型的界面元素，可以执行镜像动作；对于诸如日期、时间等类型的界面元素，可以执行格式调整的动作；另外，还可以调整某些按钮或者文字标签的顺序，例如，当将如图2A所示界面移植到阿拉伯文化背景下时，可以调整按钮2IOA和220A的顺序。
[0051]可以采用各种格式来定义转换规则，只要能够将界面元素的类型与所执行动作相关联即可。例如，可以采用二元组(类型，动作)的方式定义每条转换规则，可以采用列表方式定义包括多条转换规则的规则库。下文表I以示例性方式示出了规则库的内容:
[0052]表I
[0053]
【权利要求】
1.一种用于辅助图形化用户界面设计的方法，包括: 从第一文化背景下的第一用户界面提取第一界面元素； 从规则库中搜索与所述第一界面元素相对应的至少一个转换规则； 基于所述至少一个转换规则，将所述第一界面元素转换为第二文化背景下的第二界面元素；以及 提供至少包括所述第二界面元素的第二用户界面； 其中所述至少一个转换规则包括针对所述第一界面元素执行的动作。
2.根据权利要求1所述的方法，其中所述至少一个转换规则中的每一个进一步包括所述第一界面元素的类型。
3.根据权利要求1所述的方法，其中所述动作至少包括以下任一项:翻译、镜像、格式调整以及顺序调整。
4.根据权利要求1-3中任一项所述的方法，其中从第一文化背景下的第一用户界面提取第一界面元素包括: 分析描述所述第一用户界面的代码，以获取所述第一界面元素的元数据。
5.根据权利要求4所述的方法，进一步包括:从所述元数据中获取所述第一界面元素的类型。
6.根据权利要求5所述的方法，其中从规则库中搜索与所述第一界面元素相对应的至少一个转换规则包括:` 选择与所述第一界面元素的所述类型相对应的至少一个转换规则。
7.根据权利要求1-3中任一项所述的方法，其中基于所述至少一个转换规则，将所述第一界面元素转换为第二文化背景下的第二界面元素包括: 执行所述至少一个转换规则中的每一个中的动作以形成所述第二界面元素。
8.根据权利要求3所述的方法，其中所述翻译至少包括以下任一项:伪翻译、机器翻译、以及真实翻译。
9.根据权利要求1-3中任一项所述的方法，其中所述第一文化背景和所述第二文化背景至少包括以下任一项: 书写语言、书写方向、日期格式、时间格式、货币格式、显示顺序、日历类型、单位格式。
10.一种用于辅助图形化用户界面设计的装置，包括: 提取模块，配置用于从第一文化背景下的第一用户界面提取第一界面元素； 搜索模块，配置用于从规则库中搜索与所述第一界面元素相对应的至少一个转换规则； 转换模块，配置用于基于所述至少一个转换规则，将所述第一界面元素转换为第二文化背景下的第二界面元素；以及 提供模块，配置用于提供至少包括所述第二界面元素的第二用户界面； 其中所述至少一个转换规则包括针对所述第一界面元素执行的动作。
11.根据权利要求10所述的装置，其中所述至少一个转换规则中的每一个进一步包括所述第一界面元素的类型。
12.根据权利要求10所述的装置，其中所述动作至少包括以下任一项:翻译、镜像、格式调整以及顺序调整。
13.根据权利要求10-12中任一项所述的装置，其中所述提取模块包括: 第一获取模块，配置用于分析描述所述第一用户界面的代码，以获取所述第一界面元素的元数据。
14.根据权利要求13所述的装置，进一步包括: 第二获取模块，配置用于从所述元数据中获取所述第一界面元素的类型。
15.根据权利要求14所述的装置，其中所述搜索模块包括: 选择模块，配置用于选择与所述第一界面元素的所述类型相对应的至少一个转换规则。
16.根据权利要求10-12中任一项所述的装置，其中所述转换模块包括: 执行模块，配置用于执行所述转换规则中的动作以形成所述第二界面元素。
17.根据权利要求12所述的装置，其中所述翻译至少包括以下任一项:伪翻译、机器翻译、以及真实翻译。
18.根据权利要求10-12中任一项所述的装置，其中所述第一文化背景和所述第二文化背景至少包括以下任一项: 书写语言、书写方向、日期格式、时间格式、货币格式、显示顺序、日历类型、单位格式。
【文档编号】G06F9/44GK103677786SQ201210360655
【公开日】2014年3月26日 申请日期:2012年9月21日 优先权日:2012年9月21日
【发明者】盛延敏, D·舒尔茨, 黄东, 古杨 申请人:国际商业机器公司