WO2016045547A1 - Procédé et dispositif d'affichage d'informations et dispositif mobile - Google Patents

Procédé et dispositif d'affichage d'informations et dispositif mobile Download PDF

Info

Publication number
WO2016045547A1
WO2016045547A1 PCT/CN2015/089955 CN2015089955W WO2016045547A1 WO 2016045547 A1 WO2016045547 A1 WO 2016045547A1 CN 2015089955 W CN2015089955 W CN 2015089955W WO 2016045547 A1 WO2016045547 A1 WO 2016045547A1
Authority
WO
WIPO (PCT)
Prior art keywords
data
user
icon
area
display
Prior art date
Application number
PCT/CN2015/089955
Other languages
English (en)
Chinese (zh)
Inventor
诸琳
Original Assignee
阿里巴巴集团控股有限公司
诸琳
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by 阿里巴巴集团控股有限公司, 诸琳 filed Critical 阿里巴巴集团控股有限公司
Publication of WO2016045547A1 publication Critical patent/WO2016045547A1/fr

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]

Definitions

  • the present application relates to the field of terminal technologies, and in particular, to an information display method, apparatus, and mobile device.
  • the screen of a smart terminal is generally small, if the user wants to view certain statistics and their change information, such as: a graph of statistical data. Then, limited by the size of the screen of the smart terminal, it is often impossible to display all the data and its charts clearly and completely on the user interface, thereby affecting the user's comparative analysis.
  • the present application provides an information display method, apparatus, and mobile device.
  • An information display method comprising:
  • data corresponding to the icon triggered by the user is displayed in the information box, and change information of the data in the preset time period is displayed in the second area of the user interface.
  • the method further includes:
  • the receiving, by the user interface, the instruction that the user triggers the icon includes:
  • An instruction to the user to click on the icon is received through the user interface.
  • the providing icons corresponding to the at least two types of data in the first area include:
  • An icon corresponding to at least two types of data is provided on a border of the information frame.
  • the receiving, by the user interface, the instruction that the user triggers the icon includes:
  • the method further includes:
  • the frame of the information frame is rotated according to the sliding method of the user.
  • the method further includes:
  • the data corresponding to the icon that is not triggered by the user is displayed in an area preset outside the information frame in the first area.
  • the transparency of the data corresponding to the icon that is not triggered by the user is greater than the transparency of the data displayed in the information frame.
  • An information display device comprising:
  • a first providing unit providing a preset information box in a first area of the user interface
  • a second providing unit providing an icon corresponding to at least two types of data in the first area
  • An instruction receiving unit configured to receive, by the user interface, an instruction that the user triggers the icon
  • the first display unit displays data corresponding to the icon triggered by the user in the information box according to the instruction, and displays change information of the data in a preset time period in a second area of the user interface.
  • the device further includes:
  • the attribute obtaining unit acquires a preset display attribute
  • the effect adjustment unit adjusts a display effect of the icon triggered by the user according to the display attribute.
  • the instruction receiving unit receives an instruction of the user to click the icon through the user interface.
  • the second providing unit specifically provides an icon corresponding to at least two types of data on a border of the information frame.
  • the instruction receiving unit receives, by using the user interface, an instruction that the user slides the selected icon along a border of the information frame to a preset position;
  • the device also includes:
  • the frame rotation unit rotates the frame of the information frame according to the sliding method of the user while the user is sliding.
  • the device further includes:
  • the second display unit displays data corresponding to the icon that is not triggered by the user in an area preset outside the information frame in the first area.
  • the transparency of the data corresponding to the icon that is not triggered by the user is greater than the transparency of the data displayed in the information frame.
  • a mobile device comprising:
  • a memory configured to store a statistical data display program, the statistical data display program configured to be executed by the processor to display a statistical data interface on the touch display, the statistical data interface including a first region And a second area, the first area comprising a first type of data icon in a first position and a second type of data icon in a second position, the first type of data icon and the second type of data
  • the icon is configured to sequentially move to the data triggering display position according to a predetermined trajectory in response to an operation instruction input by the user through the touch display, and when the first type of data icon is moved to the data triggering display position,
  • the second area follows a change graph showing the corresponding first type of data in a preset time period, and when the second type of data icon is moved to the data triggering display position, the second area follows the display corresponding The change graph of the second type of data in the preset time period.
  • the present application divides the user interface into a first area and a second area, thereby displaying data in the first area, and displaying the data in the second area.
  • the change information so that the data that the user wants to view and the change information thereof are completely displayed on the user interface according to the user's instruction, so that the user can compare and analyze.
  • FIG. 1 is a schematic flow chart of an information display method in an embodiment of the present application.
  • FIG. 2 is a schematic diagram of a first area of a user interface in an embodiment of the present application.
  • FIG. 3 is a schematic diagram of a user interface in an embodiment of the present application.
  • FIG. 4 is a schematic diagram of another user interface in an embodiment of the present application.
  • FIG. 5 is a schematic diagram of another user interface in an embodiment of the present application.
  • FIG. 6 is a schematic diagram of another user interface in an embodiment of the present application.
  • FIG. 7 is a schematic diagram of another user interface in an embodiment of the present application.
  • FIG. 8 is a schematic diagram of another user interface in an embodiment of the present application.
  • FIG. 9 is a schematic structural diagram of a terminal in an embodiment of the present application.
  • FIG. 10 is a schematic structural diagram of an information display device according to an embodiment of the present application.
  • first, second, third, etc. may be used in this application to describe various Information, but this information should not be limited to these terms. These terms are only used to distinguish the same type of information from each other.
  • first information may also be referred to as the second information without departing from the scope of the present application.
  • second information may also be referred to as the first information.
  • word "if” as used herein may be interpreted as "when” or “when” or “in response to a determination.”
  • the present application provides an information display scheme.
  • the present application provides an information display method, which is applied to a terminal, and the method includes the following steps:
  • Step 101 Provide a preset information box in a first area of the user interface.
  • the user interface is divided into two areas, a first area and a second area, the first area can be used to display data, and the second area can be used to display the data.
  • Change information such as: the chart of the data over a period of time.
  • the user can also divide the user interface into three areas or even four areas according to requirements, and the present application does not specifically limit this.
  • the first area and the second area may be divided according to a display manner of the user interface, for example, if the display manner of the user interface is a vertical screen display, the user interface may be from top to bottom. Divided into a first area and a second area. If the display manner of the user interface is a horizontal screen display, the user interface may be divided into a first area and a second area from left to right. The size of the first area and the second area may be set according to the shape, size, and the like of the display content, for example, the first area and the second area each occupy a percentage of the user interface. Fifty.
  • a preset information box is provided in the first area for displaying the data.
  • the information frame may be in the shape of a circle, a square, a diamond or the like, and the present application does not particularly limit this.
  • the information frame may be disposed at any position within the first area.
  • the information box may be disposed at an intermediate position within the first area, and the intermediate position is most prominent for convenient viewing by a user.
  • Step 102 Provide an icon corresponding to at least two types of data in the first area.
  • the icons are in one-to-one correspondence with the types of data, and different icons are provided for different kinds of data, so that the user can distinguish.
  • the icon may be provided at a location other than the information frame in the first area.
  • the icon can be provided on the border of the information box.
  • the preset information frame is circular and located at an intermediate position of the first area, and the information frame has three different icons on the border, which respectively correspond to different kinds of data.
  • Step 103 Receive an instruction that the user triggers the icon through the user interface.
  • the user can display the data corresponding to the icon by triggering an icon in the first area.
  • the trigger mode of the user can be set by the developer, for example, clicking an icon, a sliding icon, etc., and the application does not specifically limit this.
  • Step 104 Display data corresponding to the icon triggered by the user in the information box according to the instruction, and display change information of the data in a preset time period in a second area of the user interface.
  • step 103 when receiving an instruction that the user triggers the icon, data corresponding to the icon triggered by the user is displayed in the information box to improve readability of the data.
  • the change information of the data is displayed in the second area of the user interface. In some embodiments, the change information can also be displayed in real time.
  • the data corresponding to the icon is acquired from the server, and then the data is displayed in the information box.
  • the data includes, but is not limited to, real-time statistical data, historical data, and the like.
  • the change information of the data may be displayed in the form of a chart, a chart, or the like according to the setting of the user, and the present application does not specifically limit this.
  • the present application divides the user interface into a first area and a second area, thereby displaying data in the first area, and displaying change information of the data in the second area.
  • the data that the user wants to view and the change information thereof are completely displayed on the user interface, so that the user can compare and analyze.
  • the user can trigger the icon by clicking an icon or a sliding icon.
  • the user-views the transaction information of the store and the data is real-time statistical data.
  • the data is real-time statistical data.
  • the default displayed statistical data is “amount”.
  • the statistical data "amount” is displayed in a preset information box in the first area, and the change trend of the "amount” is displayed in the second area.
  • the user wants to view other statistics, such as “number of buyers” the user can click the icon corresponding to “number of buyers”, and then display the statistical “number of buyers” in the preset information box, and The change trend of the "number of buyers” is displayed in the second area to form the user interface shown in FIG.
  • the icon is triggered using a sliding icon.
  • the statistical data that the user wants to view is “the number of buyers”
  • the user can slide the icon corresponding to the “number of buyers”, for example, the icon corresponding to the “number of buyers” is along the
  • the frame of the information frame slides clockwise to the position of the icon " ⁇ " corresponding to the "amount”, and at the same time, the frame of the information frame can be rotated according to the sliding direction of the user to form the user interface shown in FIG. 6.
  • the preset distance may be set to slide clockwise along the border of the information box, or the counterclockwise sliding, etc., and the comparison of the present application is not particularly limited. Setting the sliding statistical data switching mode allows the user to feel the process of data change and enhance the user experience in the process of switching data.
  • the preset display attribute is acquired, and the display effect of the icon triggered by the user is adjusted according to the display attribute.
  • the display effect of the icon triggered by the user may be changed to remind the user of the category of the currently viewed data.
  • the display attributes include: size, shape, color, and the like. For example, you can increase the size of the icon triggered by the user to distinguish other icons.
  • FIG. 7 for a schematic diagram of a user interface according to the embodiment.
  • the display attribute is a size. As shown in FIG. 7 , after the user triggers the icon “ ⁇ ”, the display size of the icon “ ⁇ ” is adjusted to Preset sizes to distinguish other icons.
  • data corresponding to the icon that is not triggered by the user may also be displayed in an area preset outside the information frame in the first area.
  • the data corresponding to the icon that is not triggered by the user can be weakly displayed next to the icon.
  • the weakened display can be achieved by adjusting the transparency of the data. Specifically, the transparency of the data corresponding to the icon that is not triggered by the user is increased to be greater than the transparency of the data displayed in the information frame. For example, the transparency of the data displayed in the information box is 0%, and the transparency of the data corresponding to the icon that is not triggered by the user is 30%.
  • the data corresponding to the icon that the user does not trigger is displayed, so that the user can obtain the data corresponding to all the icons through one user interface.
  • the present application divides the user interface into a first area and a second area, thereby displaying data in the first area, and displaying change information of the data in the second area.
  • the data that the user wants to view and the change information thereof are completely displayed on the user interface, so that the user can compare and analyze.
  • the present application further provides an information display device, which is applied to the terminal.
  • the device described in this application may be implemented by software, or may be implemented by hardware or a combination of hardware and software.
  • the information display device of the present application is formed as a logical device by reading the corresponding computer program instructions in the non-volatile memory into the memory through the processor of the device in which it is located.
  • an information display device 900 is provided on a terminal.
  • the device 900 includes: a first providing unit 901, a second providing unit 902, an instruction receiving unit 903, and a first The display unit 904, the attribute acquisition unit 905, the effect adjustment unit 906, and the bezel rotation unit 907 and the second display unit 908.
  • the first providing unit 901 provides a preset information frame in a first area of the user interface.
  • the second providing unit 902 provides an icon corresponding to at least two types of data in the first area.
  • the instruction receiving unit 903 receives an instruction that the user triggers the icon through the user interface.
  • the first display unit 904 displays a user trigger in the information box according to the instruction.
  • the icon corresponds to the data, and displays the change information of the data within the preset time period in the second area of the user interface.
  • the attribute obtaining unit 905 acquires a preset display attribute.
  • the effect adjustment unit 906 adjusts a display effect of the icon triggered by the user according to the display attribute.
  • the instruction receiving unit 903 receives an instruction of the user to click the icon through the user interface.
  • the second providing unit 902 specifically provides an icon corresponding to at least two types of data on a border of the information frame.
  • the instruction receiving unit 903 receives, by using the user interface, an instruction that the user slides the selected icon along the border of the information frame to a preset position.
  • the frame rotation unit 907 rotates the frame of the information frame according to the sliding method of the user while the user slides.
  • the second display unit 908 displays data corresponding to the icon that is not triggered by the user in an area preset outside the information frame in the first area.
  • the transparency of the data corresponding to the icon that is not triggered by the user is greater than the transparency of the data displayed in the information frame.
  • the application also provides a mobile device, the mobile device comprising: a touch display; a processor; and a memory.
  • the memory is configured to store a statistical data display program configured to be executed by the processor to display a statistical data interface on the touch display, the statistical data interface including a first region and a a second area, the first area includes a first type of data icon at a first location and a second type of data icon at a second location, the first type of data icon and the second type of data icon being Configuring, in response to an operation instruction input by the user through the touch display, sequentially moving to a data trigger display position according to a predetermined trajectory, and When the first type of data icon is moved to the data triggering display position, the second area follows a change graph showing the corresponding first type of data in a preset time period, when the second type of data icon is moved When the data triggers the display position, the second area follows a change graph showing the corresponding second type of data within a preset time period.
  • a statistical data display program configured to be executed by the processor to display a statistical data interface on the touch display, the statistical data interface including a first region and a a second

Abstract

La présente invention concerne un procédé et un dispositif d'affichage d'informations, ainsi qu'un dispositif mobile. Le procédé comprend les étapes au cours desquelles : une case d'informations prédéfinie est formée dans une première zone d'une interface utilisateur (101) ; des icônes correspondant à au moins deux types de données sont formées dans la première zone (102) ; une commande d'un utilisateur activant une icône est reçue par l'intermédiaire de l'interface utilisateur (103) ; et, en fonction de la commande, des données correspondant à l'icône activée par l'utilisateur sont affichées dans la case d'informations et des informations de modification des données pendant une période de temps prédéfinie sont affichées dans une seconde zone de l'interface utilisateur (104). La présente solution technique permet d'afficher sur l'interface utilisateur l'ensemble des données que l'utilisateur souhaite visualiser et des informations de modification des données, ce qui facilite une analyse comparative de l'utilisateur.
PCT/CN2015/089955 2014-09-28 2015-09-18 Procédé et dispositif d'affichage d'informations et dispositif mobile WO2016045547A1 (fr)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201410509518.8 2014-09-28
CN201410509518.8A CN105528131A (zh) 2014-09-28 2014-09-28 一种信息显示方法、装置和移动设备

Publications (1)

Publication Number Publication Date
WO2016045547A1 true WO2016045547A1 (fr) 2016-03-31

