Interface to display animated icon

Patent metadata

Field	Value
Publication number	US-11775134-B2
Application number	US-202117248887-A
Country	US
Kind code	B2
Filing date	Feb 11, 2021
Priority date	Nov 13, 2017
Publication date	Oct 3, 2023
Grant date	Oct 3, 2023

Abstract

Embodiments of the present disclosure relate generally to mobile computing technology and, more particularly, but not by way of limitation, to systems for generating and presenting a graphical user interface (GUI) that includes a presentation of an animated icon (e.g., a digital pet) on a display of a client device.

First claim

What is claimed is:

1. A method comprising:
detecting, at a first client device, a second client device within a predefined proximity of the first client device;
accessing user interaction data associated with the first client device and the second client device;
accessing an animated icon associated with both the first client device and the second client device based on the user interaction data responsive to detecting the second client device within the predefined proximity of the first client device;
causing display of a presentation of the animated icon at the first client device based on the detecting the second client device within the predefined proximity of the first client device;
receiving, at the first client device, a user input that comprises input attributes, the input attributes including an input type from among a plurality of input types, each input type among the plurality of input types corresponding with a value;
determining the value that corresponds with the input type of the user input based on at least the input attributes;
determining a display state of the animated icon based on the value that corresponds with the input type of the user input; and
modifying the presentation of the animated icon at the first client device based on the display state.

2. The method of claim 1 , wherein the determining the display state of the animated icon includes:
accessing a display state model associated with the animated icon, the display state model comprising a state indicator at a first position along the display state model, the first position of the state indicator defining a first display state of an animated icon;
transitioning the state indicator from the first position to a second position based on the value that corresponds with the input type of the user input, the second position corresponding with a second display state; and
causing display of the presentation of the animated icon based on the second display state.

3. The method of claim 1 , wherein the user input includes a tactile input onto a graphical user interface.

4. The method of claim 1 , wherein the receiving the user input further comprises:
causing display of a set of graphical elements that include a first graphical element, the first graphical element corresponding with the user input type; and
wherein the user input comprises a selection of the first graphical element.

5. The method of claim 1 , wherein the animated icon comprises icon properties, and wherein the determining the value of the user input includes determining the value of the user input based on the input attributes and the icon properties of the animated icon.

6. The method of claim 1 , wherein the causing display of the presentation of the animated icon further comprises causing display of the presentation of the animated icon within a chat interface.

7. The method of claim 1 , wherein the causing display of the presentation of the animated icon includes:
detecting the first client device within the predefined range of the second client device;
determining a relationship between the first client device and the second client device; and
causing display of the presentation of the animated icon at the first client device based on the relationship.

8. A system comprising:
a memory; and
at least one hardware processor coupled to the memory and comprising instructions that causes the system to perform operations comprising:
detecting, at a first client device, a second client device within a predefined proximity of the first client device;
accessing user interaction data associated with the first client device and the second client device;
accessing an animated icon associated with both the first client device and the second client device based on the user interaction data responsive to detecting the second client device within the predefined proximity of the first client device;
causing display of a presentation of the animated icon at the first client device based on the detecting the second client device within the predefined proximity of the first client device;
receiving, at the first client device, a user input that comprises input attributes, the input attributes including an input type from among a plurality of input types, each input type among the plurality of input types corresponding with a value;
determining the value that corresponds with the input type of the user input based on at least the input attributes;
determining a display state of the animated icon based on the value that corresponds with the input type of the user input; and
modifying the presentation of the animated icon at the first client device based on the display state.

9. The system of claim 8 , wherein the determining the display state of the animated icon includes:
accessing a display state model associated with the animated icon, the display state model comprising a state indicator at a first position along the display state model, the first position of the state indicator defining a first display state of an animated icon;
transitioning the state indicator from the first position to a second position based on the value of the user input, the second position corresponding with a second display state; and
causing display of the presentation of the animated icon based on the second display state.

10. The system of claim 8 , wherein the user input includes a tactile input onto a graphical user interface.

11. The system of claim 8 , wherein the receiving the user input further comprises:
causing display of a set of graphical elements that include a first graphical element, the first graphical element corresponding with the user input type; and
wherein the user input comprises a selection of the first graphical element.

12. The system of claim 8 , wherein the animated icon comprises icon properties, and wherein the determining the value of the user input includes determining the value of the user input based on the input attributes and the icon properties of the animated icon.

13. The system of claim 8 , wherein the causing display of the presentation of the animated icon further comprises causing display of the presentation of the animated icon within a chat interface.

14. The system of claim 8 , wherein the causing display of the presentation of the animated icon includes:
detecting the first client device within the predefined range of the second client device;
determining a relationship between the first client device and the second client device; and
causing display of the presentation of the animated icon at the first client device based on the relationship.

15. A non-transitory machine-readable storage medium comprising instructions that, when executed by one or more processors of a machine, cause the machine to perform operations comprising:
detecting, at a first client device, a second client device within a predefined proximity of the first client device;
accessing user interaction data associated with the first client device and the second client device;
accessing an animated icon associated with both the first client device and the second client device based on the user interaction data responsive to detecting the second client device within the predefined proximity of the first client device;
causing display of a presentation of the animated icon at the first client device based on the detecting the second client device within the predefined proximity of the first client device;
receiving, at the first client device, a user input that comprises input attributes, the input attributes including an input type from among a plura

Assignees

• Snap Inc

Inventors

• Voss Jeremy
• Chand Jesse
• Eirinberg Dylan Shane
• Wu William
• Lin Chiayi
• Liberman Anna

Classifications

• G06F3/04817 Primary

  using icons (graphical or visual programming using iconic symbols G06F8/34) · CPC title

• G06F3/0488

  using a touch-screen or digitiser, e.g. input of commands through traced gestures · CPC title

• G06T13/80 Primary

  Two-dimensional [2D] animation, e.g. using sprites · CPC title

• G06F3/04886

  by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or menus · CPC title

• G06F3/04842

  Selection of displayed objects or displayed text elements (G06F3/0482 takes precedence) · CPC title