CN112269615B - Interface interaction method and device and mobile terminal - Google Patents
Interface interaction method and device and mobile terminal Download PDFInfo
- Publication number
- CN112269615B CN112269615B CN202011204007.7A CN202011204007A CN112269615B CN 112269615 B CN112269615 B CN 112269615B CN 202011204007 A CN202011204007 A CN 202011204007A CN 112269615 B CN112269615 B CN 112269615B
- Authority
- CN
- China
- Prior art keywords
- question
- head portrait
- interface
- button
- users
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 65
- 230000003993 interaction Effects 0.000 title claims abstract description 33
- 239000000725 suspension Substances 0.000 claims description 10
- 230000000694 effects Effects 0.000 claims description 7
- 230000000875 corresponding effect Effects 0.000 claims 13
- 230000002596 correlated effect Effects 0.000 claims 1
- 238000012163 sequencing technique Methods 0.000 claims 1
- 238000007667 floating Methods 0.000 abstract description 6
- 230000006870 function Effects 0.000 description 14
- 238000004891 communication Methods 0.000 description 8
- 238000010586 diagram Methods 0.000 description 8
- 230000004044 response Effects 0.000 description 7
- 230000002093 peripheral effect Effects 0.000 description 5
- 230000008569 process Effects 0.000 description 5
- 238000010295 mobile communication Methods 0.000 description 4
- 230000003287 optical effect Effects 0.000 description 4
- 230000003068 static effect Effects 0.000 description 3
- 230000008901 benefit Effects 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 230000033001 locomotion Effects 0.000 description 2
- 238000012545 processing Methods 0.000 description 2
- 206010044565 Tremor Diseases 0.000 description 1
- 230000001133 acceleration Effects 0.000 description 1
- 230000000295 complement effect Effects 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 230000001419 dependent effect Effects 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 238000005286 illumination Methods 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 230000009191 jumping Effects 0.000 description 1
- 238000007726 management method Methods 0.000 description 1
- 229910044991 metal oxide Inorganic materials 0.000 description 1
- 150000004706 metal oxides Chemical class 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000010076 replication Effects 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 238000010897 surface acoustic wave method Methods 0.000 description 1
- 230000007723 transport mechanism Effects 0.000 description 1
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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0482—Interaction with lists of selectable items, e.g. menus
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04842—Selection of displayed objects or displayed text elements
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
- G06Q50/00—Information and communication technology [ICT] specially adapted for implementation of business processes of specific business sectors, e.g. utilities or tourism
- G06Q50/01—Social networking
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Software Systems (AREA)
- Business, Economics & Management (AREA)
- Computing Systems (AREA)
- Health & Medical Sciences (AREA)
- Economics (AREA)
- General Health & Medical Sciences (AREA)
- Human Resources & Organizations (AREA)
- Marketing (AREA)
- Primary Health Care (AREA)
- Strategic Management (AREA)
- Tourism & Hospitality (AREA)
- General Business, Economics & Management (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The invention discloses an interface interaction method, which is suitable for being executed in a mobile terminal, and comprises the following steps: a question button is displayed in a floating mode on a screen of the mobile terminal; responding to the triggering operation of the questioning button, presenting a questioning interface corresponding to the questioning button, wherein the questioning interface comprises a plurality of questioning cards, and each questioning card corresponds to one community user; and responding to the triggering operation of one of the question cards, and presenting a publishing interface corresponding to the question card so as to publish the question content to a target user corresponding to the question card in the publishing interface. The invention also discloses a corresponding interface interaction device and a mobile terminal.
Description
Technical Field
The invention relates to the field of mobile Internet, in particular to the field of mobile interaction for user interaction on a mobile terminal.
Background
With the development of the mobile internet, more and more community mobile applications, such as a knowledge star mobile application, have been developed. A community mobile application refers to a platform that allows users to post content, ask questions to other users, and so on. Users may be published in a community mobile application. At present, most community mobile applications create an area for users to publish contents such as words, pictures, video files and audio files, the users can create communities themselves in the community mobile applications, the added users can freely publish contents such as words, pictures, video files and audio files, and the users can also put questions to other community members.
In order to improve the viscosity of users, communities can provide publishing and asking functions, so that administrators can answer questions and confusion for users, and many users can express own confusion to the administrators in a asking mode. However, most mobile applications hide the question entrance deeply at present, so that the user cannot find the question entrance, and the user experience is affected. Therefore, there is a need to provide a more convenient and intuitive solution for guiding a user to ask questions.
Disclosure of Invention
To this end, the present invention provides an interface interaction method, apparatus and mobile terminal, in an effort to solve or at least alleviate the above-mentioned problems.
According to an aspect of the present invention, there is provided an interface interaction method, adapted to be executed in a mobile terminal, the method comprising: a question button is displayed in a floating mode on a screen of the mobile terminal; responding to the triggering operation of the questioning button, and presenting a questioning interface corresponding to the questioning button, wherein the questioning interface comprises a plurality of questioning cards, and each questioning card corresponds to one community user; and responding to the triggering operation of one of the question cards, and presenting a publishing interface corresponding to the question card so as to publish the question content to the target user corresponding to the question card in the publishing interface.
Optionally, in the interface interaction method according to the present invention, the upper boundary of the question button keeps a fixed distance from the root interface of the sliding interface, so that the question button keeps a constant position during the up-and-down sliding process of the interface.
Optionally, in the interface interaction method according to the present invention, the step of suspending displaying a question button on a screen of the mobile terminal includes: and displaying a home page interface of the target user group on a screen of the mobile terminal, and displaying the question button in a floating manner in the home page interface of the target user group.
Optionally, in the interface interaction method according to the present invention, each question card corresponds to one user in the target user group; the questioning card comprises basic information of the user and a sub questioning button; the triggering operation of one of the question cards refers to the triggering operation of a sub-question button in the question card.
Optionally, in the interface interaction method according to the present invention, the basic information includes at least one of a user name, a user level, a user profile, a answering situation, and a head portrait component, and users of the same level in the target user group have the same background color of the question card.
Optionally, in the interface interaction method according to the present invention, the question cards corresponding to the users at the same level in the target user group are displayed in a descending order longitudinally according to the member answer liveness.
Optionally, in the interface interaction method according to the present invention, the question button includes a text guiding area for guiding the question and a head portrait display area, and head portrait components for displaying a plurality of members of the target user group are arranged in the head portrait display area.
Optionally, in the interface interaction method according to the present invention, a fixed distance is provided between two adjacent head portrait components in the head portrait display area, and the length of the question button is positively related to the number of head portrait components in the target user group.
Optionally, in the interface interaction method according to the present invention, when the number of members of the target user group is greater than a first threshold, the fixed distance is a negative number; otherwise, the number is not negative.
Optionally, in the interface interaction method according to the present invention, the question button and the text guiding area each have a fixed length, and the interval between two adjacent head portrait components in the head portrait display area is inversely related to the number of users of the target user group.
Optionally, the interface interaction method according to the present invention further includes the steps of: responding to the triggering operation of the question button, amplifying and displaying the question button, wherein the distance between two adjacent head portrait components in the amplified and displayed question button is larger than or equal to zero so as to select a target head portrait component from the amplified and displayed head portrait components; and responding to the triggering operation of the target head portrait component, and presenting a publishing interface corresponding to the target head portrait component so as to publish questioning contents to a target user corresponding to the target head portrait component in the publishing interface.
Optionally, in the interface interaction method according to the present invention, the head portrait components corresponding to the users at the same level in the target user group are displayed in a lateral ordering manner according to the answer liveness thereof.
Optionally, in the interface interaction method according to the present invention, the head portrait component is a circular head portrait component, and the head portrait component of the current online user is highlighted, and the head portrait component of the current offline user is displayed in gray scale.
According to another aspect of the present invention, there is provided an interface interaction device adapted to reside in a mobile terminal, the device comprising: a first display unit adapted to display a question button in a floating manner on a screen of the mobile terminal; the second display unit is suitable for responding to the triggering operation of the question button and presenting a question interface corresponding to the question button, wherein the question interface comprises a plurality of question cards, and each question card corresponds to one community user; and the third display unit is suitable for responding to the triggering operation of one of the question cards and presenting a publishing interface corresponding to the question card so as to publish the question content to the target user corresponding to the question card in the publishing interface.
According to still another aspect of the present invention, there is provided a mobile terminal including: at least one processor; and a memory storing program instructions, wherein the program instructions are configured to be adapted to be executed by the at least one processor, the program instructions comprising instructions for performing the method as described above.
According to still another aspect of the present invention, there is provided a readable storage medium storing program instructions that, when read and executed by a mobile terminal, cause the mobile terminal to perform the interface interaction method as described above.
According to the technical scheme, the user is guided to actively trigger the question suspension button in the social mobile application through the interface question suspension button which is visually displayed, so that the user is guided to actively issue questions to community members, the user activity and the user viscosity of the community mobile application are improved, and the diversification of different community contents in the community mobile application is also improved. Meanwhile, the community member head portraits are displayed in the suspension button, so that users can conveniently and directly check the community members, and user experience is improved.
Drawings
To the accomplishment of the foregoing and related ends, certain illustrative aspects are described herein in connection with the following description and the annexed drawings, which set forth the various ways in which the principles disclosed herein may be practiced, and all aspects and equivalents thereof are intended to fall within the scope of the claimed subject matter. The above, as well as additional objects, features, and advantages of the present disclosure will become more apparent from the following detailed description when read in conjunction with the accompanying drawings. Like reference numerals generally refer to like parts or elements throughout the present disclosure.
Fig. 1 shows a schematic diagram of a mobile communication system 100 according to one embodiment of the invention;
FIG. 2 shows a schematic diagram of a mobile terminal 200 according to one embodiment of the invention;
FIG. 3 illustrates a flow chart of an interface interaction method 300 according to one embodiment of the invention;
FIGS. 4 and 5 respectively show schematic diagrams of an interactive interface according to one embodiment of the invention; and
Fig. 6 shows a schematic diagram of an interface interaction device 600 according to an embodiment of the invention.
Detailed Description
Exemplary embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. While exemplary embodiments of the present disclosure are shown in the drawings, it should be understood that the present disclosure may be embodied in various forms and should not be limited to the embodiments set forth herein. Rather, these embodiments are provided so that this disclosure will be thorough and complete, and will fully convey the scope of the disclosure to those skilled in the art.
Fig. 1 shows a schematic diagram of a mobile communication system 100 according to one embodiment of the invention. As shown in fig. 1, the mobile communication system 100 includes a plurality of mobile terminals 200 and a server 120. One or more mobile applications 110 are installed on the mobile terminal 200. The owner of mobile terminal 200 will typically register as a user of mobile application 110. The mobile application 110 may be coupled to the server 120 using mobile communication functions provided by the mobile terminal 200 and communicate with the mobile application 110 on other mobile terminals 200 via the server 120.
Mobile application 110 may be a variety of applications. For example, social or social applications for two or more users to communicate with each other, one user to view information posted by other users. The present invention is not limited to the specific use of mobile application 110 and all applications that allow a user to view static or dynamic content published by himself or other users via mobile application 110 are within the scope of the present invention.
According to one embodiment of the invention, the mobile application 110 may be a non-instant messaging application. In non-instant messaging applications, one user can perform operations such as praying, sharing, collecting, rewarding and the like on static content or dynamic content released by another user through the application. A user may share various forms of content published by another user to other mobile applications 110 that the user has downloaded and registered, or a user may share various forms of content published by another user to another user who has added as a buddy, or a user may share various forms of content published by another user to a group that the user has joined. In addition, alternatively, whether the other party is added or not is a friend, the users can mutually check the static content or the dynamic content of the other party. The users can also form a community, the content released by the users in one community can be received by other users in the same community, and operations such as viewing, praying, sharing and the like can be performed on the content, so that point-to-many content sharing is formed.
For example, in a knowledge star mobile application, a user may apply to create a star dome, the user creating a star dome is a star owner, each star dome corresponds to a topic, other users interested in the topic may join the star dome corresponding to the topic, and issue content and questions corresponding to the topic in the star dome. Content released by a user on one star round table can be received by other users on one star round table, and operations such as viewing, praying, sharing and the like can be performed on the content. Besides publishing contents and asking questions for the subject of the star dome table, the star owner also has the authority to send operations to the user of the star dome table.
The mobile terminal 200 is typically carried about by and associated with a user. This user may add a community of a specific topic to the mobile application 110, and publish content related to the community topic in the added community, or view content that other users or themselves have published in the community of the specific topic, or ask questions to other users who have added to the community of the specific topic, using the functions provided by the mobile terminal 200, particularly the functions provided by the mobile application 110 installed on the mobile terminal 200.
After being installed in the mobile terminal 200, the mobile application 110 is executed on the mobile terminal 200 using a processing unit provided by the mobile terminal 200, and provides an interface for interaction with a user using a touch and display screen, an audio and video playing unit, and the like provided by the mobile terminal 200, to present corresponding contents to the user.
The mobile application 110 may be installed on the mobile terminal 200 by the user after the user purchases the mobile terminal 200, or may be included in the mobile terminal 200 by default at the time of shipment by the mobile terminal 200. The present invention is not limited to a particular form of deployment of mobile application 110 onto mobile terminal 200, and all manners in which mobile application 110 may be deployed onto mobile terminal 200 and utilize the components provided by mobile terminal 200 to implement the methods claimed herein are within the scope of the present invention.
Fig. 2 shows a block diagram of a mobile terminal 200 according to one embodiment of the invention. The mobile terminal 200 may include a memory interface 202, one or more data processors, an image processor and/or central processing unit 204, and a peripheral interface 206.
The memory interface 202, the one or more processors 204, and/or the peripheral interface 206 may be discrete components or integrated in one or more integrated circuits. In the mobile terminal 200, the various elements may be coupled by one or more communication buses or signal lines. Sensors, devices, and subsystems may be coupled to peripheral interface 206 to facilitate various functions.
For example, a motion sensor 210, a light sensor 212, and a distance sensor 214 may be coupled to the peripheral interface 206 to facilitate orientation, illumination, and ranging functions. Other sensors 216 may also be coupled to the peripheral interface 206, such as a positioning system (e.g., a GPS receiver), an acceleration sensor, a temperature sensor, a biometric sensor, or other sensing device, to facilitate relevant functions.
The camera subsystem 220 and the optical sensor 222, which may be, for example, charge Coupled Device (CCD) or Complementary Metal Oxide Semiconductor (CMOS) optical sensors, may be used to facilitate implementation of camera functions such as recording photographs and video clips. Communication functions may be facilitated by one or more wireless communication subsystems 224, which may include radio frequency receivers and transmitters and/or optical (e.g., infrared) receivers and transmitters. The particular design and implementation of the wireless communication subsystem 224 may depend on the one or more communication networks supported by the mobile terminal 200. For example, mobile terminal 200 may include a communication subsystem 224 designed to support 5G, LTE, 3, G, GSM networks, GPRS networks, EDGE networks, wi-Fi or WiMax networks, and BlueboothTM networks.
The audio subsystem 226 may be coupled with a speaker 228 and a microphone 230 to facilitate voice-enabled functions, such as voice recognition, voice replication, digital recording, and telephony functions. The I/O subsystem 240 may include a touch screen controller 242 and/or one or more other input controllers 244. The touch screen controller 242 may be coupled to a touch screen 246. For example, the touch screen 246 and touch screen controller 242 can detect contact and movement or suspension therewith using any of a variety of touch sensing technologies including, but not limited to, capacitive, resistive, infrared, and surface acoustic wave technologies.
One or more other input controllers 244 may be coupled to other input/control devices 248, such as one or more buttons, rocker switches, thumbwheels, infrared ports, USB ports, and/or pointing devices such as a stylus. The one or more buttons (not shown) may include up/down buttons for controlling the volume of speaker 228 and/or microphone 230.
The memory interface 202 may be coupled to a memory 250. The memory 250 may include high-speed random access memory and/or non-volatile memory, such as one or more magnetic disk storage devices, one or more optical storage devices, and/or flash memory (e.g., NAND, NOR). The memory 250 may store an operating system 252 such as Android, iOS, linux or an operating system such as Windows Phone. The operating system 252 may include instructions for handling basic system services and performing hardware dependent tasks. The memory 250 may also store applications 254 (i.e., application programs, hereinafter referred to as applications). An operating system 252 is loaded from memory 250 and executed by processor 204 when the mobile terminal is in operation. The application 254 is also loaded from the memory 250 and executed by the processor 204 at runtime. Applications 254 run on top of the operating system and utilize interfaces provided by the operating system and underlying hardware to implement various user-desired functions such as instant messaging, web browsing, picture management, video playback, etc. The application 254 may be provided independently of the operating system, or may be self-contained in the operating system, including various applications such as community application knowledge stars, social application microblogs, audio trembling, etc., various applications such as live video game broadcasting, etc., and may also include self-contained applications such as photo albums, calculators, recording pens, etc. In addition, when an application 254 is installed in the mobile terminal 200, a driver module may also be added to the operating system.
The program provided by an embodiment of the present invention for performing the interaction method 300 is one of the applications 254. In some embodiments, the mobile terminal 200 is configured to perform the interface interaction method 300 according to the present invention.
FIG. 3 shows a schematic flow chart of an interface interaction method 300 according to one embodiment of the invention. As shown in fig. 3, the method starts at step S310.
In step S310, a question button is displayed in a floating manner on the screen of the mobile terminal.
Specifically, the step of suspending and displaying a question button on a screen of the mobile terminal includes: and displaying a home page interface of the target user group on a screen of the mobile terminal, and displaying a question button in a floating manner in the home page interface of the target user group.
Fig. 4 shows a schematic diagram of setting a hover question button on a mobile application interface of a mobile terminal. The mobile application includes a plurality of communities, i.e., user groups, each of which includes a plurality of members, such as star owners, partners, guests, etc. The question button comprises a text guiding area for guiding a question and a head portrait display area. The character guiding area is the area of the character part for asking questions, and the head portrait display area is used for transversely arranging and displaying head portrait components of a plurality of users of the target user group.
Preferably, the head portrait components corresponding to the users with the same level in the target user group are displayed in a transverse ordering mode according to the answer liveness of the head portrait components. Here, first, according to the user level ranking, the star master ranking is first, the partner ranking is second, and the guest ranking is third; and the users at the same level are ranked according to the answer liveness of the users.
Here, a maximum threshold value of displayed user components may be set, such as displaying ten head portrait components at maximum, and when the threshold value is exceeded, the head portrait components whose maximum threshold number of user levels is high or user liveness is high are preferentially displayed.
In one implementation, a fixed distance is provided between two adjacent head portrait components in the head portrait display area, at this time, a question button can be automatically extended and expanded, and the length of the question button is positively related to the number of head portrait components in the target user group. For example, a fixed spacing of 0 represents that two adjacent head portrait elements are exactly tangential; or the fixed spacing is-6 mm, which represents that the spacing between two adjacent head images is overlapped by-6 mm, but the invention is not limited to the fixed spacing.
Preferably, when the number of users of the target user group is greater than a first threshold, the fixed spacing is a negative number; otherwise, the number is not negative. For example, when the number of user groups is greater than five, the fixed interval is set to-6 mm, and adjacent head portrait components overlap by-6 mm, so as to shorten the occupied screen length of the question button as much as possible.
In another implementation, the question button and the text guide area each have a fixed length, and the spacing between two adjacent head portrait components in the head portrait presentation area is inversely related to the number of users of the target user group. Preferably, the length of the question button is a preset percentage of the screen width, thereby ensuring that the user can see the question button for the first time without unduly affecting the screen interface layout. The text of the text guide area is set as a fixed word, which has a corresponding fixed length according to the default font size of the screen.
Therefore, the fixed length of the question button minus the fixed length of the text guide area is the length of the head portrait display area. At this time, the distance between adjacent head portrait components in the head portrait display area can be determined by combining the number of users in the target user group, if the number of users is small, the average value is calculated, and if the number of users is large, only the head portrait components with the preset number are taken for display. The specific implementation manner can be set by a person skilled in the art according to the needs, and the invention is not limited thereto.
According to one embodiment, the landscape arrangement effect of the avatar components of the avatar presentation is achieved with the components UIStackView provided by the system, UIStackView being one component that enables horizontal or vertical arrangement of the provided components in a given interface. The core code is as follows:
creation stackview of//
_stackView＝[[UIStackView alloc]init]；
The/(v/set UILayoutConstraintAxisHorizontal represents the lateral arrangement of the components within STACKVIEW)
_stackView.axis＝UILayoutConstraintAxisHorizontal；
The default spacing is 0, i.e. the distance between the inner next component and the previous component is 0, and if the distance is set to-6, the distance becomes-6, thereby realizing the overlapping effect
_stackView.spacing＝-6；
The// setting UIStackViewAlignmentLeading represents the alignment of the assembly from the left in the horizontal direction of the assembly
_stackView.alignment＝UIStackViewAlignmentLeading；
After stackview is created, only the head portrait interface component needs to be circularly put into stackview in the follow-up process, and the core codes are as follows:
for(MemberModel*member in memberList){
first create a circular head portrait assembly that has been encapsulated by itself
RoundImageView*imageView＝[[RoundImageView alloc]initWithCornerRadius:13]；
Input of circular head portrait component into STACKVIEW
[_stackView addArrangedSubview:imageView]；
Width and height of a given circular head portrait
[imageView mas_makeConstraints:^(MASConstraintMaker*make){
make.size.mas_equalTo(CGSizeMake(26,26))；
}]；
}
It should be understood that the avatar assembly may be a square avatar assembly or a circular avatar assembly, which the present invention is not limited to. The brightness display of each head portrait component can be set according to the need. For example, the avatar component of the current online user is highlighted, and the avatar component of the current offline user is displayed in gray scale.
In addition, according to one embodiment of the present invention, the question entry may be fixedly disposed in the page, for example, the question buttons may be aligned with the female interface of the sliding interface at a distance above the question buttons when they are positioned, so that the position of the lateral guest list interface is not affected in the vertical direction when the sliding interface slides, thereby achieving the effect of suspending from the interface. Specifically, the upper boundary of the question button keeps a fixed distance (such as 14mm, etc., but certainly not limited to) from the root interface on the sliding interface, so that the position of the question button is kept unchanged in the process of sliding the interface up and down, and thus, no matter how a user slides a screen, the user can see the question button, the exposure of the question button in the interface is ensured, and the user is further helped to be guided to conduct questions. The core code is as follows:
_questionView＝[[GroupTopicQuestionView alloc]init]；
[_questionView mas_makeConstraints:^(MASConstraintMaker*make){
make.left.mas_equalTo(16)；
The root interface of the// and sliding interface maintains 140 the top spacing so that the lateral guest interface position is unaffected when the sliding interface slides
make.top.mas_equalTo(self.view).offset(140)；
make.height.mas_equalTo(38)；
}]；
Subsequently, in step S320, in response to a triggering operation of the question button, a question interface corresponding to the question button is presented, the question interface including a plurality of question cards, each of the question cards corresponding to one of the community users. Wherein the triggering operation may be a click operation.
FIG. 5 is a schematic diagram of a question card according to one embodiment of the invention, and after clicking on the question button of FIG. 4, the user jumps to the page shown in FIG. 5. Each question card corresponds to a user in the target user group and comprises basic information of the user and a sub question button. The basic information of the user comprises at least one of a user name, a user level, a user profile, answer situations and an avatar component. The answer condition, such as the number of questions answered by the user, may also include an average text length of the answer, and comprehensive scores of satisfaction of the questioner on the answer, which is not limited by the invention. The sub question button is used for asking questions to the user corresponding to the question card.
According to one embodiment, question cards corresponding to users of the same level in the target user group are displayed in a longitudinal descending order according to the answering liveness of the users. Here, the users are ranked by the user level, for example, the users are ranked according to the star owner, the partner, the guest and the like, and the users with the same level are ranked according to the answer liveness, so that the users can find the users which can provide the answers of the questions quickly to issue the questions conveniently. Meanwhile, users in the same level in the target user group can set the question cards with the same background color, and the same level adopts dark gray or light gray, so that the distinguishing degree among users in different levels is improved, and the users can conveniently distinguish the question cards.
Then, in step S330, in response to a triggering operation on one of the question cards, a posting interface corresponding to the question card is presented, so as to post the question content to the target user corresponding to the question card in the posting interface.
Here, the triggering operation on one of the question cards means a triggering operation on a question button in the question card. After clicking the sub question button, the user determines the target user corresponding to the sub question button, jumps to the question interface and publishes question contents to the target user.
According to one embodiment of the invention, the method 300 may further comprise the steps of:
First, in response to a trigger operation of a question button, the question button is displayed in an enlarged manner, and the distance between two adjacent head portrait components in the question button in the enlarged manner is equal to or greater than zero, so that a target head portrait component is selected from the head portrait components in the enlarged manner. The triggering operation may be a clicking operation, or the cursor reaches the predetermined range of the user image area, which is not limited in the present invention.
Here, after clicking the question button, the user may present an enlarged version of the question button, where the head portrait components in the enlarged version are clearly displayed, for example, enlarged head portrait display and/or enlarged head portrait interval display, so that the user can conveniently select the target head portrait component from the enlarged version. Of course, a new button can be displayed in a secondary menu form below the question button, and the new button only comprises head portrait components with enlarged intervals, so that a user can conveniently select a target head portrait component from the new button.
And then, responding to the triggering operation of the target head portrait component, and presenting a publishing interface corresponding to the target head portrait component so as to publish questioning contents to a target user corresponding to the target head portrait component in the publishing interface. After clicking the target head portrait component, the user can directly jump to the publishing interface corresponding to the target head portrait component to enable the user to publish the questioning contents.
Further, responding to the triggering operation of the target head portrait component, presenting a publishing interface corresponding to the target head portrait component can specifically comprise: responding to the triggering operation of the target head portrait component, and presenting a question card of a user corresponding to the target head portrait component; and responding to the triggering operation of the user on the question card, and presenting a publishing interface corresponding to the question card so as to publish question contents to a target user corresponding to the question card in the publishing interface.
After clicking the target head portrait component, the user jumps to the question card page, and the page only contains the question card corresponding to the target head portrait component, so that the user can conveniently check or confirm the user basic information presented on the question card. And then, clicking a sub question button on the question card by the user, and jumping to a corresponding question publishing interface to question.
Furthermore, according to an embodiment of the present invention, the method 300 may further comprise the steps of: before the target user replies the answer, the editing authority of the questioner to the issued question is opened, and the question is only visible to the questioner and the target user; after the target user replies an answer, the questioner's editing rights to the question being issued are closed and the question and answer are made visible to all users of the target user group.
In summary, the head portraits in the suspension buttons are transversely arranged, the suspension buttons can be transversely elastically expanded and are not influenced by pull-down sliding, so that a user can be actively guided to trigger the questioning buttons, the more the user asks, the more easily the user activity of mobile applications and the viscosity among users are improved, and the diversification of community contents in community mobile applications is improved.
Fig. 6 illustrates an interface interaction device 600, adapted to reside in a mobile terminal, according to one embodiment of the invention. As shown in fig. 6, the apparatus 600 includes a first display unit 610, a second display unit 620, and a third display unit 630.
The first display unit 610 is adapted to hover-display a question button on the screen of the mobile terminal.
The second display unit 620 is adapted to present a question interface corresponding to the question button in response to a trigger operation of the question button, the question interface including a plurality of question cards, each of the question cards corresponding to one of the community users.
The third display unit 630 is adapted to respond to a triggering operation on one of the question cards, and present a posting interface corresponding to the question card, so as to post the question content to the target user corresponding to the question card in the posting interface.
According to one embodiment, the second display unit 620 may further enlarge and display the question button in response to a trigger operation of the question button, and a distance between two adjacent head portrait elements in the enlarged and displayed question button is equal to or greater than zero so as to select a target head portrait element from the enlarged and displayed head portrait elements. Then, the second display unit 620 presents a publishing interface corresponding to the target avatar component in response to the triggering operation on the target avatar component, so as to publish a question content to a target user corresponding to the target avatar component in the publishing interface.
Further, the second display unit 620 may present a question card of the user corresponding to the target avatar component in response to a trigger operation of the target avatar component; and responding to the triggering operation of the user on the question card, and presenting a publishing interface corresponding to the question card so as to publish question contents to a target user corresponding to the question card in the publishing interface.
The specific details of the interface interaction device 600 of the present invention are disclosed in the descriptions based on fig. 1-5, and the detailed descriptions are omitted here.
According to the technical scheme of the invention, the questioning entrance is displayed on the first page of the community in the form of a suspension button, and the user can find the questioning entrance in real time when entering the community. The community manager plays a role of managing and linking with the users, is one of the cores of the community, and can greatly attract the eyes of the users by prepositioning the head portraits of the manager, and stimulates the users to enter the questions so as to increase the viscosity of the users to the community.
The various techniques described herein may be implemented in connection with hardware or software or, alternatively, with a combination of both. Thus, the methods and apparatus of the present invention, or certain aspects or portions of the methods and apparatus of the present invention, may take the form of program code (i.e., instructions) embodied in tangible media, such as removable hard drives, U-drives, floppy diskettes, CD-ROMs, or any other machine-readable storage medium, wherein, when the program is loaded into and executed by a machine, such as a computer, the machine becomes an apparatus for practicing the invention.
A8, the method of A7, wherein a fixed interval is arranged between two adjacent head portrait components in the head portrait display area, and the length of the question button is positively related to the number of head portrait components in the target user group.
A9, the method of A8, wherein when the number of users of the target user group is greater than a first threshold, the fixed interval is negative; otherwise, the number is not negative.
A10, the method of A7, wherein the question button and the text guiding area are of fixed length, and the interval between two adjacent head portrait components in the head portrait display area is inversely related to the number of users of the target user group.
The method of a11, A7, further comprising the steps of:
responding to the triggering operation of the question button, amplifying and displaying the question button, wherein the distance between two adjacent head portrait components in the amplified and displayed question button is larger than or equal to zero so as to select a target head portrait component from the amplified and displayed head portrait components; and
And responding to the triggering operation of the target head portrait component, and presenting a publishing interface corresponding to the target head portrait component so as to publish questioning contents to a target user corresponding to the target head portrait component in the publishing interface.
A12, the method as in A7, wherein the head portrait components corresponding to the users with the same level in the target user group are displayed in a lateral ordering mode according to the answering liveness of the head portrait components.
A13, the method of A7, wherein the head portrait component is a round head portrait component, the head portrait component of the current online user is highlighted, and the head portrait component of the current online user is not highlighted. In the case of program code execution on programmable computers, the computing device will generally include a processor, a storage medium readable by the processor (including volatile and non-volatile memory and/or storage elements), at least one input device, and at least one output device. Wherein the memory is configured to store program code; the processor is configured to execute the interaction method of the present invention in accordance with instructions in said program code stored in the memory.
By way of example, and not limitation, readable media comprise readable storage media and communication media. The readable storage medium stores information such as computer readable instructions, data structures, program modules, or other data. Communication media typically embodies computer readable instructions, data structures, program modules or other data in a modulated data signal such as a carrier wave or other transport mechanism and includes any information delivery media. Combinations of any of the above are also included within the scope of readable media.
In the description provided herein, algorithms and displays are not inherently related to any particular computer, virtual system, or other apparatus. Various general-purpose systems may also be used with examples of the invention. The required structure for a construction of such a system is apparent from the description above. In addition, the present invention is not directed to any particular programming language. It will be appreciated that the teachings of the present invention described herein may be implemented in a variety of programming languages, and the above description of specific languages is provided for disclosure of enablement and best mode of the present invention.
In the description provided herein, numerous specific details are set forth. However, it is understood that embodiments of the invention may be practiced without these specific details. In some instances, well-known methods, structures and techniques have not been shown in detail in order not to obscure an understanding of this description.
Similarly, it should be appreciated that in the foregoing description of exemplary embodiments of the invention, various features of the invention are sometimes grouped together in a single embodiment, figure, or description thereof for the purpose of streamlining the disclosure and aiding in the understanding of one or more of the various inventive aspects. However, the disclosed method should not be construed as reflecting the intention that: i.e., the claimed invention requires more features than are expressly recited in each claim. Rather, as the following claims reflect, inventive aspects lie in less than all features of a single foregoing disclosed embodiment. Thus, the claims following the detailed description are hereby expressly incorporated into this detailed description, with each claim standing on its own as a separate embodiment of this invention.
Those skilled in the art will appreciate that the modules or units or components of the devices in the examples disclosed herein may be arranged in a device as described in this embodiment, or alternatively may be located in one or more devices different from the devices in this example. The modules in the foregoing examples may be combined into one module or may be further divided into a plurality of sub-modules.
Those skilled in the art will appreciate that the modules in the apparatus of the embodiments may be adaptively changed and disposed in one or more apparatuses different from the embodiments. The modules or units or components of the embodiments may be combined into one module or unit or component and, furthermore, they may be divided into a plurality of sub-modules or sub-units or sub-components. Any combination of all features disclosed in this specification (including any accompanying claims, abstract and drawings), and all of the processes or units of any method or apparatus so disclosed, may be used in combination, except insofar as at least some of such features and/or processes or units are mutually exclusive. Each feature disclosed in this specification (including any accompanying claims, abstract and drawings), may be replaced by alternative features serving the same, equivalent or similar purpose, unless expressly stated otherwise.
Furthermore, those skilled in the art will appreciate that while some embodiments described herein include some features but not others included in other embodiments, combinations of features of different embodiments are meant to be within the scope of the invention and form different embodiments. For example, in the following claims, any of the claimed embodiments can be used in any combination.
Furthermore, some of the embodiments are described herein as methods or combinations of method elements that may be implemented by a processor of a computer system or by other means of performing the functions. Thus, a processor with the necessary instructions for implementing the described method or method element forms a means for implementing the method or method element. Furthermore, the elements of the apparatus embodiments described herein are examples of the following apparatus: the apparatus is for carrying out the functions performed by the elements for carrying out the objects of the invention.
As used herein, unless otherwise specified the use of the ordinal terms "first," "second," "third," etc., to describe a general object merely denote different instances of like objects, and are not intended to imply that the objects so described must have a given order, either temporally, spatially, in ranking, or in any other manner.
While the invention has been described with respect to a limited number of embodiments, those skilled in the art, having benefit of the above description, will appreciate that other embodiments are contemplated within the scope of the invention as described herein. Furthermore, it should be noted that the language used in the specification has been principally selected for readability and instructional purposes, and may not have been selected to delineate or circumscribe the inventive subject matter. Accordingly, many modifications and variations will be apparent to those of ordinary skill in the art without departing from the scope and spirit of the appended claims. The disclosure of the present invention is intended to be illustrative, but not limiting, of the scope of the invention, which is defined by the appended claims.
Claims (11)
1. An interface interaction method adapted to be executed in a mobile terminal comprising a mobile application, the mobile application comprising a plurality of user groups, the method comprising:
Displaying a home page interface of a target user group on the mobile application interface of the mobile terminal, and displaying a question button in a suspension manner in the home page interface of the target user group, wherein the question button comprises a text guiding area for guiding a question and a head portrait display area, head portrait components of users of the target user group are transversely arranged in the head portrait display area, head portrait components of online users are highlighted, and head portrait components of users not on line at present are subjected to gray scale display, wherein the head portrait components corresponding to users of the same level in the target user group are subjected to transverse sequencing display according to the answering activity degree of the head portrait components;
Responding to the triggering operation of the questioning button, and presenting a questioning interface corresponding to the questioning button, wherein the questioning interface comprises a plurality of questioning cards, and each questioning card corresponds to one community user;
Responding to triggering operation of one of the question cards, and presenting a publishing interface corresponding to the question card so as to publish question contents to a target user corresponding to the question card in the publishing interface;
wherein the method further comprises:
responding to the triggering operation of the question button, amplifying and displaying the question button, wherein the distance between two adjacent head portrait components in the amplified and displayed question button is larger than or equal to zero so as to select a target head portrait component from the amplified and displayed head portrait components;
And responding to the triggering operation of the target head portrait component, and presenting a publishing interface corresponding to the target head portrait component so as to publish questioning contents to a target user corresponding to the target head portrait component in the publishing interface.
2. The method of claim 1, wherein an upper boundary of the question button is maintained at a fixed distance from a root interface of the sliding interface such that the question button maintains a position during up-and-down sliding of the interface.
3. The method of claim 1, wherein the step of hovering a question button on the screen of the mobile terminal comprises:
And displaying a home page interface of the target user group on a screen of the mobile terminal, and displaying the question buttons in a suspension manner in the home page interface of the target user group.
4. The method of claim 3, wherein,
Each question card corresponds to one user in the target user group;
the questioning card comprises basic information of the user and a sub questioning button;
the triggering operation of one of the question cards refers to the triggering operation of a sub-question button in the question card.
5. The method of claim 4, wherein the basic information includes at least one of a user name, a user level, a user profile, a question answer condition, and a head portrait component, and users of the same level in the target user group have the same background color of each question card.
6. The method of claim 4, wherein the question cards corresponding to the users of the same level in the target user group are displayed in a descending order according to the answering liveness of the users.
7. The method of claim 1, wherein there is a fixed spacing between two adjacent head portrait elements in the head portrait presentation area, and the length of the question button is positively correlated to the number of head portrait elements in the target user group.
8. The method of claim 7, wherein the fixed spacing is negative when the number of users of the target group of users is greater than a first threshold; otherwise, the number is not negative.
9. The method of claim 1, wherein the question button and the text guide area each have a fixed length, and a spacing between two adjacent head portrait components in the head portrait presentation area is inversely related to a number of users of the target user group.
10. An interface interaction device adapted to reside in a mobile terminal, the mobile terminal including a mobile application therein, the mobile application including a plurality of user groups, the device comprising:
The first display unit is suitable for displaying a home page interface of a target user group on the mobile application interface of the mobile terminal, displaying a question button in a suspension mode in the home page interface of the target user group, wherein the question button comprises a text guiding area for guiding a question and a head portrait display area, head portrait components of the target user group users are transversely arranged in the head portrait display area, head portrait components of online users are highlighted, gray scale display is carried out on the head portrait components of the current non-online users, and head portrait components corresponding to users in the same level in the target user group are transversely sequenced and displayed according to the answering activity of the user;
A second display unit adapted to respond to the triggering operation of the question buttons and present a question interface corresponding to the question buttons, wherein the question interface comprises a plurality of question cards, and each question card corresponds to one community user;
the third display unit is suitable for responding to the triggering operation of one of the question cards and presenting a publishing interface corresponding to the question card so as to publish question contents to a target user corresponding to the question card in the publishing interface;
The second display unit is further adapted to respond to the triggering operation of the question button, display the question button in an enlarged mode, wherein the distance between two adjacent head portrait components in the question button in the enlarged mode is larger than or equal to zero, so that a target head portrait component is selected from the head portrait components in the enlarged mode;
The third display unit is further adapted to respond to the triggering operation of the target head portrait component, and present a publishing interface corresponding to the target head portrait component so as to publish questioning contents to a target user corresponding to the target head portrait component in the publishing interface.
11. A mobile terminal, comprising:
one or more processors;
A memory; and
One or more programs, wherein the one or more programs are stored in the memory and configured to be executed by the one or more processors, the one or more programs comprising instructions for performing any of the methods of claims 1-9.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011204007.7A CN112269615B (en) | 2020-11-02 | 2020-11-02 | Interface interaction method and device and mobile terminal |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011204007.7A CN112269615B (en) | 2020-11-02 | 2020-11-02 | Interface interaction method and device and mobile terminal |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN112269615A CN112269615A (en) | 2021-01-26 |
| CN112269615B true CN112269615B (en) | 2024-05-14 |
Family
ID=74344540
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202011204007.7A Active CN112269615B (en) | 2020-11-02 | 2020-11-02 | Interface interaction method and device and mobile terminal |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112269615B (en) |
Families Citing this family (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113656128A (en) * | 2021-08-13 | 2021-11-16 | 北京字跳网络技术有限公司 | Page generation method and device and electronic equipment |
| CN113641441A (en) * | 2021-08-27 | 2021-11-12 | 北京字跳网络技术有限公司 | Page switching method and device, electronic equipment and storage medium |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104486205A (en) * | 2014-12-17 | 2015-04-01 | 沈文策 | Information interaction method and device |
| CN107870723A (en) * | 2017-10-16 | 2018-04-03 | 华为技术有限公司 | A kind of suspension button display methods and terminal device |
| CN109032450A (en) * | 2018-08-10 | 2018-12-18 | 上海传英信息技术有限公司 | Mobile terminal and its suspension identification display method |
| CN109299249A (en) * | 2018-09-18 | 2019-02-01 | 广州神马移动信息科技有限公司 | Ask-Answer Community exchange method, device, terminal device and computer storage medium |
| CN109862196A (en) * | 2019-01-04 | 2019-06-07 | 上海上湖信息技术有限公司 | A kind of online customer service remote interaction method and system |
| CN111367444A (en) * | 2020-03-10 | 2020-07-03 | 北京达佳互联信息技术有限公司 | Application function execution method and device, electronic equipment and storage medium |
-
2020
- 2020-11-02 CN CN202011204007.7A patent/CN112269615B/en active Active
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104486205A (en) * | 2014-12-17 | 2015-04-01 | 沈文策 | Information interaction method and device |
| CN107870723A (en) * | 2017-10-16 | 2018-04-03 | 华为技术有限公司 | A kind of suspension button display methods and terminal device |
| CN109032450A (en) * | 2018-08-10 | 2018-12-18 | 上海传英信息技术有限公司 | Mobile terminal and its suspension identification display method |
| CN109299249A (en) * | 2018-09-18 | 2019-02-01 | 广州神马移动信息科技有限公司 | Ask-Answer Community exchange method, device, terminal device and computer storage medium |
| CN109862196A (en) * | 2019-01-04 | 2019-06-07 | 上海上湖信息技术有限公司 | A kind of online customer service remote interaction method and system |
| CN111367444A (en) * | 2020-03-10 | 2020-07-03 | 北京达佳互联信息技术有限公司 | Application function execution method and device, electronic equipment and storage medium |
Also Published As
| Publication number | Publication date |
|---|---|
| CN112269615A (en) | 2021-01-26 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US20200081895A1 (en) | Method for organising content | |
| CN111191640B (en) | Three-dimensional scene presentation method, device and system | |
| CN111935532B (en) | Video interaction method and device, electronic equipment and storage medium | |
| DE112016004208T5 (en) | Providing personal assistance for the maintenance / management of multimedia and creating stories on computing devices | |
| CN112269615B (en) | Interface interaction method and device and mobile terminal | |
| US20160112364A1 (en) | Systems and Methods for Mobile Matchmaking Requiring Users to Chat before Successively Revealing Identities | |
| CN111782873B (en) | Book recommendation method based on book video, electronic equipment and storage medium | |
| CN108228715A (en) | A kind of method, terminal and computer readable storage medium for showing image | |
| Mishra et al. | A beginner's guide to mobile marketing | |
| KR20170108890A (en) | Method for determining ranking of bulletin contents and service server for the same | |
| CN114116054A (en) | Page control management method and device, computer equipment and storage medium | |
| CN112416207A (en) | Information content display method, device, equipment and medium | |
| KR101682671B1 (en) | Service method and system for recommending post associated appstore with timeline | |
| Moody | Modders: Changing the game through user-generated content and online communities | |
| Kittley-Davies et al. | Evaluating the effect of feedback from different computer vision processing stages: a comparative lab study | |
| CN112492104B (en) | Interface display method and device and mobile terminal | |
| US20200228617A1 (en) | Event recording method and apparatus, electronic device, and storage medium | |
| Crawford et al. | Beyond generations and new media | |
| WO2022262389A1 (en) | Interaction method and apparatus, computer device and program product, storage medium | |
| CN111885139B (en) | Content sharing method, device and system, mobile terminal and server | |
| CN114764485B (en) | Information display method and device, storage medium and computer equipment | |
| WO2020050850A1 (en) | Methods, devices and computer program products for generating graphical user interfaces for consuming content | |
| CN112131487A (en) | Interaction method and computing device | |
| KR101912554B1 (en) | Fairy tale creation and sharing system | |
| KR20220099862A (en) | Method and apparatus for providing information based on user group |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |