CN116820316A - Interaction method and system for sliding update of single content - Google Patents
Interaction method and system for sliding update of single content Download PDFInfo
- Publication number
- CN116820316A CN116820316A CN202310199700.7A CN202310199700A CN116820316A CN 116820316 A CN116820316 A CN 116820316A CN 202310199700 A CN202310199700 A CN 202310199700A CN 116820316 A CN116820316 A CN 116820316A
- Authority
- CN
- China
- Prior art keywords
- information card
- information
- content
- generating
- displaying
- 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.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 45
- 230000003993 interaction Effects 0.000 title abstract description 12
- 230000008569 process Effects 0.000 claims description 25
- 230000002452 interceptive effect Effects 0.000 claims description 19
- 230000009471 action Effects 0.000 claims description 3
- 238000010586 diagram Methods 0.000 description 6
- 238000004590 computer program Methods 0.000 description 4
- 230000006870 function Effects 0.000 description 4
- 238000013461 design Methods 0.000 description 2
- 230000000694 effects Effects 0.000 description 2
- 230000003340 mental effect Effects 0.000 description 2
- 238000012545 processing Methods 0.000 description 2
- 238000012544 monitoring process Methods 0.000 description 1
- 238000012552 review Methods 0.000 description 1
- 238000012549 training Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- 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/0486—Drag-and-drop
-
- 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
-
- 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/04817—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 using icons
-
- 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
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The application discloses an interaction method and system for sliding and updating single content, comprising the following steps: acquiring a first information card corresponding to the first position according to the selected first position of the current interface, and displaying the first information card at the second position of the current interface; selecting and dragging the first information card to a third position of the current interface, and generating updated contents of the first information card at the second position; generating a second information card based on the first information card by updating the content, and displaying the second information card at the first position and/or the second position; according to the technical scheme, the operation is simple, the sliding operation is APP main stream operation, additional learning cost is not needed, the user experience is good, the user is free from the risk of being disturbed, and the updated content is not continuously prompted to the user.
Description
Technical Field
The application relates to the technical field of APP interaction, in particular to an interaction method and system for sliding update of single content.
Background
In APP with content as the main component, such as present-day top bar, known top bar, red book, etc., a common display scheme is waterfall stream, that is, a card form, to list part of the content into a list or form for display, and when browsing the content, a user decides whether to enter detail browsing and interaction according to whether the title or introduction can attract himself. The user hopes to know whether an article of interest has a newly added user interaction comment or collection, and often only the user can refresh and view by entering the article details, which can cause inconvenience of user experience in some scenes.
The current popular solution is to provide a collection function, so that a user can collect a certain article, and after the article is updated or after the user's own comments are interacted, the user is notified to review. But has the following problems: the mental burden is high, and if the user ignores the collection function, the user may not know the update of the article in time. Harassment may be caused, and if the user collects a certain article, the user may continuously receive update notification until the user actively cancels collection if the user subsequently does not interest in the article any more but fails to timely cancel the interest. The operation is complicated, the user experience convenience is poor, the user wants to know whether an article of interest is updated or whether a newly added user interaction comment exists, and the user can only refresh and view by entering the article details. Therefore, there is an urgent need for an interactive method and system for sliding and updating a single piece of content, so as to solve the problems in the prior art.
Disclosure of Invention
Aiming at the problems of high mental burden, complex operation and the like in the process of updating the articles by using the existing collection function, the application aims to provide a more definite and easier-to-operate manual interaction scheme, and a user refreshes the update state of a single content by sliding a card rightwards to check whether the newly added interactive content exists. So as to solve the problems of poor timeliness and complex operation of the prior reference technology.
In order to achieve the technical purpose, the application provides an interaction method for sliding and updating a single content, which comprises the following steps:
acquiring a first information card corresponding to the first position according to the selected first position of the current interface, and displaying the first information card at the second position of the current interface;
selecting and dragging the first information card to a third position of the current interface, and generating updated contents of the first information card at the second position;
based on the first information card, a second information card is generated by updating the content and displayed at the first location and/or the second location.
Preferably, in the process of acquiring the first information card, generating a plurality of information options for being selected according to the information content corresponding to the first position;
and generating a first information card according to the selected information options, wherein the first information card comprises at least one information option.
Preferably, in the process of generating the information options, the information quantity of the information content or the updated content is acquired;
and generating information options based on the information quantity or the information content corresponding to the updated content.
Preferably, in the process of displaying the first information card at the second position, the second position is acquired at the top end of the first position or at one end which is not overlapped with the first position;
at the second location, updated content or the first information card is displayed.
Preferably, in the process of generating the updated content at the second location, the updated content corresponding to the selected and dragged information option is displayed at the second location, or the updated content of the selected and dragged first information card is acquired and displayed at the second location.
Preferably, in the process of acquiring the information option, at the third position, the updated content corresponding to the information option is displayed.
Preferably, in the process of generating the second information card, the second information card is generated according to the updated content, and the second information card is displayed at the second position.
Preferably, in the process of generating the second information card, the first information card is updated based on the updated content, the second information card is generated, and the second information card is displayed at the first position and/or at the second position.
Preferably, in the process of displaying the second information card, judging the dragged degree of the first information card and collecting the dragging direction;
and based on the dragged degree, dragging the first information card to a third position according to the dragging direction, and displaying a second information card at a second position, wherein the third position is not overlapped with the first position.
The application also discloses an interactive system for sliding and updating the single content, which comprises:
the data tracking module is used for acquiring a first information card corresponding to the first position according to the first position of the selected current interface and displaying the first information card at the second position of the current interface;
the action tracking module is used for selecting and dragging the first information card to a third position of the current interface, and generating updated content of the first information card at the second position;
and the updating display module is used for generating a second information card through updating the content based on the first information card and displaying the second information card at the first position and/or the second position.
The application discloses the following technical effects:
according to the technical scheme, the operation is simple, the sliding operation is APP main stream operation, additional learning cost is not needed, the user experience is good, the user is free from the risk of being disturbed, and the updated content is not continuously prompted to the user.
Drawings
In order to more clearly illustrate the embodiments of the present application or the technical solutions of the prior art, the drawings that are needed in the embodiments will be briefly described below, it being obvious that the drawings in the following description are only some embodiments of the present application, and that other drawings may be obtained according to these drawings without inventive effort for a person skilled in the art.
FIG. 1 is a flow chart of a method according to the present application;
fig. 2 is a schematic diagram of an implementation process according to the present application.
Detailed Description
In order to make the objects, technical solutions and advantages of the embodiments of the present application more apparent, the technical solutions of the embodiments of the present application will be clearly and completely described below with reference to the accompanying drawings in the embodiments of the present application, and it is apparent that the described embodiments are only some embodiments of the present application, not all embodiments. The components of the embodiments of the present application generally described and illustrated in the figures herein may be arranged and designed in a wide variety of different configurations. Thus, the following detailed description of the embodiments of the application, as presented in the figures, is not intended to limit the scope of the application, as claimed, but is merely representative of selected embodiments of the application. All other embodiments, which can be made by a person skilled in the art without making any inventive effort, are intended to be within the scope of the present application.
As shown in fig. 1-2, the present application provides an interactive method for sliding update of a single content, comprising the steps of:
acquiring a first information card corresponding to the first position according to the selected first position of the current interface, and displaying the first information card at the second position of the current interface;
selecting and dragging the first information card to a third position of the current interface, and generating updated contents of the first information card at the second position;
based on the first information card, a second information card is generated by updating the content and displayed at the first location and/or the second location.
Further preferably, in the process of acquiring the first information card, the application generates a plurality of information options for being selected according to the information content corresponding to the first position;
and generating a first information card according to the selected information options, wherein the first information card comprises at least one information option.
Further preferably, in generating the information option, the present application is realized by acquiring the information quantity of the information content or updating the content;
and generating information options based on the information quantity or the information content corresponding to the updated content.
Further preferably, in the process of displaying the first information card at the second position, the second position is acquired at the top end of the first position or at one end which is not overlapped with the first position;
at the second location, updated content or the first information card is displayed.
Further preferably, in the process of generating the update content at the second location, the update content corresponding to the selected and dragged information option is displayed at the second location, or the update content of the selected and dragged first information card is acquired and displayed at the second location.
Further preferably, in the process of acquiring the information option, the present application displays the updated content corresponding to the information option at the third position.
Further preferably, in the process of generating the second information card, the present application generates the second information card according to the updated content, and displays the second information card at the second position.
Further preferably, in the process of generating the second information card, the first information card is updated based on the update content, and the second information card is generated and displayed at the first position and/or the second position.
Further preferably, in the process of displaying the second information card, the application also judges the dragged degree of the first information card and collects the dragging direction;
and based on the dragged degree, dragging the first information card to a third position according to the dragging direction, and displaying a second information card at a second position, wherein the third position is not overlapped with the first position.
The application discloses an interactive system for updating single content in a sliding way, which comprises the following steps:
the data tracking module is used for acquiring a first information card corresponding to the first position according to the first position of the selected current interface and displaying the first information card at the second position of the current interface;
the action tracking module is used for selecting and dragging the first information card to a third position of the current interface, and generating updated content of the first information card at the second position;
and the updating display module is used for generating a second information card through updating the content based on the first information card and displaying the second information card at the first position and/or the second position.
The application also realizes an interaction method for realizing the sliding update of single content through the computer program, forms an application program, is embedded into the browser, android and iOS systems, and only has the intelligent terminal of the system and the capability of sliding update of single content.
Example 1: the application provides a new interactive design, which allows a user to refresh the update state of a single content by sliding a card rightwards to check whether the newly added interactive content exists.
The operation of sliding the card by the fingers of the user can be considered as default knowledge in the interaction layer, no additional training of operation habits is needed, but some operation guidance diagrams can still be provided when the APP is accessed for the first time, and the user operation is guided. The user slides the card to expose the loading prompt, after the user releases his hands, the user starts to update the content of the card, and after the user finishes, the updated content is highlighted and displayed to the user.
In the technical layer, in the browser, android and iOS systems, the api with the sliding operation is provided for a developer to use, and the developer can realize the interactive effect of the sliding update of the content card by virtue of the capabilities.
Embodiment 2 an interactive method for sliding update of a single content according to the present application includes the following steps:
(1) The user confirms that he wishes to view the updated content card.
(2) And (5) sliding the card right, left or in a certain direction, loading a loading effect, and prompting the user that the card is updated.
(3) And waiting for a content update result.
(4) And (5) ending the updating, and successfully updating the content.
(5) And updating the content highlight display, which is convenient for a user to capture, and if the comment number of the content is newly increased as shown in the flow chart, the content highlight display is highlighted.
Example 3: as shown in fig. 2, taking rightward sliding of the android system as an example, the implementation steps are as follows:
(1) The complete card design is that the left side loading icon and the right side card content are a whole, the card is hidden by the size of the left cheap loading picture, and the card is invisible in a normally browsed scene.
(2) And monitoring api by means of the gesture provided by the android, and synchronously shifting the card to the right according to the sliding distance when the gesture of the user sliding to the right is monitored, so that loading is exposed.
(3) When the gesture of the user for lifting the finger is monitored, judging whether loading is exposed, if yes, updating the card content, and if not, shifting the loading icon to the left side, and hiding again.
The present application is described with reference to flowchart illustrations and/or block diagrams of methods, apparatus (systems) and computer program products according to embodiments of the application. It will be understood that each flow and/or block of the flowchart illustrations and/or block diagrams, and combinations of flows and/or blocks in the flowchart illustrations and/or block diagrams, can be implemented by computer program instructions. These computer program instructions may be provided to a processor of a general purpose computer, special purpose computer, embedded processor, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, create means for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.
In the description of the present application, it should be understood that the terms "first," "second," and the like are used for descriptive purposes only and are not to be construed as indicating or implying a relative importance or number of technical features indicated. Thus, a feature defining "a first" or "a second" may explicitly or implicitly include one or more such feature. In the description of the present application, the meaning of "a plurality" is two or more, unless explicitly defined otherwise.
Claims (10)
1. An interactive method for sliding updating a single piece of content, comprising the steps of:
acquiring a first information card corresponding to a first position according to the selected first position of the current interface, and displaying the first information card at a second position of the current interface;
selecting and dragging the first information card to a third position of the current interface, and generating updated contents of the first information card at the second position;
and generating a second information card based on the first information card through the updated content, and displaying at the first position and/or the second position.
2. An interactive method for sliding update of a single piece of content according to claim 1, wherein:
in the process of acquiring a first information card, generating a plurality of information options for selection according to the information content corresponding to the first position;
and generating the first information card according to the selected information options, wherein the first information card comprises at least one information option.
3. An interactive method for sliding update of a single piece of content according to claim 2, wherein:
in the process of generating information options, acquiring the information quantity of the information content or the updated content;
and generating the information options based on the information quantity or the information content corresponding to the updated content.
4. An interactive method for sliding update of a single piece of content according to claim 2, wherein:
acquiring a second position at the top end of the first position or at one end which is not overlapped with the first position in the process of displaying the first information card at the second position;
at the second location, the updated content or the first information card is displayed.
5. An interactive method for sliding update of a single piece of content according to claim 3 or 4, characterized in that:
and in the process of generating the updated content at the second position, displaying the updated content corresponding to the selected and dragged information option at the second position, or acquiring the updated content of the selected and dragged first information card and displaying the updated content at the second position.
6. The interactive method for sliding update of a single piece of content according to claim 5, wherein:
and in the process of acquiring the information options, displaying the updated content corresponding to the information options at the third position.
7. The interactive method for sliding update of a single piece of content according to claim 5, wherein:
and in the process of generating the second information card, generating the second information card according to the updated content, and displaying the second information card at the second position.
8. The interactive method for sliding update of a single piece of content according to claim 6, wherein:
and in the process of generating the second information card, updating the first information card based on the updating content to generate the second information card, and displaying the second information card at the first position and/or the second position.
9. The interactive method for sliding update of a single piece of content according to claim 7, wherein:
judging the dragged degree of the first information card in the process of displaying the second information card, and collecting the dragging direction;
and based on the dragged degree, dragging the first information card to the third position according to the dragging direction, and displaying the second information card at the second position, wherein the third position is not overlapped with the first position.
10. An interactive system for sliding updating a single piece of content, comprising:
the data tracking module is used for acquiring a first information card corresponding to a first position according to the first position of the selected current interface and displaying the first information card at a second position of the current interface;
the action tracking module is used for selecting and dragging the first information card to a third position of the current interface, and generating updated contents of the first information card at the second position;
and the updating display module is used for generating a second information card according to the updating content based on the first information card, and displaying the second information card at the first position and/or the second position.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202310199700.7A CN116820316A (en) | 2023-03-04 | 2023-03-04 | Interaction method and system for sliding update of single content |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202310199700.7A CN116820316A (en) | 2023-03-04 | 2023-03-04 | Interaction method and system for sliding update of single content |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN116820316A true CN116820316A (en) | 2023-09-29 |
Family
ID=88128083
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202310199700.7A Pending CN116820316A (en) | 2023-03-04 | 2023-03-04 | Interaction method and system for sliding update of single content |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN116820316A (en) |
-
2023
- 2023-03-04 CN CN202310199700.7A patent/CN116820316A/en active Pending
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US11099812B2 (en) | Device and method for performing functions | |
| KR101911034B1 (en) | Organizing graphical representations on computing devices | |
| US11152100B2 (en) | Health application user interfaces | |
| CN106484224B (en) | A kind of operating method and terminal | |
| US10394410B2 (en) | Mobile device interfaces | |
| AU2004227740B2 (en) | A windowing and controlling system thereof comprising a computer device | |
| CN105144058B (en) | Prompt is placed in delay | |
| KR20160056728A (en) | Apparatus and method for using blank area on screen | |
| US8407608B1 (en) | Touch input assist | |
| US8386927B1 (en) | Gravity-based link assist | |
| US20140143688A1 (en) | Enhanced navigation for touch-surface device | |
| CN102929491A (en) | Cross-window animation | |
| CN106662969A (en) | Method of processing content and electronic device thereof | |
| CN109976599B (en) | Method, device and equipment for processing unread messages of application program | |
| US11671696B2 (en) | User interfaces for managing visual content in media | |
| US20140282064A1 (en) | Multilayered icon, graphical user interfaces, and methods for displaying and manipulation of information | |
| CN109074372A (en) | Metadata is applied using drag and drop | |
| CN106648364A (en) | Mobile application view structure-based method for viewing collected contents immediately | |
| JP2015191551A (en) | Electronic device | |
| CN107632751B (en) | Information display method and device | |
| CN111338721A (en) | Online interaction method, system, electronic device and storage medium | |
| US9513770B1 (en) | Item selection | |
| CN111552418B (en) | Resource information display method and device | |
| US20180188911A1 (en) | Method and apparatus for filtering object by using pressure | |
| CN116820316A (en) | Interaction method and system for sliding update of single content |
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 |