CN113760136A

CN113760136A - Icon layout method and device

Info

Publication number: CN113760136A
Application number: CN202110171678.6A
Authority: CN
Inventors: 冯静; 王璟璟; 周末
Original assignee: Beijing Jingdong Century Trading Co Ltd; Beijing Wodong Tianjun Information Technology Co Ltd
Current assignee: Beijing Jingdong Century Trading Co Ltd; Beijing Wodong Tianjun Information Technology Co Ltd
Priority date: 2021-02-08
Filing date: 2021-02-08
Publication date: 2021-12-07

Abstract

The invention discloses an icon layout method and device, and relates to the technical field of internet. The specific implementation mode of the method comprises the following steps: acquiring the click times of at least two icons in the display area; determining display sizes corresponding to the at least two icons respectively according to the click times; wherein the display size corresponding to the icon with more clicks is larger; and rearranging the at least two icons in the display area according to the display size. According to the embodiment, the exposure rate of the icons can be increased as much as possible in the limited display area, the space of the display area is fully utilized, the icons suitable for the browsing habits of the user are highlighted, and the user experience is improved.

Description

Icon layout method and device

Technical Field

The invention relates to the technical field of internet, in particular to an icon layout method and device.

Background

The APP is Application, namely an Application program, and mainly refers to various software installed on the intelligent device in daily life, so that a user can access various services desired by the user through various APPs.

When a user uses the APP, various classification icons displayed on the home page of the APP are in a standard arrangement mode with uniform size specification, and the user can enter a list page of all services through more.

The existing APP only displays a plurality of system default classification icons in a display area of a home page, and all services of the APP cannot be displayed; in addition, the service corresponding to the default classification icon may not be required by the user, and the browsing habit of the user cannot be met, so that the user experience is reduced. At the same time, the space of the display area is not fully utilized.

Disclosure of Invention

In view of this, embodiments of the present invention provide an icon layout method and apparatus, which can increase the exposure rate of icons as much as possible in a limited display area, fully utilize the space of the display area, and highlight icons suitable for the browsing habits of users, thereby improving the user experience.

To achieve the above object, according to an aspect of an embodiment of the present invention, there is provided an icon layout method including:

acquiring the click times of at least two icons in the display area;

determining display sizes corresponding to the at least two icons respectively according to the click times; wherein the display size corresponding to the icon with more clicks is larger;

and rearranging the at least two icons in the display area according to the display size.

Optionally, the determining, according to the number of clicks, display sizes corresponding to the at least two icons respectively includes:

sorting the at least two icons according to the click times;

classifying the at least two icons according to the sequencing result and a preset number section, wherein each number section corresponds to one or more different click times, and different number sections correspond to different display sizes;

and respectively determining the display sizes corresponding to the at least two icons according to the classification result.

Optionally, the method further comprises:

determining the number of the icons corresponding to each frequency section according to the classification result;

and when the number is larger than the icon number threshold corresponding to the number section, determining the display size of the icon and/or the size of the icon area corresponding to the icon according to the ratio of the number of the icons to the icon number threshold.

Optionally, the rearranging the at least two icons in the display area according to the display size includes:

determining icon areas corresponding to the icons with different display sizes in the display areas respectively;

and respectively laying out the at least two icons in corresponding icon areas.

Optionally, the determining the icon areas corresponding to the icons with different display sizes in the display areas respectively includes:

for one or more icons in the first type with the highest click times:

and determining the icon area corresponding to the first type of icons according to the center of the display area, the number of the first type of icons and the display size of the first type of icons.

Optionally, when the number of the first type icons is one, the center of the icon area corresponding to the first type icon and the center of the display area coincide with each other, and the size of the icon area corresponding to the first type icon is the same as the display size of the first type icon.

Optionally, when the number of the first type icons is multiple, according to the sum of the display sizes of the first type icons, an icon area not smaller than the sum of the display sizes is determined in the display area, and the center of the determined icon area and the center of the display area coincide with each other.

aiming at a second type of icons except the first type of icons with the largest clicking times in the at least two icons:

determining the icon number threshold of the frequency section corresponding to the second type of icon according to the classification result;

and determining the icon area of the second type of icons in the display area according to the number of the second type of icons and the display size of the second type of icons.

Optionally, each said number section corresponds to a fixed icon area in said display area; the rearranging the at least two icons in the display area according to the display size comprises:

when the number is larger than the icon number threshold corresponding to the number section, selecting the icons with the same number as the icon number threshold from the icons, and distributing the selected icons in the fixed icon area corresponding to the number section.

Optionally, the method further comprises:

determining the edge of the icon area corresponding to each time section in the display area according to the size relationship of the icon corresponding to each time section;

and determining a fixed icon area corresponding to each time section in the display area according to the edge of the icon area, wherein the fixed icon area corresponding to the icon with the larger display size is closer to the center of the display area.

Optionally, each icon area is symmetrical to the left and right of the center line of the display area, and the center of each icon area overlaps with the center of the display area.

one or more first-type icons with the largest number of clicks in the at least two icons are laid out in corresponding icon areas;

determining one or more second-class icons with the smallest display size difference with the first-class icons, taking any one of the second-class icons as a current icon, and executing:

a1: selecting a position to be laid out in an icon area corresponding to the current icon;

a2: determining whether a region to be laid out of the icon region of the current icon is overlapped with the laid out icon in the display region according to the position to be laid out and the display size of the current icon;

if so, go to A1; if not, the current icon is laid according to the position to be laid;

determining whether an undisposed second-class icon exists in one or more second-class icons with the smallest difference with the display size of the first-class icon, if so, selecting one undisposed second-class icon as a current icon, and executing A1; if not, determining one or more third-class icons with the smallest difference value with the display size of the current icon, and taking any one third-class icon as the current icon to execute A1.

According to still another aspect of the embodiments of the present invention, there is provided an icon layout apparatus including:

the acquisition module is used for acquiring the click times of at least two icons in the display area;

the data processing module is used for determining the display sizes corresponding to the at least two icons according to the click times; wherein the display size corresponding to the icon with more clicks is larger;

and the layout module is used for re-laying the at least two icons in the display area according to the display size.

According to another aspect of the embodiments of the present invention, there is provided an icon layout electronic device including:

one or more processors;

a storage device for storing one or more programs,

when the one or more programs are executed by the one or more processors, the one or more processors implement the icon layout method provided by the present invention.

According to still another aspect of embodiments of the present invention, there is provided a computer-readable medium on which a computer program is stored, the program, when executed by a processor, implementing an icon layout method provided by the present invention.

One embodiment of the above invention has the following advantages or benefits: because the icons are sequenced according to the sequence of the click times from most to few, the display size corresponding to the icons with more click times is larger, and all the icons are distributed in one display area, the technical problem that the space of the display area cannot be fully utilized is solved, and then all the icons in the display area are displayed at one time.

Further effects of the above-mentioned non-conventional alternatives will be described below in connection with the embodiments.

Drawings

The drawings are included to provide a better understanding of the invention and are not to be construed as unduly limiting the invention. Wherein:

FIG. 1 is an exemplary system architecture diagram of an icon layout method or apparatus suitable for use with embodiments of the present invention;

FIG. 2 is a schematic diagram of a main flow of an icon layout method according to an embodiment of the present invention;

FIG. 3(a) is a schematic diagram of a detailed flow of an icon layout method according to an embodiment of the invention;

FIG. 3(b) is a first diagram illustrating an example of an icon area of the icon layout method according to an embodiment of the present invention;

FIG. 3(c) is a second diagram illustrating an example of an icon area of the icon layout method according to the embodiment of the present invention;

fig. 3(d) is a diagram of an example of icon layout of the icon layout method according to the embodiment of the present invention;

FIG. 4 is a schematic diagram of the main blocks of an icon layout apparatus according to an embodiment of the present invention;

fig. 5 is a schematic block diagram of a computer system suitable for use in implementing a terminal device or server of an embodiment of the invention.

Detailed Description

Exemplary embodiments of the present invention are described below with reference to the accompanying drawings, in which various details of embodiments of the invention are included to assist understanding, and which are to be considered as merely exemplary. Accordingly, those of ordinary skill in the art will recognize that various changes and modifications of the embodiments described herein can be made without departing from the scope and spirit of the invention. Also, descriptions of well-known functions and constructions are omitted in the following description for clarity and conciseness.

Fig. 1 shows an exemplary system architecture diagram of an icon layout method or an icon layout apparatus suitable for application to an embodiment of the present invention, and as shown in fig. 1, the exemplary system architecture of the icon layout method or the icon layout apparatus of the embodiment of the present invention includes:

as shown in fig. 1, the system architecture 100 may include

terminal devices

101, 102, 103, a network 104, and a server 105. The network 104 serves as a medium for providing communication links between the

terminal devices

101, 102, 103 and the server 105. Network 104 may include various connection types, such as wired, wireless communication links, or fiber optic cables, to name a few.

The user may use the

terminal devices

101, 102, 103 to interact with the server 105 via the network 104 to receive or send messages or the like. The

terminal devices

101, 102, 103 may have various communication client applications (i.e., APP) installed thereon, such as shopping applications, web browser applications, search applications, instant messaging tools, mailbox clients, social platform software, and the like.

The

terminal devices

101, 102, 103 may be various electronic devices having a display screen and supporting web browsing, including but not limited to smart phones, tablet computers, laptop portable computers, desktop computers, and the like.

The server 105 may be a server providing various services, such as a background management server providing support for various APPs browsed by the user using the

terminal devices

101, 102, 103. The background management server may analyze and perform other processing on the received data such as various APP requests, and feed back the processing result to the

terminal devices

101, 102, and 103.

It should be noted that the icon layout method provided by the embodiment of the present invention is generally executed by the server 105, and accordingly, the icon layout apparatus is generally disposed in the server 105.

It should be understood that the number of terminal devices, networks, and servers in fig. 1 is merely illustrative. There may be any number of terminal devices, networks, and servers, as desired for implementation.

Fig. 2 is a schematic diagram of a main flow of an icon layout method according to an embodiment of the present invention, and as shown in fig. 2, the icon layout method of the present invention includes:

step S201, obtaining the click times of at least two icons in the display area.

Icons in an existing APP display area are generally arranged according to default settings, services provided by the default arrangement mode are generally not required by a user, and if the user wants to enter a desired classification area, the user needs to click more to enter all service pages for searching; also, icons are typically of a single size specification and are limited to screen size, so that users may frequently click wrong into a classification zone that is not intended by themselves. The method and the device have the advantages that the icons in the APP display area are rearranged, so that the icons corresponding to the common functions of the user can be obtained more conveniently. When the icons in the display area are rearranged, the click times of at least two icons in the display area are obtained according to the common browsing habits of users, and the icons are rearranged according to the click times.

Illustratively, the at least two icons include a plurality of icons, and acquiring the number of clicks of the at least two icons in the presentation area includes: and acquiring the click times of a plurality of icons corresponding to all services.

Step S202, determining display sizes corresponding to the at least two icons respectively according to the click times; wherein the display size corresponding to the icon with more clicks is larger.

After the click times of at least two icons in the display area are obtained, the at least two icons are sorted according to the click times, the more the icon click times are, the more the sorting is, and the higher the utilization rate of the user is represented. The display sizes of the at least two icons are set according to the sorting of the number of clicks, and the larger the number of clicks is, the larger the display size of the corresponding icon is, so that the user can more easily acquire/click the icon which accords with the browsing habit of the user.

Step S203, re-laying out the at least two icons in the display area according to the display size.

After the display sizes corresponding to the at least two icons are determined, the at least two icons are placed in the icon areas corresponding to the display sizes of the icons, and therefore the icons are rearranged. The icon area can be a fixed icon area which is preset and corresponds to the display size, or a variable icon area which is adaptively changed according to the display size of the icon and the number of icons arranged in the icon area corresponding to the display size.

Illustratively, the re-layout of at least two icons in the presentation area includes: at least two icons are laid out in the presentation area, namely: and arranging a plurality of icons corresponding to all services in a display area, thereby realizing one-time display suitable for the browsing habits of users.

In the embodiment of the invention, the click times of at least two icons in the display area are obtained; determining display sizes corresponding to the at least two icons respectively according to the click times; according to the display size, the at least two icons are rearranged in the display area, so that the exposure rate of the icons can be increased as much as possible in the limited display area, the space of the display area is fully utilized, the icons suitable for the browsing habits of the user are highlighted, and the use experience of the user is improved.

Fig. 3(a) is a schematic diagram of a detailed flow of an icon layout method according to an embodiment of the present invention, fig. 3(b) is a schematic diagram of a first icon area example of the icon layout method according to the embodiment of the present invention, fig. 3(c) is a schematic diagram of a second icon area example of the icon layout method according to the embodiment of the present invention, and fig. 3(d) is a schematic diagram of an icon layout example of the icon layout method according to the embodiment of the present invention, as shown in fig. 3(a), the icon layout method of the present invention includes:

in step S301, an initial layout state of the icons in the presentation area is set.

Before the common functions of the user are not determined, in order to acquire the common function data of the user and lay out an icon arrangement mode which is more in line with the browsing habits/use habits of the user, setting the initial layout states of at least two icons in a display area: at least two icons are randomly arranged in the display area, or at least two icons are regularly arranged in the display area, or at least two icons are arranged in the display area in other modes, and all the at least two icons can be arranged in the display area, so that the initial layout state of the at least two icons in the display area is obtained.

As for the size of the at least two icons, it may be selectively set as needed, for example, the at least two icons may be displayed in a uniform size, or the at least two icons may be displayed in different sizes.

Step S302, acquiring the click times of the icons in the display area.

The more icons a user clicks in the APP, the higher the usage rate of the corresponding function. In order to improve the user experience, the icons in the display area are rearranged according to the clicking times of the icons, so that the layout of the icons is more in line with the browsing and using habits of the user. And after the initial layout state of the icons in the display area is set, storing real-time click data when the user browses.

And when the icons are rearranged, acquiring click times data of at least two icons in the display area within a certain period of time according to the initial layout of the at least two icons in the display area. Wherein, a certain period of time can be selectively set according to the needs, and the browsing habits/using habits of the user can be reflected.

Step S303, the icons are sorted according to the number of clicks.

And after the click times data of at least two icons in the display area are obtained, sequencing the at least two icons according to the click times. The function/service corresponding to the icon with the larger number of clicks is usually the most frequently browsed/used by the user. Therefore, the icon layout based on the number of clicks also more conforms to the browsing/usage habits of the user.

Illustratively, the ranking of the number of clicks may be in a bubble ranking method.

And step S304, classifying the icons according to the sequencing result and the preset times section.

The method comprises the steps of presetting a plurality of times sections corresponding to the number of clicks, wherein each preset time section corresponds to one or more different numbers of clicks, the number of the clicks corresponds to the number of icons, one or more different numbers of the clicks correspond to one or more icons, and each preset time section corresponds to a preset icon number threshold. The number section can be selectively set according to needs to meet browsing habits/use habits of users.

After a sorting result for sorting at least two icons according to the number of clicks is obtained, the sorting result corresponds to a plurality of preset times sections, and the at least two icons are classified to obtain a classification result of the icons; wherein, different times sections can correspond to different types of icons.

Illustratively, after the N icons are sorted from more to less according to the number of clicks, the obtained sorting results of the icons are N1, N2, … … and Nn; wherein n is 1, 2, …, a, a +1, …, b, …, c, …, n. Presetting m times sections, and corresponding the sequencing result to the preset m times sections, wherein the method comprises the following steps: the 1 st time section corresponds to an icon with the clicking times of N1-Na; the 2 nd time section corresponds to an icon with the click times of N (a +1) -Nb; … …, respectively; the m-th section corresponds to an icon having Nc-Nn click times. Classifying the n icons, including: the icon with the clicking times of N1-Na is a type 1 icon; the icon with the click frequency of N (a +1) -Nb is a type 2 icon; … …, respectively; the icon with the number of clicks Nc to Nn is the mth type icon.

Further, after the 23 icons are sorted from more to less according to the number of clicks, the obtained sorting results of the icons are N1, N2, … … and N23. Presetting five times sections, and corresponding the sequencing result to the preset five times sections, wherein the method comprises the following steps: the first time section corresponds to the icon with the click number of N1; the second time section corresponds to the icons with the number of clicks being N2-N5; the third time section corresponds to the icons with the clicking times of N6-N11; the fourth time section corresponds to the icon with the number of clicks N12-17; the fifth number section corresponds to icons having a number of clicks of N18-N23. Classifying the 23 icons may include: the icon with the clicking times of N1 is a first type icon; the icons with the clicking times of N2-N5 are icons of a second type; the icons with the clicking times of N6-N11 corresponding to the third time section are icons of a third type; the icon corresponding to the fourth numerical section and having the clicking times N12-17 is a fourth type icon; the fifth section corresponds to icons with the number of clicks N18-N23 as the fifth type of icons.

Step S305, respectively determining the display sizes of the icons according to the classification result.

After the classification results of the at least two icons are obtained, determining the display sizes of the at least two icons according to the classification results; wherein, different types of icons correspond to different display sizes. When the display sizes of the at least two icons are determined, the display sizes of the at least two icons are determined according to the size of the display area and the proportional relation of the display sizes among the preset icons of different types. For example, the display size of the icon of the type corresponding to the number section with the larger number of clicks is larger for satisfying the browsing/using habits of the user, that is, the display size of the icon is gradually reduced as the number of clicks is gradually reduced.

Illustratively, the n icons are classified into m types, the size of the display area is w × h, and the preset proportional relationship of the display sizes among the different types of icons is s 1: s 2: …: sm, wherein the icon areas of different types of icons can be calculated according to the display size, and the proportional relation of the icon areas from large to small in the display size is the proportional relation of the display size, so that the following can be determined: the width multiplied by the height corresponding to the display size of the type 1 icon is w1 multiplied by h 1; the width multiplied by the height corresponding to the display size of the type 2 icon is w2 multiplied by h 2; … …, respectively; the display size of the mth type icon corresponds to a width of wm × hm.

Further, the 23 icons are divided into five categories, the size of the display area is 750 × 200, and the ratio of the display sizes between the preset five categories of icons is 1: 0.7744: 0.64: 0.5184: 0.4096, it can thus be determined that: the width multiplied by the height corresponding to the display size of the first type of icons is 50 multiplied by 50; the width multiplied by the height corresponding to the display size of the second type of icons is 44 multiplied by 44; the width multiplied by the height corresponding to the display size of the third type of icons is 40 multiplied by 40; the width multiplied by the height corresponding to the display size of the fourth type icon is 36 multiplied by 36; the display size of the fifth type of icons corresponds to a width x height of 32 x 32.

And step S306, respectively determining the number of icons of each frequency section according to the classification result.

After the classification results of at least two icons are obtained, the preset different times sections correspond to different types of icons, so that the number of the icons in each time section can be determined according to the classification results.

Illustratively, N icons are divided into m types, the number of icons with the clicking times of N1-Na is a, namely the number of icons in the 1 st time section is a; the number of the icons with the click times of N (a +1) -Nb is (b-a), namely the number of the icons in the 2 nd time section is (b-a); … …, respectively; the number of icons having Nc-Nn clicks is (n-c +1), that is, the number of icons in the mth order section is (n-c + 1).

Further, the 23 icons are divided into five types, the number of the icons with the click frequency of N1 is 1, that is, the number of the icons in the first time zone is 1; the number of the icons with the clicking times of N2-N5 is 4, namely the number of the icons in the second time section is 4; the number of the icons with the clicking times of N6-N11 is 6, namely the number of the icons in the third time section is 6; the number of icons with the clicking times of N12-17 is 6, namely the number of icons in the fourth time section is 6; the number of icons having the number of clicks N18-N23 is 6, that is, the number of icons in the fifth count section is 6.

In step S307, a plurality of icon areas are determined in the presentation area.

After the display sizes of the at least two icons are determined, a plurality of icon areas are determined according to the display sizes of the at least two icons and the icon number threshold of each time zone. In the display area, determining a plurality of icon areas based on the icon number threshold of each time zone and the display size of each type of icons according to the classification result so as to respectively arrange the icons with different display sizes to different icon areas; wherein, only icons with one display size are arranged in one icon area.

Exemplarily, when the first icon area is determined in the display area, the first icon area is arranged in the middle of the display area, so that the center of the first icon area coincides with the center of the display area, for arranging icons of a first display size; and determining the size of the first icon area according to the icon number threshold of the first time section and the display size of the first type of icons. For example, when the threshold of the number of icons in the first time zone is 1, the center O of the first icon area and the center O' of the display area coincide with each other, and the size of the first icon area is the same as the display size of the first type of icons, or the size of the first icon area is larger than the display size of the first type of icons; as shown in fig. 3(b), when the icon number threshold of the first time zone is multiple, the size of the first icon area is determined in the display area according to the sum of the display sizes of the multiple first type icons, the size of the first icon area is not smaller than the sum of the display sizes of the multiple first type icons, and the center O of the first icon area and the center O' of the display area coincide with each other.

When a second icon area is determined in the display area, the center of the second icon area is set to coincide with the center of the first icon area, the second icon area is connected to the outer side of the first icon area in a sleeved mode and used for arranging icons with a second display size, and correspondingly, the first icon area is arranged inside the second icon area. Determining the size of the second icon area according to the icon number threshold of the second secondary section, the display size of the second type of icons and the size of the first icon area; and the size of the second icon area is not less than the sum of the size of the first icon area and the display size of the second type of icons with the number of icons being threshold.

And when the rest icon areas are determined in the display area, determining the sizes and the positions of the rest icon areas according to the dividing method of the second icon area.

Further, as shown in fig. 3(c), when the first icon area is determined in the display area, the size of the display area is 750 × 200, the first icon area is disposed in the center of the display area so that the center of the first icon area coincides with the center of the display area, the threshold number of icons in the first time zone is 1, the display size of the first type icon is 50 × 50, and the size of the first icon area is determined to be 55 × 55.

When the second icon area is determined in the display area, the center of the second icon area is set to coincide with the center of the first icon area, the second icon area is connected to the outer side of the first icon area in a sleeved mode, and accordingly the first icon area is arranged inside the second icon area. The threshold number of icons in the second sub-area is 4, the display size of the second type of icons is 44 × 44, the size of the first icon area is 50 × 50, and the size of the second icon area is determined to be 145 × 120.

When the third icon area is determined in the display area, the center of the third icon area is set to coincide with the center of the second icon area, the third icon area is sleeved on the outer side of the second icon area, and correspondingly, the second icon area is arranged in the third icon area. The threshold number of icons in the third time zone is 6, the display size of the third type of icons is 40 × 40, the size of the second icon area is 145 × 120, and the size of the third icon area is determined to be 225 × 120.

When the fourth icon area is determined in the display area, the center of the fourth icon area is overlapped with the center of the third icon area, the fourth icon area is connected to the outer side of the third icon area in a sleeved mode, and accordingly the third icon area is arranged inside the fourth icon area. The threshold number of icons in the fourth time section is 6, the display size of the fourth type icon is 36 × 36, the size of the third icon area is 225 × 120, and the size of the fourth icon area is determined to be 305 × 120.

When the fifth icon area is determined in the display area, the center of the fifth icon area is set to coincide with the center of the fourth icon area, the fifth icon area is sleeved outside the fourth icon area, and accordingly the fourth icon area is arranged inside the fifth icon area. The icon number threshold of the fifth number section is 6, the display size of the fifth type of icons is 32 × 32, the size of the fourth icon area is 305 × 120, and the size of the fifth icon area is 375 × 120.

Illustratively, when the first icon area is determined in the display area, the size of the first icon area is determined according to the icon number threshold of the first time section and the display size of the first type of icons.

And when the second icon area is determined in the display area, determining the size of the second icon area according to the icon number threshold of the second secondary number section, the display size of the second type of icons and the size of the first icon area.

And when the rest icon areas are determined in the display area, determining the sizes of the rest icon areas according to the dividing method of the second icon area.

The positions of the first icon area, the second icon area and the rest icon areas can be randomly arranged, so that the second icon area does not interfere with the first type of icons, and the rest icon areas do not interfere with the first type of icons and the second type of icons.

Further, the size of the icon area determined according to the icon number threshold of each time zone and the display size of the corresponding classified icon is a fixed value, the icon area is a fixed icon area, correspondingly, when the icons are laid out, if the actual icon number of the time zone is larger than the icon number threshold, the icons with the icon number threshold are selected from the icons and placed in the icon area corresponding to the time zone, and the rest icons are placed in the next icon area for layout with the display size same as the display size of the classified icon corresponding to the next time zone; and if the actual number of the icons in the times section is less than or equal to the icon number threshold value, placing the icons in the icon area corresponding to the times section.

Further, when the icons are laid out, if the actual icon number of the time zone is greater than the icon number threshold, the display size of the actual icons of the time zone is adjusted, so that the fixed icon area corresponding to the time zone can accommodate the icons with the same number as the actual icons of the time zone, all the icons of the time zone are placed in the icon area corresponding to the time zone, and the display sizes of the icons of the other types are adjusted based on the proportional relation of the display sizes of the preset icons of different types.

Illustratively, when the first icon area is determined in the display area, the size of the first icon area is determined according to the number of icons in the first time section and the display size of the first type of icons. For example, when the number of icons in the first counting section is 1, the size of the first icon area is the same as the display size of the first type of icons, or the size of the first icon area is larger than the display size of the first type of icons; when the number of the icons in the first counting section is multiple, the size of the first icon area is determined in the display area according to the sum of the display sizes of the first type icons, and the size of the first icon area is not smaller than the sum of the display sizes of the first type icons.

And when the second icon area is determined in the display area, determining the size of the second icon area according to the number of the icons in the second secondary number section, the display size of the second type of icons and the size of the first icon area. Compared with the method for determining the size of the second icon area according to the icon number threshold of the second decimal place, the display size of the second type of icons and the size of the first icon area, the display size of the second type of icons is unchanged, and the size of the second icon area determined according to the icon number threshold of the second decimal place, the display size of the second type of icons and the size of the first icon area can be larger than, smaller than or equal to the size of the second icon area determined according to the icon number threshold of the second decimal place, the display size of the second type of icons and the size of the first icon area; or, compared with the size of the second icon area determined according to the icon number threshold of the second decimal place, the display size of the second type of icons, and the size of the first icon area, the size of the second icon area is not changed, and based on the ratio of the icon number of the second decimal place to the icon number threshold of the second decimal place, the display size of the second type of icons may be greater than, less than, or equal to the display size of the second type of icons determined according to step S305; or, compared to determining the size of the second icon area according to the icon number threshold of the second decimal place, the display size of the second type of icon, and the size of the first icon area, the size of the second icon area determined according to the icon number threshold of the second decimal place, the display size of the second type of icon, and the size of the first icon area may be greater than, less than, or equal to the size of the second icon area determined according to the icon number threshold of the second decimal place, the display size of the second type of icon, and the size of the first icon area, based on the ratio of the icon number of the second decimal place to the icon number threshold of the second decimal place, and the display size of the second type of icon, and meanwhile, the display size of the second type of icon may be greater than, less than, or equal to the display size of the second type of icon determined according to step S305. Correspondingly, the display size of the first type of icons is changed along with the display size of the second type of icons based on the proportional relation of the display sizes among the preset icons of different types; and the size of the second icon area is not smaller than the sum of the size of the first icon area and the display size of the plurality of second type icons.

And when the rest icon areas are determined in the display area, determining the sizes of the rest icon areas according to the dividing method of the second icon area. Correspondingly, the display sizes of the first type icons and the second type icons are based on the proportion relation of the display sizes among the preset icons of different types, and the display sizes of the icons of the first type and the second type are changed along with the display sizes of the icons of the other types.

Further, the size of the icon area determined according to the number of icons in each time zone and the display size of the icons corresponding to the classification is a variable value, the icon area is a variable icon area, and accordingly, when the icons are laid out, the icons in the different time zones are placed in the corresponding different types of icon areas.

Illustratively, when the first icon area is determined in the display area, the size of the first icon area is determined according to the display size of the first type of icons. For example, the size of the first icon area is the same as the display size of the first type of icons, or the size of the first icon area is larger than the display size of the first type of icons.

And when the second icon area is determined in the display area, determining the size of the second icon area according to the display size of the second type of icons and the size of the first icon area. When the size of the second icon area is determined according to the display size of the second type of icons and the size of the first icon area, the number of second icons which can be contained in the second icon area is not required to be concerned, the edge which can contain the second icons outside the first icon area is drawn, the second icons are ensured not to be intersected with the edge, and therefore the size of the second icon area is determined according to the drawn edge; and the size of the second icon area is not smaller than the sum of the size of the first icon area and the display size of the second type of icons.

Further, the size of the icon area determined according to the display size of the icon may be a fixed value or a variable value, and the icon area may be a fixed icon area or a variable icon area.

For example, the display area may be rectangular/square in shape, and the plurality of icon areas may be arranged to be symmetrical left and right with respect to a vertical center line of the display area and symmetrical up and down with respect to a horizontal center line of the display area when the display area is viewed from the front.

In step S308, the position of the icon in the icon area is determined.

After the icon areas are determined in the display area, the at least two icons are rearranged, and the layout positions of the at least two icons are determined according to the icon areas corresponding to the at least two icons.

And arranging the first type icon in the at least two icons in the corresponding icon area. If the number of the first type icons is 1, determining that the center of the first icon area is the layout position of the first type icons; if the number of the first type icons is multiple, selecting one first type icon, laying the first type icon in a first icon area, selecting one first type icon from the rest first type icons as a current icon, and executing:

a2: determining whether the area to be laid out of the icon area of the current icon is overlapped with the laid-out icon in the display area or not according to the position to be laid out and the display size of the current icon;

if so, go to A1; if not, the current icon is laid according to the position to be laid.

Determining whether an undisposed first type icon exists, if so, selecting an undisposed first type icon as a current icon, and executing A1; if not, determining one or more second-class icons with the smallest difference value with the display size of the current icon, and performing A1 by taking any one second-class icon as the current icon.

Illustratively, the icon can be a circle, and accordingly, the display size of the icon is the radius of the circle, and the layout position of the icon corresponds to the center of the circle; the icon can be a square, correspondingly, the display size of the icon is the side length multiplied by the side length of the square, a circumscribed circle of the square is made, and the layout position of the icon corresponds to the center of the circumscribed circle of the square; the icon can be a rectangle, correspondingly, the display size of the icon is the width multiplied by the height of the rectangle, a circumscribed circle of the rectangle is made, and the layout position of the icon corresponds to the center of the circumscribed circle of the rectangle.

Further, the size of the display area is 750 × 120, and the four vertex coordinates of the five icon areas in the display area are determined as follows:

a first icon area: (160,32.5), (160,87.5), (215,32.5), (215, 87.5);

a second icon area: (115,0), (115,120), (260,0), (260,120);

third icon area: (75,0), (75,120), (300,0), (300,120);

fourth icon area: (35,0), (35,120), (340,0), (340,120);

fifth icon area: (0,0), (0,120), (375,0), (375,120),

as shown in fig. 3(d), taking the third icon area as an example, a third type icon is selected as the current icon, and a position to be laid out is selected in the third icon area;

determining whether the current icon is overlapped in the area to be laid out of the third icon area and the icon already laid out in the display area according to the position to be laid out (X, Y) and the display size of the third type icon of 40X 40, wherein the determining comprises the following steps:

the third type of icon is a square, and is used as a circumscribed circle of the square, and the radius of the circumscribed circle is R;

the third type icon cannot exceed the boundary of the third icon area:

X-R≥75——(1)；

X+R≤300——(2)；

Y-R≥0——(3)；

Y+R≤120——(4)；

judging whether the current icon is overlapped with the icon already laid out in the display area in the area to be laid out of the third icon area according to whether the distance between the position (X, Y) to be laid out of the current icon and the circle center of the icon already laid out is larger than or equal to the sum of the radii of the position (X, Y) to be laid out of the current icon and the circle center of the icon already laid out:

the circle center position of the laid icons is (Xj, Yj), and the radius is Rj;

judgment of

Whether the sum of R and Rj is larger than or equal to;

if yes, representing that the current icon is not overlapped with the icon already laid out in the display area in the area to be laid out of the third icon area, laying out the current icon at the position (X, Y) to be laid out, and continuing to lay out the next icon; if not, the area to be laid out of the current icon in the third icon area is overlapped with the icon already laid out in the display area, turning to A1, and the position to be laid out needs to be reselected and judged.

After the current icon layout is finished, judging whether an undisposed third-class icon exists, if so, selecting an undisposed third-class icon as the current icon, and executing A1; if not, any of the fourth type icons is selected as the current icon to perform A1.

Step S309, the icon is placed at the layout position of the corresponding icon area.

After the layout positions of the at least two icons in the corresponding icon areas are determined, the at least two icons are placed at the layout positions of the corresponding icon areas, and the icons are rearranged, so that the icon layout more conforming to the browsing habits/use habits of the user is obtained, all the icons can be displayed in the display area at one time, the space of the display area can be fully utilized, and the use experience of the user is improved.

For example, after sorting by the number of clicks, a part of icons with the number of clicks greater than a predetermined value may be selected for one-time display to adapt to the actual display area size and the display environment requirement.

In the embodiment of the invention, the initial layout state of the icons in the display area is set; acquiring the click times of the icons in the display area; sorting the icons according to the number of clicks; classifying the icons according to the sequencing result and a preset frequency section; respectively determining the display sizes of the icons according to the classification result; respectively determining the number of icons of each time section according to the classification result; determining a plurality of icon areas in the presentation area; determining the position of the icon in the icon area; the method comprises the steps of placing icons in layout positions corresponding to icon areas and the like, so that the exposure rate of the icons can be increased as much as possible in the limited display area, the space of the display area is fully utilized, the icons suitable for browsing habits of users are highlighted, and the use experience of the users is improved.

Fig. 4 is a schematic diagram of main modules of an icon layout apparatus according to an embodiment of the present invention, and as shown in fig. 4, an icon layout apparatus 400 of the present invention includes:

an obtaining module 401, configured to obtain the number of clicks of at least two icons in the display area.

The method and the device have the advantages that the icons in the APP display area are rearranged, so that the icons corresponding to the common functions of the user can be obtained more conveniently. When the icons in the display area are rearranged, the obtaining module 401 obtains the number of clicks of at least two icons in the display area according to the usual browsing habit of the user, and rearranges the icons according to the number of clicks.

Illustratively, the display area generally includes multiple screens, at least two icons correspond to multiple icons in the multiple screens, and acquiring the number of clicks of the at least two icons in the display area includes: and acquiring the click times of all the icons in the multiple screens.

The data processing module 402 is configured to determine, according to the number of clicks, display sizes corresponding to the at least two icons respectively; wherein the display size corresponding to the icon with more clicks is larger.

After the obtaining module 401 obtains the click times of at least two icons in the display area, the data processing module 402 sorts the at least two icons according to the click times, and the more the click times of the icons are, the more the ranking is, the higher the usage rate of the user is. The data processing module 402 sets the display sizes of at least two icons according to the order of the number of clicks, and the larger the number of clicks is, the larger the display size of the corresponding icon is, so that the user can more easily acquire/click the icon that meets the browsing habit of the user.

A layout module 403, configured to re-layout the at least two icons in the display area according to the display size.

After the data processing module 402 determines the display sizes corresponding to the at least two icons, the layout module 403 puts the at least two icons into the icon areas corresponding to the display sizes thereof, thereby implementing the re-layout of the icons. The icon area may be a fixed icon area corresponding to the display size, which is set in advance, or a variable icon area in which the number of icons placed in the icon area corresponding to the display size is adaptively changed according to the display size of the icon.

Illustratively, the layout module 403 re-lays out at least two icons in the presentation area, including: the layout module 403 lays out at least two icons in the presentation area, namely: the layout module 403 arranges all the icons in the original multiple screens including the display area of the multiple screens in the display area, and the display area is displayed in the original single screen, thereby implementing one-time display of all the icons adapted to the browsing habit of the user.

In the embodiment of the invention, through the acquisition module, the data processing module, the layout module and other modules, the exposure rate of the icons can be increased as much as possible in the limited display area, the space of the display area is fully utilized, the icons suitable for the browsing habits of users are highlighted, and the use experience of the users is improved.

Fig. 5 is a schematic structural diagram of a computer system suitable for implementing a terminal device according to an embodiment of the present invention, and as shown in fig. 5, the computer system 500 of the terminal device according to the embodiment of the present invention includes:

a Central Processing Unit (CPU)501 that can perform various appropriate actions and processes according to a program stored in a Read Only Memory (ROM)502 or a program loaded from a storage section 508 into a Random Access Memory (RAM) 503. In the RAM503, various programs and data necessary for the operation of the system 500 are also stored. The CPU501, ROM502, and RAM503 are connected to each other via a bus 504. An input/output (I/O) interface 505 is also connected to bus 504.

The following components are connected to the I/O interface 505: an input portion 506 including a keyboard, a mouse, and the like; an output portion 507 including a display such as a Cathode Ray Tube (CRT), a Liquid Crystal Display (LCD), and the like, and a speaker; a storage portion 508 including a hard disk and the like; and a communication section 509 including a network interface card such as a LAN card, a modem, or the like. The communication section 509 performs communication processing via a network such as the internet. The driver 510 is also connected to the I/O interface 505 as necessary. A removable medium 511 such as a magnetic disk, an optical disk, a magneto-optical disk, a semiconductor memory, or the like is mounted on the drive 510 as necessary, so that a computer program read out therefrom is mounted into the storage section 508 as necessary.