Family

ID=55580301

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2015/089955 WO2016045547A1 (fr) 2014-09-28 2015-09-18 Procédé et dispositif d'affichage d'informations et dispositif mobile

Country Status (2)

Country Link
CN (1) CN105528131A (fr)
WO (1) WO2016045547A1 (fr)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111796897A (zh) * 2020-07-03 2020-10-20 北京达佳互联信息技术有限公司 页面展示方法、装置、存储介质及电子设备
CN114281227A (zh) * 2021-12-28 2022-04-05 四川启睿克科技有限公司 一种基于可衡量单位的数据驱动轴实现方法

Families Citing this family (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106228364A (zh) * 2016-07-15 2016-12-14 珠海市魅族科技有限公司 一种信息呈现方法及呈现装置
CN106843784B (zh) * 2017-01-19 2021-01-22 沃民高新科技（北京）股份有限公司 显示数据的方法和装置
CN107273365A (zh) * 2017-05-17 2017-10-20 百度在线网络技术（北京）有限公司 内容分发的显示方法、装置和计算机设备
CN107679066A (zh) * 2017-08-04 2018-02-09 平安科技（深圳）有限公司 项目信息展示方法、电子装置及计算机可读存储介质
CN108664193A (zh) * 2018-05-10 2018-10-16 阿里巴巴集团控股有限公司 账单数据展示方法、装置以及设备

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101344836A (zh) * 2007-07-13 2009-01-14 奥多比公司 简化的用户界面导航
CN101983388A (zh) * 2008-04-02 2011-03-02 微软公司 交互式主机知晓广告
CN102075619A (zh) * 2010-12-15 2011-05-25 华为终端有限公司 触摸屏手机的解锁方法和触摸屏手机
US20110193704A1 (en) * 2009-08-31 2011-08-11 Abbott Diabetes Care Inc. Displays for a medical device
US20130117696A1 (en) * 2011-11-09 2013-05-09 Timothy Robertson Apparatus, System, and Method for Managing Adherence to a Regimen

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101344836A (zh) * 2007-07-13 2009-01-14 奥多比公司 简化的用户界面导航
CN101983388A (zh) * 2008-04-02 2011-03-02 微软公司 交互式主机知晓广告
US20110193704A1 (en) * 2009-08-31 2011-08-11 Abbott Diabetes Care Inc. Displays for a medical device
CN102075619A (zh) * 2010-12-15 2011-05-25 华为终端有限公司 触摸屏手机的解锁方法和触摸屏手机
US20130117696A1 (en) * 2011-11-09 2013-05-09 Timothy Robertson Apparatus, System, and Method for Managing Adherence to a Regimen

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111796897A (zh) * 2020-07-03 2020-10-20 北京达佳互联信息技术有限公司 页面展示方法、装置、存储介质及电子设备
CN114281227A (zh) * 2021-12-28 2022-04-05 四川启睿克科技有限公司 一种基于可衡量单位的数据驱动轴实现方法

Also Published As

Publication number Publication date
CN105528131A (zh) 2016-04-27

Similar Documents

Publication Publication Date Title
WO2016045547A1 (fr) Procédé et dispositif d'affichage d'informations et dispositif mobile
US10372238B2 (en) User terminal device and method for controlling the user terminal device thereof
US11340759B2 (en) User terminal device with pen and controlling method thereof
US7274377B2 (en) Viewport panning feedback system
CN104956433B (zh) 用于控制便携式计算设备的显示的方法
US9367199B2 (en) Dynamical and smart positioning of help overlay graphics in a formation of user interface elements
US9128595B2 (en) Managing data content on a computing device
WO2013044735A1 (fr) Navigateur web et procédé de navigation de page web
US10572114B2 (en) Systems and methods for effectively using data controls in a graphical user interface on a small visual display
US9886170B2 (en) Breadth-first menu system for mobile applications
CN109040767B (zh) 一种直播间加载方法、系统、服务器及存储介质
CN108491140B (zh) 互动内容的展示方法及装置
US20180164987A1 (en) Controlling window using touch-sensitive edge
WO2016066047A1 (fr) Procédé et dispositif pour afficher des informations d'objet sur un appareil d'affichage d'écran
TWI770429B (zh) 具有多種圖形化使用者介面之股票報價裝置與方法
WO2024037438A1 (fr) Procédé et appareil de commande d'écran partagé, dispositif électronique, et support de stockage lisible
WO2017101335A1 (fr) Procédé et dispositif de commande d'affichage de fenêtre de terminal
US20150199108A1 (en) Changing user interface element based on interaction therewith
WO2023197915A1 (fr) Procédé et appareil de traitement de message, dispositif électronique et support de stockage lisible
US10248307B2 (en) Virtual reality headset device with front touch screen
TW202016694A (zh) 資料處理方法、裝置和機器可讀媒體
US11669241B2 (en) Touch control method, apparatus, and device and computer-readable storage medium
TWI737175B (zh) 物件操控方法、主機裝置及電腦可讀儲存媒體
TW201407456A (zh) 多視窗瀏覽方法及瀏覽裝置
US20210397399A1 (en) Interfaces moves

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 15843373

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 15843373

Country of ref document: EP

Kind code of ref document: A1