CN111651228A - 优化用户界面布局方法、装置以及相关设备 - Google Patents
优化用户界面布局方法、装置以及相关设备 Download PDFInfo
- Publication number
- CN111651228A CN111651228A CN202010482223.1A CN202010482223A CN111651228A CN 111651228 A CN111651228 A CN 111651228A CN 202010482223 A CN202010482223 A CN 202010482223A CN 111651228 A CN111651228 A CN 111651228A
- Authority
- CN
- China
- Prior art keywords
- user
- user interface
- preset
- controls
- instruction
- 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
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本公开实施例公开了一种优化用户界面布局的方法、装置以及相关设备,该方法包括:首先,电子设备采集预设用户界面的用户轨迹。然后电子设备将第一时间段的用户轨迹生成用户轨迹图片。接着电子设备获取基于用户轨迹图片得到的调整预设用户界面的第一指令,电子设备根据第一指令调整预设用户界面的布局。其中,用户轨迹图片可存储于区块链中。这样,电子设备可以根据用户需求来优化用户界面的布局。
Description
技术领域
本公开涉及计算机领域,尤其涉及一种优化用户界面布局方法、装置以及相关设备。
背景技术
目前,一个应用程序的开发过程大致可以分为几个步骤:前期调研、需求整理、需求分析落地、用户界面排版以及交互设计、软件架构设计、软件编码、测试、部署上线以及后期运维等等。其中,用户界面排版及交互设计是前期研发人员与客户的需求人员对接及调整设计出来的。然而,该使用该软件用户界面的用户在很多情况下并且是客户的需求人员。因此,面对用户的用户界面不一定符合用户的操作习惯。即用户界面的布局并不适合用户的使用习惯。
现有技术中,一般会通过收集的用户意见来调整用户界面。用户意见一般是客户方反馈,或者在用户界面中添加意见反馈功能来收集用户的对该用户界面的操作意见。但是,这样会导致收集的以及过于少或者难以收集到有用的用户意见。
因此,如何使用户界面能够更简洁,用户界面中的交互设计更方便用户操作仍是亟需解决的问题。
发明内容
本公开实施例提供一种优化用户界面布局技术。
第一方面,公开了一种优化用户界面布局方法,包括:
电子设备采集预设用户界面的用户轨迹,用户轨迹包括:用户手势、鼠标点击轨迹、鼠标停留轨迹、鼠标移动轨迹;预设用户界面中包含多个控件;
根据第一时间段的用户轨迹生成用户轨迹图片,用户轨迹图片用来记录用户在所述第一时间段点击多个控件的情况;
根据用户轨迹图片,获取调整预设用户界面布局的第一指令;
根据第一指令,调整多个控件在预设用户界面中的位置和/或显示尺寸。
这样,根据本申请提供的方法,电子设备可以根据用户的使用情况以及习惯来调整用户界面布局,优化用户界面。这样,用户能够更加便捷地在用户界面中操作,提升了用户体验。
在一种可能的实现方式中,所述电子设备采集预设用户界面的用户轨迹,包括:
所述电子设备通过所述预设用户界面中的画布采集所述预设用户界面的用户轨迹。
在一种可能的实现方式中,所述电子设备通过所述预设用户界面中的画布采集所述预设用户界面的用户轨迹之前,包括:
所述电子设备在所述预设用户界面中嵌入所述画布;所述画布用于采集用户轨迹。
在一种可能的实现方式中,所述电子设备采集预设用户界面的用户轨迹,包括:
所述电子设备通过用户行为监控模块采集所述预设用户界面的用户轨迹。
在一种可能的实现方式中,所述电子设备采集预设用户界面的用户轨迹,包括:
所述电子设备通过第三方成像绘图软件采集所述预设用户界面的用户轨迹。
在一种可能的实现方式中,所述电子设备通过第三方成像绘图软件采集所述预设用户界面的用户轨迹,包括:
所述电子设备在所述预设用户界面中嵌入所述第三方成像绘图软件,所述第三方成像绘图软件用户采集用户轨迹。
在一种可能的实现方式中,获取调整预设用户界面布局的第一指令;第一指令根据所述用户轨迹图片得到,具体包括:
将用户轨迹图片发送给服务器,用户轨迹图片用于服务器生成第一指令;
获取服务器根据用户轨迹图片生成的第一指令。
在一种可能的实现方式中,根据用户轨迹图片,获取调整预设用户界面布局的第一指令之后,还包括:
根据第一指令,增加或减少预设用户界面中多个控件的数量。
在一种可能的实现方式中,采集预设用户界面的用户轨迹,包括:
在预设用户界面中检测到用户操作的时长超过第一阈值时,采集预设用户界面的用户轨迹,用户操作包括点击多个控件、向上滑动预设用户界面以及向下滑动预设用户界面中的一项或多项。
在一种可能的实现方式中,根据所述用户轨迹图片,获取调整预设用户界面布局的第一指令,包括:
分析用户轨迹图片,获取多个控件的点击情况,点击情况包括各控件的点击次数和/或点击顺序;
根据点击次数和/或点击顺序,确定各控件在所述用户界面中的目标位置;
根据各控件的目标位置,生成第一指令。
在一种可能的实现方式中,根据所述点击次数和/或点击顺序,确定所述各控件在所述用户界面中的目标位置,包括:
获取点击次数值最大的控件为第一控件,根据用户界面中各区域位置的预设优先级,确定所述第一控件的目标位置;和/或,
根据点击顺序,获取连续点击的多个第二控件,以及点击次序,作为偏好操作;
根据点击次数和点击顺序,判断偏好操作的操作次数是否超过预设阈值;
若是,则根据偏好操作确定所述多个第二控件的目标位置。
在一种可能的实现方式中,根据偏好操作确定多个第二控件的目标位置,包括:
根据偏好操作,确定多个第二控件的位置关系;
根据位置关系、偏好操作的次数,以及用户界面中各区域位置的预设优先级,确定所述多个第二控件的目标位置。
第二方面,公开了一种优化用户界面布局装置,包括:
采集单元,用于采集预设用户界面的用户轨迹;用户轨迹包括:用户手势、鼠标点击轨迹、鼠标停留轨迹、鼠标移动轨迹;预设用户界面中包含多个控件;
生成单元,用于根据第一时间段的用户轨迹生成用户轨迹图片,用户轨迹图片用来记录用户在所述第一时间段点击多个控件的情况;
获取单元,用于根据用户轨迹图片,获取调整预设用户界面布局的第一指令;
调整单元,用于根据所述第一指令,调整所述多个控件在所述预设用户界面中的位置和/或显示尺寸。
在一种可能的实现方式中,用户轨迹包括:用户手势、鼠标点击轨迹、鼠标停留轨迹、鼠标移动轨迹。
在一种可能的实现方式中,采集单元用于:
通过所述预设用户界面中的画布采集所述预设用户界面的用户轨迹。
在一种可能的实现方式中,采集单元用于:
在所述预设用户界面中嵌入所述画布;所述画布用于采集用户轨迹。
在一种可能的实现方式中,采集单元用于:
通过用户行为监控模块采集所述预设用户界面的用户轨迹。
在一种可能的实现方式中,采集单元用于:
通过用户行为监控模块采集所述预设用户界面的用户轨迹。
在一种可能的实现方式中,采集单元用于:
在所述预设用户界面中嵌入所述第三方成像绘图软件,所述第三方成像绘图软件用户采集用户轨迹。
在一种可能的实现方式中,采集单元用于:
在所述预设用户界面中检测到用户操作的时长超过第一阈值时,采集所述预设用户界面的用户轨迹,所述用户操作包括点击所述多个控件、向上滑动所述预设用户界面以及向下滑动所述预设用户界面中的一项或多项。
在一种可能的实现方式中,获取单元用于:
将用户轨迹图片发送给服务器,用户轨迹图片用于服务器生成第一指令;
获取服务器根据用户轨迹图片生成的第一指令。
在一种可能的实现方式中,获取单元用于:
分析用户轨迹图片,获取多个控件的点击情况,点击情况包括各控件的点击次数和/或点击顺序;
根据点击次数和/或点击顺序,确定各控件在用户界面中的目标位置;
根据各控件的目标位置,生成第一指令。
在一种可能的实现方式中,获取单元用于:
获取点击次数值最大的控件为第一控件,根据用户界面中各区域位置的预设优先级,确定所述第一控件的目标位置;和/或,
根据点击顺序,获取连续点击的多个第二控件,以及点击次序,作为偏好操作;
根据点击次数和点击顺序,判断偏好操作的操作次数是否超过预设阈值;
若是,则根据偏好操作确定所述多个第二控件的目标位置。
在一种可能的实现方式中,获取单元用于:
根据偏好操作,确定多个第二控件的位置关系;
根据位置关系、偏好操作的次数,以及用户界面中各区域位置的预设优先级,确定所述多个第二控件的目标位置。
在一种可能的实现方式中,调整单元用于:
根据第一指令,增加或减少预设用户界面中多个控件的数量。
第三方面,公开了一种优化用户界面布局设备,包括处理器和存储器,其中,所述存储器用于存储计算机程序代码,所述处理器被配置用于调用所述计算机程序代码,执行如上述第一方面或第一方面的任意可能的实现方式中的方法。
在本公开实施例中,可以通过电子设备采集预设用户界面的用户轨迹,用户轨迹包括:用户手势、鼠标点击轨迹、鼠标停留轨迹、鼠标移动轨迹;预设用户界面中包含多个控件;根据第一时间段的用户轨迹生成用户轨迹图片,用户轨迹图片用来记录用户在所述第一时间段点击多个控件的情况;根据用户轨迹图片,获取调整预设用户界面布局的第一指令;根据第一指令,调整多个控件在预设用户界面中的位置和/或显示尺寸。电子设备可以根据用户的实际操作习惯调整用户界面以及优化用户界面。这样,用户可以更方便对用户界面进行操作,从而可以提升用户体验。
附图说明
为了更清楚地说明本公开实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍。
其中:
图1是本公开实施例提供的优化用户界面布局系统的架构示意图;
图2是本公开实施例提供的优化用户界面布局方法的流程示意图;
图3是本公开实施例提供的用户轨迹示意图;
图4是本公开实施例提供的优化用户界面布局装置的结构示意图;
图5是本公开实施例提供的优化用户界面布局设备的结构示意图。
具体实施方式
下面将结合本公开实施例中的附图,对本公开实施例中的技术方案进行清楚地描述,显然,所描述的实施例仅仅是本公开一部分实施例,而不是全部的实施例。
还应当理解,在此本公开说明书中所使用的术语仅仅是出于描述特定实施例的目的而并不意在限制本公开。
还应当进一步理解,在本公开说明书和所附权利要求书中使用的术语“和/或”是指相关联列出的项中的一个或多个的任何组合以及所有可能组合,并且包括这些组合。
本公开的说明书和权利要求书及附图中的术语“用户界面(user interface,UI)”,是应用程序或操作系统与用户之间进行交互和信息交换的介质接口,它实现信息的内部形式与用户可以接受形式之间的转换。应用程序的用户界面是通过java、可扩展标记语言(extensible markup language,XML)等特定计算机语言编写的源代码,界面源代码在终端设备上经过解析,渲染,最终呈现为用户可以识别的内容,比如图片、文本、按钮等控件。控件(control)也称为部件(widget),是用户界面的基本元素,典型的控件有工具栏(toolbar)、菜单栏(menu bar)、输入框、按钮(button)、滚动条(scrollbar)、图片和文本。界面中的控件的属性和内容是通过标签或者节点来定义的,比如XML通过<Textview>、<ImgView>、<VideoView>等节点来规定界面所包含的控件。一个节点对应界面中一个控件或属性,节点经过解析和渲染之后呈现为用户可视的内容。此外,很多应用程序,比如混合应用(hybrid application)的界面中通常还包含有网页。网页,也称为页面,可以理解为内嵌在应用程序界面中的一个特殊的控件,网页是通过特定计算机语言编写的源代码,例如超文本标记语言(hyper text markup language,GTML),层叠样式表(cascading stylesheets,CSS),java脚本(JavaScript,JS)等,网页源代码可以由浏览器或与浏览器功能类似的网页显示组件加载和显示为用户可识别的内容。网页所包含的具体内容也是通过网页源代码中的标签或者节点来定义的,比如GTML通过<p>、<img>、<video>、<canvas>来定义网页的元素和属性。
用户界面常用的表现形式是图形用户界面(graphic user interface,GUI),是指采用图形方式显示的与计算机操作相关的用户界面。它可以是在电子设备的显示屏中显示的一个窗口、控件等界面元素。
具体实现中,本公开实施例中描述的技术方案可由手机、台式电脑、膝上计算机、可穿戴设备等具备优化用户界面布局功能的终端设备或服务器或系统实现,此处不作限定。为了便于理解,下文将优化用户界面布局方法的执行主体称为优化用户界面布局装置。
本公开实施例提供一种优化用户界面布局方法,包括:电子设备采集预设用户界面的用户轨迹,用户轨迹包括:用户手势、鼠标点击轨迹、鼠标停留轨迹、鼠标移动轨迹;预设用户界面中包含多个控件;根据第一时间段的用户轨迹生成用户轨迹图片,用户轨迹图片用来记录用户在所述第一时间段点击多个控件的情况;根据用户轨迹图片,获取调整预设用户界面布局的第一指令;根据第一指令,调整多个控件在预设用户界面中的位置和/或显示尺寸。
本公开实施例还提供相应的优化用户界面布局装置、计算机可读存储介质和计算机程序产品。以下分别进行详细描述。
首先,下面对本公开实施例适用的优化用户界面布局系统进行描述。参阅图1,图1是本公开实施例提供的技术方案的应用系统示例的架构示意图。如图1所示,优化用户界面布局系统可以包括一个或多个服务器以及多个终端设备,其中:
服务器与终端设备可以通过互联网进行通信。具体地,用户侧的终端设备通过网络或者接口向优化用户界面布局服务器发送用户轨迹图片。这里,用户指的电子设备预设用户界面的操作者或使用者。优化用户界面布局服务器获取到用户轨迹图片后可以分析出来用户对预设用户界面的使用习惯。比如说用户最常用哪个界面元素或者用户点击界面元素后会接着点击哪个界面元素。服务器分析后确定要如何调整用户界面,然后生成调整用户界面的第一指令。服务器将第一指令发送给电子设备。电子设备接收到第一指令后调整用户界面的布局。
服务器可以包括但不限于后台服务器、组件服务器、优化用户界面布局系统服务器或用户轨迹分析服务器等,服务器将调整用户界面布局的指令发送到终端。终端设备可以安装预设用户界面对应的应用程序。
本公开实施例中的终端设备可以包括但不限于任何一种基于智能操作系统的电子产品,其可与用户通过键盘、虚拟键盘、触摸板、触摸屏以及声控设备等输入设备来进行人机交互,诸如智能手机、平板电脑、个人电脑等。其中,智能操作系统包括但不限于任何通过向移动设备提供各种移动应用来丰富设备功能的操作系统,诸如安卓(Android)、iOSTM、Windows Phone等。
需要说明的是,本公开实施例应用的优化用户界面布局系统的架构不限于图1所示的例子。
下面结合图2对本公开实施例提供的优化用户界面布局方法进行描述。
S100、电子设备采集预设用户界面的用户轨迹,用户轨迹包括:用户手势、鼠标点击轨迹、鼠标停留轨迹、鼠标移动轨迹;预设用户界面中包含多个控件。
预设用户界面中有多个控件,例如登录控件,输入账号控件、获取验证码控件等等。当用户在预设用户界面中进行操作的时候,电子设备可以采集预设用户界面的用户轨迹。电子设备可以采集到预设用户界面的用户轨迹,例如,用户点击该预设用户界面中的某个按钮或控件、在某个文本输入框中输入文字、用户从一个控件滑到另一个控件的轨迹等等。这样,可以了解用户对预设用户界面的操作习惯。从而可以使得研发人员将预设用户界面改进得更加符合用户的操作习惯。
可以理解的,用户轨迹可以包括但不限于:用户手势、鼠标点击轨迹、鼠标停留轨迹、鼠标移动轨迹、用户点击轨迹、用户手势停留轨迹、用户手势移动轨迹。用户轨迹可以如图3所示的用户轨迹。
在一种可能的实现方式中,电子设备采集预设用户界面的用户轨迹,包括:电子设备通过预设用户界面中的画布采集预设用户界面的用户轨迹。
在一种可能的实现方式中,电子设备通过预设用户界面中的画布采集预设用户界面的用户轨迹之前,包括:电子设备在预设用户界面中嵌入画布;画布用于采集用户轨迹。这里,电子设备可以利用H5或JavaScript前端技术在预设用户界面中集成canvas画布。Canvas画布可以记录用户的任一个点击行为、以及停留,移动轨迹。
在一种可能的实现方式中,电子设备采集预设用户界面的用户轨迹,包括:电子设备通过用户行为监控模块采集预设用户界面的用户轨迹。
在一种可能的实现方式中,电子设备采集预设用户界面的用户轨迹,包括:电子设备通过第三方成像绘图软件采集预设用户界面的用户轨迹。
在一种可能的实现方式中,电子设备通过第三方成像绘图软件采集所述预设用户界面的用户轨迹,包括:电子设备在预设用户界面中嵌入第三方成像绘图软件,第三方成像绘图软件用户采集用户轨迹。
在一种可能的实现方式中,采集预设用户界面的用户轨迹,包括:在预设用户界面中检测到用户操作的时长超过第一阈值时,采集预设用户界面的用户轨迹,用户操作包括点击多个控件、向上滑动预设用户界面以及向下滑动预设用户界面中的一项或多项。即只有用户在长时间操作用户界面时,才采集用户轨迹,若用户打开用户界面,没有任何操作时,不采集用户轨迹,这样电子不用时时去采集预设用户界面中的用户轨迹,可以节约功耗。
S101、电子设备根据第一时间段的用户轨迹生成用户轨迹图片,用户轨迹图片用来记录用户在所述第一时间段点击多个控件的情况。
这里,电子设备将第一时间段的用户轨迹生成用户轨迹图片。这里的第一时间段可以是用户从开启预设用户界面到关闭预设用户界面的时间段。或者,第一时间段也可以是30分钟、一个小时等等,此处不作限定。具体地,电子设备根据程序指令将第一时间段内的canvas画布上的用户轨迹保存为PNG或者JPG等格式的图片。或者,电子设备根据程序指令将第三成像绘图软件记录的用户轨迹保存为PNG或者JPG等格式的图片。
进一步地,电子设备中可以保存有多张预设用户界面的用户轨迹图片,电子设备可以对用户轨迹图片进行分析,可以分析出用户最喜欢点击预设用户界面中的哪个控件,使用预设用户界面中的哪个功能。
需要强调的是,为进一步保证上述用户轨迹图片的私密和安全性,上述用户轨迹图片还可以存储于一区块链的节点中。本发明所指区块链是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。区块链(Blockchain),本质上是一个去中心化的数据库,是一串使用密码学方法相关联产生的数据块,每一个数据块中包含了一批次网络交易的信息,用于验证其信息的有效性(防伪)和生成下一个区块。区块链可以包括区块链底层平台、平台产品服务层以及应用服务层等。
S102、电子设备根据用户轨迹图片,获取调整预设用户界面布局的第一指令。
电子设备根据用户轨迹图片得到调整预设用户界面布局的第一指令。举例来说,用户轨迹图片中显示用户点击完控件A之后点击控件B,那么电子设备可以获取到将控件B调整到靠近控件A位置的第一指令。又例如,用户轨迹图片显示用户每次都会点击预设用户界面中按钮A,并且停留时间长,那么电子设备可以获取到将按钮A调整到预设用户界面中用户更容易操作的位置。这样,可以提升用户体验。
第一指令可以是服务器对用户轨迹图片统计分析后生成的,也可以是研发人员对用户轨迹图片统计分析后输入到电子设备的指令。第一指令用于调整预设用户界面的布局。这里,服务器统计的用户轨迹图片可以是某一时间段所有用户的用户轨迹图片,或者某一个电子设备的用户轨迹图片,此处不作限定。
在一种可能的实现方式中,根据所述用户轨迹图片,获取调整预设用户界面布局的第一指令,包括:分析用户轨迹图片,获取多个控件的点击情况,点击情况包括各控件的点击次数和/或点击顺序;根据点击次数和/或点击顺序,确定各控件在所述用户界面中的目标位置;根据各控件的目标位置,生成第一指令。举例来说,用户对预设用户界面中控件A点击次数为100次。预设用户界面中控件B的点击次数为200次。用户一般先点击控件B后再点击控件A。若预设用户界面中用户需要向下滑动用户界面才能点击控件B。那么确定控件B的目标位置在用户界面中比较靠中间的位置,便于用户操作。控件A的目标位置可以在预设用户界面中靠近控件B的位置。
在一种可能的实现方式中,根据所述点击次数和/或点击顺序,确定所述各控件在所述用户界面中的目标位置,包括:获取点击次数值最大的控件为第一控件,根据用户界面中各区域位置的预设优先级,确定所述第一控件的目标位置;和/或,根据点击顺序,获取连续点击的多个第二控件,以及点击次序,作为偏好操作;根据点击次数和点击顺序,判断偏好操作的操作次数是否超过预设阈值;若是,则根据偏好操作确定所述多个第二控件的目标位置。举例来说,预设用户界面中设置了三个可以设置控件区域位置,分别为区域位置A、区域位置B、区域位置C。这三个区域位置按照用户容易操作程度设置了优先级。优先级越高的区域位置用户越容易操作。假设区域位置A的优先级高于区域位置B和区域位置C。预设用户界面中有控件A、控件B和控件C。控件B的点击次数最多,即为第一控件。那么控件B的目标位置可以是区域位置A。若用户点击控件B后会接着点击控件A,控件A即为第二控件。若区域位置C和区域位置A相邻。当用户点击控件B后,随后点击控件A的次数超过预设阈值(例如,10次,即用户连续10次点击控件B后接着点击控件A)。那么控件A的目标位置可以是区域位置C。
在一种可能的实现方式中,根据偏好操作确定多个第二控件的目标位置,包括:根据偏好操作,确定多个第二控件的位置关系;根据位置关系、偏好操作的次数,以及用户界面中各区域位置的预设优先级,确定所述多个第二控件的目标位置。
S103、电子设备根据第一指令,调整多个控件在预设用户界面中的位置和/或显示尺寸。
电子设备根据第一指令调整预设用户界面的布局并显示调整布局后的预设用户界面。预设用户界面的布局是指电子设备确定预设用户界面中的界面元素该在预设用户界面中的哪个位置以及显示尺寸(即控件的长、宽)等等。
可以理解的,电子设备根据第一指令可以调整预设用户界面中某个界面元素(例如,用于登录应用程序的按钮)的布局,或者电子设备调整整个预设用户界面的布局。
在一种可能的实现方式中,根据用户轨迹图片,获取调整预设用户界面布局的第一指令之后,还包括:根据第一指令,增加或减少预设用户界面中多个控件的数量。
在本公开实施例中,可以通过电子设备采集预设用户界面的用户轨迹,用户轨迹包括:用户手势、鼠标点击轨迹、鼠标停留轨迹、鼠标移动轨迹;预设用户界面中包含多个控件;根据第一时间段的用户轨迹生成用户轨迹图片,用户轨迹图片用来记录用户在所述第一时间段点击多个控件的情况;根据用户轨迹图片,获取调整预设用户界面布局的第一指令;根据第一指令,调整多个控件在预设用户界面中的位置和/或显示尺寸。电子设备可以根据用户的实际操作习惯调整用户界面以及优化用户界面。这样,用户可以更方便对用户界面进行操作,从而可以提升用户体验。
为了便于更好地实施本公开实施例的上述方案,本公开还对应提供了一种优化用户界面布局装置,下面结合附图来进行详细说明:
如图4示出的本公开实施例提供的优化用户界面布局装置的结构示意图,优化用户界面布局装置可以包括:采集单元100、生成单元101、获取单元102和调整单元103,其中,
采集单元100,用于采集预设用户界面的用户轨迹;用户轨迹包括:用户手势、鼠标点击轨迹、鼠标停留轨迹、鼠标移动轨迹;预设用户界面中包含多个控件;
生成单元101,用于根据第一时间段的用户轨迹生成用户轨迹图片,用户轨迹图片用来记录用户在所述第一时间段点击多个控件的情况;
获取单元102,用于根据用户轨迹图片,获取调整预设用户界面布局的第一指令;
调整单元103,用于根据所述第一指令,调整所述多个控件在所述预设用户界面中的位置和/或显示尺寸。
在一种可能的实现方式中,所述采集单元100用于:
通过所述预设用户界面中的画布采集所述预设用户界面的用户轨迹。
在一种可能的实现方式中,所述采集单元100用于:
在所述预设用户界面中嵌入所述画布;所述画布用于采集用户轨迹。
在一种可能的实现方式中,所述采集单元100用于:
通过用户行为监控模块采集所述预设用户界面的用户轨迹。
在一种可能的实现方式中,所述采集单元100用于:
通过用户行为监控模块采集所述预设用户界面的用户轨迹。
在一种可能的实现方式中,所述采集单元100用于:
在所述预设用户界面中嵌入所述第三方成像绘图软件,所述第三方成像绘图软件用户采集用户轨迹。
在一种可能的实现方式中,所述采集单元100用于:
在所述预设用户界面中检测到用户操作的时长超过第一阈值时,采集所述预设用户界面的用户轨迹,所述用户操作包括点击所述多个控件、向上滑动所述预设用户界面以及向下滑动所述预设用户界面中的一项或多项。
在一种可能的实现方式中,所述获取单元102用于:
将用户轨迹图片发送给服务器,用户轨迹图片用于服务器生成第一指令;
获取服务器根据用户轨迹图片生成的第一指令。
在一种可能的实现方式中,所述获取单元102用于:
分析用户轨迹图片,获取多个控件的点击情况,点击情况包括各控件的点击次数和/或点击顺序;
根据点击次数和/或点击顺序,确定各控件在用户界面中的目标位置;
根据各控件的目标位置,生成第一指令。
在一种可能的实现方式中,获取单元102用于:
获取点击次数值最大的控件为第一控件,根据用户界面中各区域位置的预设优先级,确定所述第一控件的目标位置;和/或,
根据点击顺序,获取连续点击的多个第二控件,以及点击次序,作为偏好操作;
根据点击次数和点击顺序,判断偏好操作的操作次数是否超过预设阈值;
若是,则根据偏好操作确定所述多个第二控件的目标位置。
在一种可能的实现方式中,获取单元102用于:
根据偏好操作,确定多个第二控件的位置关系;
根据位置关系、偏好操作的次数,以及用户界面中各区域位置的预设优先级,确定所述多个第二控件的目标位置。
在一种可能的实现方式中,所述调整单元103用于:
根据第一指令,增加或减少预设用户界面中多个控件的数量。
在本公开实施例中,通过电子设备采集预设用户界面的用户轨迹,用户轨迹包括:用户手势、鼠标点击轨迹、鼠标停留轨迹、鼠标移动轨迹;预设用户界面中包含多个控件;根据第一时间段的用户轨迹生成用户轨迹图片,用户轨迹图片用来记录用户在所述第一时间段点击多个控件的情况;根据用户轨迹图片,获取调整预设用户界面布局的第一指令;根据第一指令,调整多个控件在预设用户界面中的位置和/或显示尺寸。电子设备可以根据用户的实际操作习惯调整用户界面以及优化用户界面。这样,用户可以更方便对用户界面进行操作,从而可以提升用户体验。
需要说明的是,本公开实施例中的优化用户界面布局装置10为上述图2实施例中的优化用户界面布局装置,该优化用户界面布局装置10中各单元的功能可对应参考上述各方法实施例中图2实施例的具体实现方式,这里不再赘述。
为了便于更好地实施本公开实施例的上述方案,本公开还对应提供了一种优化用户界面布局设备,下面结合附图来进行详细说明:
如图4示出的本公开实施例提供的优化用户界面布局设备的结构示意图,优化用户界面布局设备110可以包括处理器1101、输入单元1102、输出单元1103、存储器1104和通信单元1105、总线1106,处理器1101、输入单元1102、输出单元1103、存储器1104和通信单元1105可以通过总线1106相互连接。存储器1104可以是高速RAM存储器,也可以是非易失性的存储器(non-volatile memory),例如至少一个磁盘存储器。存储器1104可选的还可以是至少一个位于远离前述处理器1101的存储系统。存储器1104用于存储应用程序代码,可以包括操作系统、网络通信模块、用户接口模块以及优化用户界面布局程序,通信单元1105用于与外部单元进行信息交互;处理器1101被配置用于调用所述程序代码,执行以下步骤:
处理器1101采集预设用户界面的用户轨迹;用户轨迹包括:用户手势、鼠标点击轨迹、鼠标停留轨迹、鼠标移动轨迹;预设用户界面中包含多个控件;
处理器1101将根据第一时间段的用户轨迹生成用户轨迹图片,用户轨迹图片用来记录用户在所述第一时间段点击多个控件的情况;
处理器1101根据用户轨迹图片,获取调整预设用户界面布局的第一指令;
处理器1101根据第一指令,调整多个控件在预设用户界面中的位置和/或显示尺寸。
处理器1101通过所述预设用户界面中的画布采集所述预设用户界面的用户轨迹。
处理器1101在所述预设用户界面中嵌入所述画布;所述画布用于采集用户轨迹。
处理器1101通过用户行为监控模块采集所述预设用户界面的用户轨迹。
处理器1101通过第三方成像绘图软件采集所述预设用户界面的用户轨迹。处理器1101在所述预设用户界面中嵌入所述第三方成像绘图软件,所述第三方成像绘图软件用户采集用户轨迹。
在本公开实施例中,可以通过电子设备采集预设用户界面的用户轨迹,用户轨迹包括:用户手势、鼠标点击轨迹、鼠标停留轨迹、鼠标移动轨迹;预设用户界面中包含多个控件;根据第一时间段的用户轨迹生成用户轨迹图片,用户轨迹图片用来记录用户在所述第一时间段点击多个控件的情况;根据用户轨迹图片,获取调整预设用户界面布局的第一指令;根据第一指令,调整多个控件在预设用户界面中的位置和/或显示尺寸。电子设备可以根据用户的实际操作习惯调整用户界面以及优化用户界面。这样,用户可以更方便对用户界面进行操作,从而可以提升用户体验。
需要说明的是,本公开实施例中的优化用户界面布局设备110为上述图2实施例中的优化用户界面布局设备,具体可对应参考上述各方法实施例中图2实施例的具体实现方式,这里不再赘述。
本发明实施例还提供一种计算机可读存储介质,其中,该计算机可读存储介质可存储有程序,该程序执行时包括上述方法实施例中记载的任意一种的部分或全部步骤。
本发明实施例还提供一种计算机程序,该计算机程序包括指令,当该计算机程序被计算机执行时,使得计算机可以执行任意一种优化用户界面布局的方法的部分或全部步骤。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,所述的程序可存储于一计算机可读取存储介质中,该程序在执行时,可包括如上述各方法的实施例的流程。其中,所述的存储介质可为U盘、磁碟、光盘、只读存储记忆体(Read-Only Memory,ROM)或随机存储记忆体(RandomAccess Memory,RAM)等。
本公开可以是系统、方法和/或计算机程序产品。计算机程序产品可以包括计算机可读存储介质,其上载有用于使处理器实现本公开的各个方面的计算机可读程序指令。
计算机可读存储介质可以是可以保持和存储由指令执行设备使用的指令的有形设备。计算机可读存储介质例如可以是――但不限于――电存储设备、磁存储设备、光存储设备、电磁存储设备、半导体存储设备或者上述的任意合适的组合。计算机可读存储介质的更具体的例子(非穷举的列表)包括:便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、静态随机存取存储器(SRAM)、便携式压缩盘只读存储器(CD-ROM)、数字多功能盘(DVD)、记忆棒、软盘、机械编码设备、例如其上存储有指令的打孔卡或凹槽内凸起结构、以及上述的任意合适的组合。这里所使用的计算机可读存储介质不被解释为瞬时信号本身,诸如无线电波或者其他自由传播的电磁波、通过波导或其他传输媒介传播的电磁波(例如,通过光纤电缆的光脉冲)、或者通过电线传输的电信号。
这里所描述的计算机可读程序指令可以从计算机可读存储介质下载到各个计算/处理装置,或者通过网络、例如因特网、局域网、广域网和/或无线网下载到外部计算机或外部存储设备。网络可以包括铜传输电缆、光纤传输、无线传输、路由器、防火墙、交换机、网关计算机和/或边缘服务器。每个计算/处理装置中的网络适配卡或者网络接口从网络接收计算机可读程序指令,并转发该计算机可读程序指令,以供存储在各个计算/处理装置中的计算机可读存储介质中。
用于执行本公开操作的计算机程序指令可以是汇编指令、指令集架构(ISA)指令、机器指令、机器相关指令、微代码、固件指令、状态设置数据、或者以一种或多种编程语言的任意组合编写的源代码或目标代码,所述编程语言包括面向对象的编程语言—诸如Smalltalk、C++等,以及常规的过程式编程语言—诸如“C”语言或类似的编程语言。计算机可读程序指令可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络—包括局域网(LAN)或广域网(WAN)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。在一些实施例中,通过利用计算机可读程序指令的状态信息来个性化定制电子电路,例如可编程逻辑电路、现场可编程门阵列(FPGA)或可编程逻辑阵列(PLA),该电子电路可以执行计算机可读程序指令,从而实现本公开的各个方面。
这里参照根据本公开实施例的方法、装置(系统)和计算机程序产品的流程图和/或框图描述了本公开的各个方面。应当理解,流程图和/或框图的每个方框以及流程图和/或框图中各方框的组合,都可以由计算机可读程序指令实现。
这些计算机可读程序指令可以提供给通用计算机、专用计算机或其它可编程数据处理装置的处理器,从而生产出一种机器,使得这些指令在通过计算机或其它可编程数据处理装置的处理器执行时,产生了实现流程图和/或框图中的一个或多个方框中规定的功能/动作的装置。也可以把这些计算机可读程序指令存储在计算机可读存储介质中,这些指令使得计算机、可编程数据处理装置和/或其他设备以特定方式工作,从而,存储有指令的计算机可读介质则包括一个制造品,其包括实现流程图和/或框图中的一个或多个方框中规定的功能/动作的各个方面的指令。
也可以把计算机可读程序指令加载到计算机、其它可编程数据处理装置、或其它设备上,使得在计算机、其它可编程数据处理装置或其它设备上执行一系列操作步骤,以产生计算机实现的过程,从而使得在计算机、其它可编程数据处理装置、或其它设备上执行的指令实现流程图和/或框图中的一个或多个方框中规定的功能/动作。
附图中的流程图和框图显示了根据本公开的多个实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段或指令的一部分,所述模块、程序段或指令的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个连续的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或动作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
以上所揭露的仅为本公开较佳实施例而已,当然不能以此来限定本公开之权利范围,因此依本公开权利要求所作的等同变化,仍属本公开所涵盖的范围。
Claims (10)
1.一种优化用户界面布局的方法,其特征在于,包括:
采集预设用户界面的用户轨迹,所述用户轨迹包括:用户手势、鼠标点击轨迹、鼠标停留轨迹、鼠标移动轨迹;所述预设用户界面中包含多个控件;
根据第一时间段的所述用户轨迹生成用户轨迹图片,所述用户轨迹图片用来记录用户在所述第一时间段点击多个控件的情况;
根据所述用户轨迹图片,获取调整所述预设用户界面布局的第一指令;
根据所述第一指令,调整所述多个控件在所述预设用户界面中的位置和/或显示尺寸。
2.根据权利要求1所述的方法,其特征在于,所述根据所述用户轨迹图片,获取调整所述预设用户界面布局的第一指令,具体包括:
将所述用户轨迹图片发送给服务器,所述用户轨迹图片用于所述服务器生成所述第一指令;
获取所述服务器根据所述用户轨迹图片生成的第一指令。
3.根据权利要求1所述的方法,其特征在于,所述根据所述用户轨迹图片,获取调整所述预设用户界面布局的第一指令之后,还包括:
根据所述第一指令,增加或减少所述预设用户界面中所述多个控件的数量。
4.根据权利要求1-3任一项所述的方法,其特征在于,所述采集预设用户界面的用户轨迹,包括:
在所述预设用户界面中检测到用户操作的时长超过第一阈值时,采集所述预设用户界面的用户轨迹,所述用户操作包括点击所述多个控件、向上滑动所述预设用户界面以及向下滑动所述预设用户界面中的一项或多项。
5.根据权利要求1-4任一项所述的方法,其特征在于,所述根据所述用户轨迹图片,获取调整所述预设用户界面布局的第一指令,包括:
分析所述用户轨迹图片,获取所述多个控件的点击情况,所述点击情况包括各控件的点击次数和/或点击顺序;
根据所述点击次数和/或点击顺序,确定所述各控件在所述用户界面中的目标位置;
根据所述各控件的目标位置,生成第一指令。
6.根据权利要求5所述的方法,其特征在于,所述根据所述点击次数和/或点击顺序,确定所述各控件在所述用户界面中的目标位置,包括:
获取点击次数值最大的控件为第一控件,根据用户界面中各区域位置的预设优先级,确定所述第一控件的目标位置;和/或,
根据所述点击顺序,获取连续点击的多个第二控件,以及点击次序,作为偏好操作;
根据所述点击次数和点击顺序,判断所述偏好操作的操作次数是否超过预设阈值;
若是,则根据所述偏好操作确定所述多个第二控件的目标位置。
7.根据权利要求6所述的方法,其特征在于,所述根据所述偏好操作确定所述多个第二控件的目标位置,包括:
根据所述偏好操作,确定所述多个第二控件的位置关系;
根据所述位置关系、所述偏好操作的次数,以及用户界面中各区域位置的预设优先级,确定所述多个第二控件的目标位置。
8.一种优化用户界面布局装置,其特征在于,包括采集单元、生成单元、获取单元、调整单元,其中,
所述采集单元,用于采集预设用户界面的用户轨迹,所述用户轨迹包括:用户手势、鼠标点击轨迹、鼠标停留轨迹、鼠标移动轨迹;所述预设用户界面中包含多个控件;
所述生成单元,用于根据第一时间段的所述用户轨迹生成用户轨迹图片,所述用户轨迹图片用来记录用户在所述第一时间段点击多个控件的情况;
所述获取单元,用于根据所述用户轨迹图片,获取调整所述预设用户界面布局的第一指令;
所述调整单元,用于根据所述第一指令,调整所述多个控件在所述预设用户界面中的位置和/或显示尺寸。
9.一种优化用户界面布局设备,其特征在于,包括处理器、输入设备、输出设备和存储器,所述处理器、输入设备、输出设备和存储器相互连接,其中,所述存储器用于存储应用程序代码,所述处理器被配置用于调用所述程序代码,执行如权利要求1-7任一项所述的方法。
10.一种计算机可读存储介质,其特征在于,所述计算机存储介质存储有计算机程序,所述计算机程序包括程序指令,所述程序指令当被处理器执行时使所述处理器执行如权利要求1-7任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010482223.1A CN111651228B (zh) | 2020-05-29 | 2020-05-29 | 优化用户界面布局方法、装置以及相关设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010482223.1A CN111651228B (zh) | 2020-05-29 | 2020-05-29 | 优化用户界面布局方法、装置以及相关设备 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111651228A true CN111651228A (zh) | 2020-09-11 |
CN111651228B CN111651228B (zh) | 2022-08-12 |
Family
ID=72346903
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010482223.1A Active CN111651228B (zh) | 2020-05-29 | 2020-05-29 | 优化用户界面布局方法、装置以及相关设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111651228B (zh) |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113283010A (zh) * | 2021-06-03 | 2021-08-20 | 江苏徐工工程机械研究院有限公司 | 一种基于用户行为研究的操纵交互设计方法、控制装置 |
CN113467673A (zh) * | 2021-05-24 | 2021-10-01 | 康键信息技术(深圳)有限公司 | 移动端界面布置方法、装置、设备及存储介质 |
CN114995814A (zh) * | 2022-06-07 | 2022-09-02 | 重庆大学 | 一种应用系统工程化智能视图布局的方法与装置 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103677539A (zh) * | 2012-09-18 | 2014-03-26 | 阿里巴巴集团控股有限公司 | 界面调整方法与装置 |
CN104572127A (zh) * | 2015-01-28 | 2015-04-29 | 深圳市中兴移动通信有限公司 | 终端界面布局的方法及终端 |
CN106445549A (zh) * | 2016-10-12 | 2017-02-22 | 北京元心科技有限公司 | 调整应用程序界面中功能模块布局的方法及装置 |
CN108363602A (zh) * | 2018-01-23 | 2018-08-03 | 平安普惠企业管理有限公司 | 智能ui界面布局方法、装置、终端设备及存储介质 |
CN109144339A (zh) * | 2018-08-02 | 2019-01-04 | 华勤通讯技术有限公司 | 智能终端的操作界面的调整方法及系统 |
-
2020
- 2020-05-29 CN CN202010482223.1A patent/CN111651228B/zh active Active
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103677539A (zh) * | 2012-09-18 | 2014-03-26 | 阿里巴巴集团控股有限公司 | 界面调整方法与装置 |
CN104572127A (zh) * | 2015-01-28 | 2015-04-29 | 深圳市中兴移动通信有限公司 | 终端界面布局的方法及终端 |
CN106445549A (zh) * | 2016-10-12 | 2017-02-22 | 北京元心科技有限公司 | 调整应用程序界面中功能模块布局的方法及装置 |
CN108363602A (zh) * | 2018-01-23 | 2018-08-03 | 平安普惠企业管理有限公司 | 智能ui界面布局方法、装置、终端设备及存储介质 |
CN109144339A (zh) * | 2018-08-02 | 2019-01-04 | 华勤通讯技术有限公司 | 智能终端的操作界面的调整方法及系统 |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113467673A (zh) * | 2021-05-24 | 2021-10-01 | 康键信息技术(深圳)有限公司 | 移动端界面布置方法、装置、设备及存储介质 |
CN113283010A (zh) * | 2021-06-03 | 2021-08-20 | 江苏徐工工程机械研究院有限公司 | 一种基于用户行为研究的操纵交互设计方法、控制装置 |
CN114995814A (zh) * | 2022-06-07 | 2022-09-02 | 重庆大学 | 一种应用系统工程化智能视图布局的方法与装置 |
CN114995814B (zh) * | 2022-06-07 | 2023-03-28 | 重庆大学 | 一种应用系统工程化智能视图布局的方法与装置 |
Also Published As
Publication number | Publication date |
---|---|
CN111651228B (zh) | 2022-08-12 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111651228B (zh) | 优化用户界面布局方法、装置以及相关设备 | |
AU2012370492B2 (en) | Graphical overlay related to data mining and analytics | |
US10581791B2 (en) | Communication message consolidation with content difference formatting | |
CN103180815A (zh) | 输入配置的自动调整 | |
KR20150048907A (ko) | 동적 콘텐츠를 이용하여 줌 인 및 줌 아웃하기 위한 기법 | |
US10606941B2 (en) | Annotating documents on a mobile device | |
CN109408754B (zh) | 网页操作数据的处理方法、装置、电子设备及存储介质 | |
US10839040B2 (en) | Normalizing a page flow | |
CN104657451A (zh) | 页面的处理方法及装置 | |
CN105867820A (zh) | 用于触摸屏的文本编辑方法和装置 | |
US10057358B2 (en) | Identifying and mapping emojis | |
US20190303430A1 (en) | Systems and methods for dynamically building online interactive forms | |
CN114127733A (zh) | 用于创建可变长度输入的固定长度表示的过程 | |
CN104954611A (zh) | 信息处理设备及其控制方法 | |
US9183314B2 (en) | Providing browsing history on client for dynamic webpage | |
CN106127072A (zh) | 电子印章签章装置与方法 | |
US10275525B2 (en) | Method and system for mining trends around trending terms | |
CN111638787A (zh) | 用于展示信息的方法和装置 | |
CN116719456A (zh) | 图标样式切换方法、装置、电子设备及存储介质 | |
CN111611476B (zh) | 专题页面的显示方法和装置 | |
CN114489902A (zh) | 界面展示方法、装置、设备及介质 | |
CN114047863A (zh) | 一种页面交互方法和装置 | |
US20160028783A1 (en) | System for simultaneous remote management of documents | |
CN113691875B (zh) | 应用程序密码登录处理方法、装置、智能终端及存储介质 | |
CN113918231B (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 | ||
TA01 | Transfer of patent application right |
Effective date of registration: 20220523 Address after: 518000 China Aviation Center 2901, No. 1018, Huafu Road, Huahang community, Huaqiang North Street, Futian District, Shenzhen, Guangdong Province Applicant after: Shenzhen Ping An medical and Health Technology Service Co.,Ltd. Address before: Room 12G, Area H, 666 Beijing East Road, Huangpu District, Shanghai 200001 Applicant before: PING AN MEDICAL AND HEALTHCARE MANAGEMENT Co.,Ltd. |
|
TA01 | Transfer of patent application right | ||
GR01 | Patent grant | ||
GR01 | Patent grant |