In particular, according to the embodiments of the present disclosure, the processes described above with reference to the flowcharts may be implemented as computer software programs. For example, embodiments of the present disclosure include a computer program product comprising a computer program embodied on a computer readable medium, the computer program comprising program code for performing the method illustrated in the flow chart. In such an embodiment, the computer program may be downloaded and installed from a network through the communication section 509, and/or installed from the removable medium 511. The computer program performs the above-described functions defined in the system of the present invention when executed by the Central Processing Unit (CPU) 501.

It should be noted that the computer readable medium shown in the present invention can be a computer readable signal medium or a computer readable storage medium or any combination of the two. A computer readable storage medium may be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination of the foregoing. More specific examples of the computer readable storage medium may include, but are not limited to: an electrical connection having one or more wires, a portable computer diskette, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing. In the present invention, a computer readable storage medium may be any tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device. In the present invention, however, a computer readable signal medium may include a propagated data signal with computer readable program code embodied therein, for example, in baseband or as part of a carrier wave. Such a propagated data signal may take many forms, including, but not limited to, electro-magnetic, optical, or any suitable combination thereof. A computer readable signal medium may also be any computer readable medium that is not a computer readable storage medium and that can communicate, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device. Program code embodied on a computer readable medium may be transmitted using any appropriate medium, including but not limited to: wireless, wire, fiber optic cable, RF, etc., or any suitable combination of the foregoing.

The flowchart and block diagrams in the figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods and computer program products according to various embodiments of the present invention. In this regard, each block in the flowchart or block diagrams may represent a module, segment, or portion of code, which comprises one or more executable instructions for implementing the specified logical function(s). It should also be noted that, in some alternative implementations, the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or the blocks may sometimes be executed in the reverse order, depending upon the functionality involved. It will also be noted that each block of the block diagrams or flowchart illustration, and combinations of blocks in the block diagrams or flowchart illustration, can be implemented by special purpose hardware-based systems which perform the specified functions or acts, or combinations of special purpose hardware and computer instructions.

The modules described in the embodiments of the present invention may be implemented by software or hardware. The described modules may also be provided in a processor, which may be described as: a processor includes an acquisition module, a data processing module, and a layout module. The names of these modules do not constitute a limitation to the module itself in some cases, and for example, the data processing module may also be described as a "module that determines the presentation size of an icon according to the number of clicks of the icon".

As another aspect, the present invention also provides a computer-readable medium that may be contained in the apparatus described in the above embodiments; or may be separate and not incorporated into the device. The computer readable medium carries one or more programs which, when executed by a device, cause the device to comprise: acquiring the click times of at least two icons in the display area; determining display sizes corresponding to the at least two icons respectively according to the click times; wherein the display size corresponding to the icon with more clicks is larger; and rearranging the at least two icons in the display area according to the display size.

According to the technical scheme of the embodiment of the invention, the exposure rate of the icons can be increased as much as possible in the limited display area, the space of the display area is fully utilized, the icons suitable for the browsing habits of the user are highlighted, and the use experience of the user is improved.

The above-described embodiments should not be construed as limiting the scope of the invention. Those skilled in the art will appreciate that various modifications, combinations, sub-combinations, and substitutions can occur, depending on design requirements and other factors. Any modification, equivalent replacement, and improvement made within the spirit and principle of the present invention should be included in the protection scope of the present invention.

Claims

1. An icon layout method, comprising:

acquiring the click times of at least two icons in the display area;

2. The method according to claim 1, wherein the determining, according to the number of clicks, display sizes corresponding to the at least two icons respectively comprises:

sorting the at least two icons according to the click times;

3. The method of claim 2, further comprising:

4. The method of claim 2, wherein said re-laying out said at least two icons in said presentation area according to said presentation size comprises:

and respectively laying out the at least two icons in corresponding icon areas.

5. The method according to claim 4, wherein the determining of the icon areas corresponding to the icons of different display sizes in the display areas respectively comprises:

for one or more icons in the first type with the highest click times:

6. The method of claim 5,

when the number of the first type icons is one, the centers of the icon areas corresponding to the first type icons and the display area are overlapped, and the size of the icon area corresponding to the first type icons is the same as the display size of the first type icons.

7. The method of claim 5,

when the first type icons are multiple, according to the sum of the display sizes of the first type icons, determining an icon area which is not smaller than the sum of the display sizes in the display area, and enabling the center of the determined icon area to be coincident with the center of the display area.

8. The method according to claim 4, wherein the determining of the icon areas corresponding to the icons of different display sizes in the display areas respectively comprises:

9. The method of claim 4, wherein each of said number of sections corresponds to a fixed icon area in said presentation area; the rearranging the at least two icons in the display area according to the display size comprises:

10. The method of claim 9, further comprising:

11. The method of claim 10,

each icon area is symmetrical left and right with the center line of the display area, and the center of each icon area is overlapped with the center of the display area.

12. The method according to any one of claims 2 to 11, wherein said re-laying out said at least two icons in said presentation area according to said presentation size comprises:

13. An icon layout apparatus, comprising:

14. An electronic device of icon layout, comprising:

one or more processors;

a storage device for storing one or more programs,

when executed by the one or more processors, cause the one or more processors to implement the method of any one of claims 1-12.

15. A computer-readable medium, on which a computer program is stored, which, when being executed by a processor, carries out the method according to any one of claims 1-12.