CN116820316A - 一种滑动更新单条内容的交互方法及*** - Google Patents
一种滑动更新单条内容的交互方法及*** 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
本发明公开了一种滑动更新单条内容的交互方法及***，包括：依据被选择的当前界面的第一位置，获取第一位置对应的第一信息卡片，并在当前界面的第二位置处进行显示；选择并拖动第一信息卡片至当前界面的第三位置，在第二位置，生成第一信息卡片的更新内容；基于第一信息卡片，通过更新内容，生成第二信息卡片，在第一位置和/或第二位置进行显示；本发明设计的技术方案，操作简单，滑动操作是APP主流操作，不需要额外学习成本，用户体验好，且用户无被打扰风险，更新完的内容不会持续提示用户。
Description
技术领域
本发明涉及APP交互技术领域，尤其涉及一种滑动更新单条内容的交互方法及***。
背景技术
以内容为主的APP中，如今日头条、知乎、小红书等，常见的展示方案是瀑布流--即以卡片的形式，将内容的部分内容罗列成列表或表格展示出来，用户在浏览内容时，根据标题或简介是否能吸引自己来决定是否进入详情浏览和互动。用户希望知道某一篇自己感兴趣的文章是否有新增的用户互动评论或者收藏，往往只能通过进入文章详情来刷新查看，这在一些场景下会造成用户体验的不便利。
目前流行的解决方案是提供收藏功能，用户可以收藏某篇文章，文章更新后、或者用户自己的评论被互动后通知用户查阅。但存在以下问题：心智负担较高，若用户忽略收藏功能，可能就无法及时知道文章的更新。可能造成骚扰，假如用户收藏了某篇文章，后续对文章不再感兴趣，却又未能及时取消关注，就可能不断收到更新通知，直到用户主动取消收藏。操作繁琐，用户体验便利性差，用户想知道某一篇自己感兴趣的文章是否有更新，或者是否有新增的用户互动评论，往往只能通过进入文章详情来刷新查看。因此，急需一种滑动更新单条内容的交互方法及***，进而解决现有技术中存在的问题。
发明内容
为了针对现有收藏功能查阅文章更新心智负担高，操作繁琐等问题，本发明的目的在于提出一种更明确、更易操作的人工交互方案，用户通过向右滑动卡片的方式刷新单条内容的更新状态，查看是否有新增互动内容。以决现有查阅技术时效性差、操作复杂的问题。
为了实现上述技术目的，本发明提供了一种滑动更新单条内容的交互方法，包括以下步骤：
依据被选择的当前界面的第一位置，获取第一位置对应的第一信息卡片，并在当前界面的第二位置处进行显示；
选择并拖动第一信息卡片至当前界面的第三位置，在第二位置，生成第一信息卡片的更新内容；
基于第一信息卡片，通过更新内容，生成第二信息卡片，在第一位置和/或第二位置进行显示。
优选地，在获取第一信息卡片的过程中，根据第一位置对应的信息内容，生成若干条用于被选择的信息选项；
依据被选择信息选项，生成第一信息卡片，其中，第一信息卡片包括至少一条信息选项。
优选地，在生成信息选项的过程中，获取信息内容的信息数量或更新内容；
基于信息数量或更新内容对应的信息内容，生成信息选项。
优选地，在将第一信息卡片于第二位置处进行显示的过程中，在第一位置的顶端，或与第一位置不重合的一端，获取第二位置；
在第二位置处，显示更新内容或第一信息卡片。
优选地，在第二位置处生成更新内容的过程中，将被选择并被拖动的信息选项对应的更新内容，在第二位置处显示，或，获取被选择且被拖动的第一信息卡片的更新内容，在第二位置处显示。
优选地，在获取信息选项的过程中，在第三位置处，显示信息选项对应的更新内容。
优选地，在生成第二信息卡片的过程中，依据更新内容，生成第二信息卡片，并将第二信息卡片在第二位置处显示。
优选地，在生成第二信息卡片的过程中，基于更新内容，对第一信息卡片进行更新，生成第二信息卡片，并将第二信息卡片在第一位置和/或在第二位置进行显示。
优选地，在显示第二信息卡片的过程中，判断第一信息卡片的被拖拽程度，并采集拖拽方向；
基于被拖拽程度，依据拖拽方向，将第一信息卡片拖拽至第三位置后，在第二位置处显示第二信息卡片，其中，第三位置与第一位置不重合。
本发明还公开了一种滑动更新单条内容的交互***，包括：
数据追踪模块，用于依据被选择的当前界面的第一位置，获取第一位置对应的第一信息卡片，并在当前界面的第二位置处进行显示；
动作追踪模块，用于选择并拖动第一信息卡片至当前界面的第三位置，在第二位置，生成第一信息卡片的更新内容；
更新显示模块，用于基于第一信息卡片，通过更新内容，生成第二信息卡片，在第一位置和/或第二位置进行显示。
本发明公开了以下技术效果：
本发明设计的技术方案，操作简单，滑动操作是APP主流操作，不需要额外学习成本，用户体验好，且用户无被打扰风险，更新完的内容不会持续提示用户。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
图1为本发明所述的方法流程图；
图2为本发明所述的实现过程示意图。
具体实施方式
下为使本申请实施例的目的、技术方案和优点更加清楚，下面将结合本申请实施例中附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本申请实施例的组件可以以各种不同的配置来布置和设计。因此，以下对在附图中提供的本申请的实施例的详细描述并非旨在限制要求保护的本申请的范围，而是仅仅表示本申请的选定实施例。基于本申请的实施例，本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本申请保护的范围。
如图1-2所示，本发明提供了一种滑动更新单条内容的交互方法，包括以下步骤：
依据被选择的当前界面的第一位置，获取第一位置对应的第一信息卡片，并在当前界面的第二位置处进行显示；
选择并拖动第一信息卡片至当前界面的第三位置，在第二位置，生成第一信息卡片的更新内容；
基于第一信息卡片，通过更新内容，生成第二信息卡片，在第一位置和/或第二位置进行显示。
进一步优选地，在获取第一信息卡片的过程中，本发明根据第一位置对应的信息内容，生成若干条用于被选择的信息选项；
依据被选择信息选项，生成第一信息卡片，其中，第一信息卡片包括至少一条信息选项。
进一步优选地，在生成信息选项的过程中，本发明通过获取信息内容的信息数量或更新内容；
基于信息数量或更新内容对应的信息内容，生成信息选项。
进一步优选地，在将第一信息卡片于第二位置处进行显示的过程中，本发明在第一位置的顶端，或与第一位置不重合的一端，获取第二位置；
在第二位置处，显示更新内容或第一信息卡片。
进一步优选地，在第二位置处生成更新内容的过程中，本发明将被选择并被拖动的信息选项对应的更新内容，在第二位置处显示，或，获取被选择且被拖动的第一信息卡片的更新内容，在第二位置处显示。
进一步优选地，在获取信息选项的过程中，本发明在第三位置处，显示信息选项对应的更新内容。
进一步优选地，在生成第二信息卡片的过程中，本发明依据更新内容，生成第二信息卡片，并将第二信息卡片在第二位置处显示。
进一步优选地，在生成第二信息卡片的过程中，基于更新内容，对第一信息卡片进行更新，本发明生成了第二信息卡片，并将第二信息卡片在第一位置和/或在第二位置进行显示。
进一步优选地，在显示第二信息卡片的过程中，本发明还判断了第一信息卡片的被拖拽程度，并采集了拖拽方向；
基于被拖拽程度，依据拖拽方向，将第一信息卡片拖拽至第三位置后，在第二位置处显示第二信息卡片，其中，第三位置与第一位置不重合。
本发明公开了一种滑动更新单条内容的交互***，包括：
数据追踪模块，用于依据被选择的当前界面的第一位置，获取第一位置对应的第一信息卡片，并在当前界面的第二位置处进行显示；
动作追踪模块，用于选择并拖动第一信息卡片至当前界面的第三位置，在第二位置，生成第一信息卡片的更新内容；
更新显示模块，用于基于第一信息卡片，通过更新内容，生成第二信息卡片，在第一位置和/或第二位置进行显示。
本发明还通过计算机程序实现了用于实现滑动更新单条内容的交互方法，并形成了一款应用程序，嵌入到浏览器、android和iOS***中，只具备上述***的智能终端，具备了滑动更新单挑内容的能力。
实施例1：本发明提供了一种新的交互设计，允许用户通过向右滑动卡片的方式刷新单条内容的更新状态，查看是否有新增互动内容。
交互层面，用户手指滑动卡片的操作可以认为是默认知晓的，不需要额外培养操作习惯，但依然可以在首次进入APP时提供一些操作引导图，指引用户操作。用户滑动卡片会露出loading提示，松手后开始更新卡片内容，结束后将有更新的内容高亮展示给用户。
技术层面，在浏览器、android和iOS***中，均提供了滑动操作的api供开发者使用，开发者借助这些能力，可以实现内容卡片滑动更新的交互效果。
实施例2本发明提到的一种滑动更新单条内容的交互方法，包括如下过程：
(1)用户确认希望查看更新的内容卡片。
(2)向右或向左或向某一方向进行卡片滑动，加载loading效果，提示用户正在更新。
(3)等待内容更新结果。
(4)更新结束，内容更新成功。
(5)更新内容高亮展示，方便用户捕捉，如流程图中所示，内容评论数有新增，则高亮展示。
实施例3：如图2所示，以android***的向右滑动进行举例，实现步骤如下：
(1)完整的卡片设计是左侧loading图标，右侧卡片内容为一个整体，将卡片向左便宜loading图片的尺寸，使之隐藏，正常浏览的场景下不可见。
(2)借助android提供的手势监听api，当监听到用户向右滑动的手势时，根据滑动的距离同步向右偏移卡片，使loading露出。
(3)监听到用户抬起手指的手势时，判断是否已经露出loading，若是，则更新卡片内容，若否，则将loading图标偏移到左侧，重新隐藏。
本发明是参照根据本发明实施例的方法、设备(***)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
在本发明的描述中，需要理解的是，术语“第一”、“第二”仅用于描述目的，而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”的特征可以明示或者隐含地包括一个或者更多个该特征。在本发明的描述中，“多个”的含义是两个或两个以上，除非另有明确具体的限定。
Claims (10)
1.一种滑动更新单条内容的交互方法，其特征在于，包括以下步骤：
依据被选择的当前界面的第一位置，获取所述第一位置对应的第一信息卡片，并在所述当前界面的第二位置处进行显示；
选择并拖动所述第一信息卡片至所述当前界面的第三位置，在所述第二位置，生成所述第一信息卡片的更新内容；
基于所述第一信息卡片，通过所述更新内容，生成第二信息卡片，在所述第一位置和/或所述第二位置进行显示。
2.根据权利要求1所述一种滑动更新单条内容的交互方法，其特征在于：
在获取第一信息卡片的过程中，根据所述第一位置对应的信息内容，生成若干条用于被选择的信息选项；
依据被选择所述信息选项，生成所述第一信息卡片，其中，所述第一信息卡片包括至少一条所述信息选项。
3.根据权利要求2所述一种滑动更新单条内容的交互方法，其特征在于：
在生成信息选项的过程中，获取所述信息内容的信息数量或所述更新内容；
基于所述信息数量或所述更新内容对应的所述信息内容，生成所述信息选项。
4.根据权利要求2所述一种滑动更新单条内容的交互方法，其特征在于：
在将第一信息卡片于第二位置处进行显示的过程中，在所述第一位置的顶端，或与所述第一位置不重合的一端，获取所述第二位置；
在所述第二位置处，显示所述更新内容或所述第一信息卡片。
5.根据权利要求3或4所述一种滑动更新单条内容的交互方法，其特征在于：
在第二位置处生成更新内容的过程中，将被选择并被拖动的所述信息选项对应的所述更新内容，在所述第二位置处显示，或，获取被选择且被拖动的所述第一信息卡片的所述更新内容，在所述第二位置处显示。
6.根据权利要求5所述一种滑动更新单条内容的交互方法，其特征在于：
在获取所述信息选项的过程中，在所述第三位置处，显示所述信息选项对应的所述更新内容。
7.根据权利要求5所述一种滑动更新单条内容的交互方法，其特征在于：
在生成第二信息卡片的过程中，依据所述更新内容，生成所述第二信息卡片，并将所述第二信息卡片在所述第二位置处显示。
8.根据权利要求6所述一种滑动更新单条内容的交互方法，其特征在于：
在生成第二信息卡片的过程中，基于所述更新内容，对所述第一信息卡片进行更新，生成第二信息卡片，并将所述第二信息卡片在所述第一位置和/或在所述第二位置进行显示。
9.根据权利要求7所述一种滑动更新单条内容的交互方法，其特征在于：
在显示第二信息卡片的过程中，判断所述第一信息卡片的被拖拽程度，并采集拖拽方向；
基于所述被拖拽程度，依据所述拖拽方向，将所述第一信息卡片拖拽至所述第三位置后，在所述第二位置处显示所述第二信息卡片，其中，所述第三位置与所述第一位置不重合。
10.一种滑动更新单条内容的交互***，其特征在于，包括：
数据追踪模块，用于依据被选择的当前界面的第一位置，获取所述第一位置对应的第一信息卡片，并在所述当前界面的第二位置处进行显示；
动作追踪模块，用于选择并拖动所述第一信息卡片至所述当前界面的第三位置，在所述第二位置，生成所述第一信息卡片的更新内容；
更新显示模块，用于基于所述第一信息卡片，通过所述更新内容，生成第二信息卡片，在所述第一位置和/或所述第二位置进行显示。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202310199700.7A CN116820316A (zh) | 2023-03-04 | 2023-03-04 | 一种滑动更新单条内容的交互方法及*** |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202310199700.7A CN116820316A (zh) | 2023-03-04 | 2023-03-04 | 一种滑动更新单条内容的交互方法及*** |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN116820316A true CN116820316A (zh) | 2023-09-29 |
Family
ID=88128083
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202310199700.7A Pending CN116820316A (zh) | 2023-03-04 | 2023-03-04 | 一种滑动更新单条内容的交互方法及*** |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN116820316A (zh) |
-
2023
- 2023-03-04 CN CN202310199700.7A patent/CN116820316A/zh active Pending
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US20200364028A1 (en) | Device and method for performing functions | |
| US20210365159A1 (en) | Mobile device interfaces | |
| KR101911034B1 (ko) | 컴퓨팅 디바이스 상에서의 그래픽 표현들의 편성 | |
| KR102328823B1 (ko) | 화면 내 빈 영역 활용 방법 및 장치 | |
| AU2004227740B2 (en) | A windowing and controlling system thereof comprising a computer device | |
| US8407608B1 (en) | Touch input assist | |
| US8386927B1 (en) | Gravity-based link assist | |
| WO2014078804A2 (en) | Enhanced navigation for touch-surface device | |
| US11671696B2 (en) | User interfaces for managing visual content in media | |
| KR20160023412A (ko) | 전자 장치에서 화면을 표시하는 방법 및 이를 위한 전자 장치 | |
| CN109074372A (zh) | 使用拖放来应用元数据 | |
| US20140282064A1 (en) | Multilayered icon, graphical user interfaces, and methods for displaying and manipulation of information | |
| US9720592B2 (en) | Mobile gesture reporting and replay with unresponsive gestures identification and analysis | |
| JP2015191551A (ja) | 電子機器 | |
| CN107632751B (zh) | 信息显示方法和装置 | |
| CN111338721A (zh) | 在线交互方法、***、电子设备和存储介质 | |
| US9513770B1 (en) | Item selection | |
| US11112938B2 (en) | Method and apparatus for filtering object by using pressure | |
| CN116820316A (zh) | 一种滑动更新单条内容的交互方法及*** | |
| CN111552418A (zh) | 资源信息的显示方法及装置 | |
| CN112527175A (zh) | 动画实现方法、装置、设备及存储介质 | |
| CN114138158B (zh) | 一种检测视图可见性的方法、装置及计算设备 | |
| CN114840297B (zh) | 消息的展示方法及装置、电子设备、存储介质 | |
| US12041287B2 (en) | User interfaces and associated systems and processes for accessing content items via content delivery services | |
| CN111694487B (zh) | 信息处理的方法及装置、电子设备、存储介质 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |