DYNAMIC USER INTERFACE ANIMATIONS IN A FITNESS APPLICATION
The present application is directed to improvements in user interfaces. In an embodiment, a method is disclosed comprising displaying a main tile in a user interface (UI); detecting a user interaction with the UI; moving the main tile and a secondary tile, the secondary tile adjacent to the main tile; and adjusting a property of the secondary tile while moving the secondary tile, the property adjusted based in part on a position of the secondary tile during the moving
1 . A method comprising:
displaying a main tile in a user interface (UI);
detecting a user interaction with the UI;
moving the main tile and a secondary tile, the secondary tile adjacent to the main tile; and
adjusting a property of the secondary tile while moving the secondary tile, the property adjusted based in part on a position of the secondary tile during the moving.
2 . The method of claim 1 , further comprising displaying the secondary tile prior to moving the main tile and the secondary tile, wherein the displaying the secondary tile comprises displaying a portion of the secondary tile.
3 . The method of claim 1 , wherein moving the main tile and the secondary tile comprises scrolling the main tile and the secondary tile along a horizontal axis of the UI.
4 . The method of claim 1 , wherein detecting the user interaction comprises detecting a swipe gesture.
5 . The method of claim 1 , wherein adjusting the property of the secondary tile comprises increasing a text size of an item of the secondary tile proportionate to a change in position caused by the moving.
6 . The method of claim 1 , wherein adjusting the property of the secondary tile comprises adjusting a position of an item of the secondary tile proportionate to a change in position caused by the moving.
7 . The method of claim 1 , wherein adjusting the property of the secondary tile comprises adjusting a transparency of an item of the secondary tile proportionate to a change in position caused by the moving.
8 . The method of claim 1 , wherein adjusting the property of the secondary tile comprises displaying a control.
9 . The method of claim 1 , wherein adjusting the property of the secondary tile comprises:
increasing a text size of an item of the secondary tile proportionate to a change in position caused by the moving;
adjusting a position of the item of the secondary tile proportionate to the change in position caused by the moving;
adjusting a transparency of the item of the secondary tile proportionate to the change in position caused by the moving; and
displaying a control.
10 . A non-transitory computer-readable storage medium for tangibly storing computer program instructions capable of being executed by a computer processor, the computer program instructions defining steps of:
displaying a main tile in a user interface (UI);
detecting a user interaction with the UI;
moving the main tile and a secondary tile, the secondary tile adjacent to the main tile; and
adjusting a property of the secondary tile while moving the secondary tile, the property adjusted based in part on a position of the secondary tile during the moving.
11 . The non-transitory computer-readable storage medium of claim 10 , the steps further comprising displaying the secondary tile prior to moving the main tile and the secondary tile, wherein the displaying the secondary tile comprises displaying a portion of the secondary tile.
12 . The non-transitory computer-readable storage medium of claim 10 , wherein moving the main tile and the secondary tile comprises scrolling the main tile and the secondary tile along a horizontal axis of the UI.
13 . The non-transitory computer-readable storage medium of claim 10 , wherein detecting the user interaction comprises detecting a swipe gesture.
14 . The non-transitory computer-readable storage medium of claim 10 , wherein adjusting the property of the secondary tile comprises increasing a text size of an item of the secondary tile proportionate to a change in position caused by the moving.
15 . The non-transitory computer-readable storage medium of claim 10 , wherein adjusting the property of the secondary tile comprises adjusting a position of an item of the secondary tile proportionate to a change in position caused by the moving.
16 . The non-transitory computer-readable storage medium of claim 10 , wherein adjusting the property of the secondary tile comprises adjusting a transparency of an item of the secondary tile proportionate to a change in position caused by the moving.
17 . The non-transitory computer-readable storage medium of claim 10 , wherein adjusting the property of the secondary tile comprises displaying a control.
18 . The non-transitory computer-readable storage medium of claim 10 , wherein adjusting the property of the secondary tile comprises:
increasing a text size of an item of the secondary tile proportionate to a change in position caused by the moving;
adjusting a position of the item of the secondary tile proportionate to the change in position caused by the moving;
adjusting a transparency of the item of the secondary tile proportionate to the change in position caused by the moving; and
displaying a control.
19 . A device comprising:
a processor configured to:
display a main tile in a user interface (UI);
detect a user interaction with the UI;
move the main tile and a secondary tile, the secondary tile adjacent to the main tile; and
adjust a property of the secondary tile while moving the secondary tile, the property adjusted based in part on a position of the secondary tile during the moving.
20 . The device of claim 19 , wherein adjusting the property of the secondary tile comprises one of:
increasing a text size of an item of the secondary tile proportionate to a change in position caused by the moving;
adjusting a position of the item of the secondary tile proportionate to the change in position caused by the moving;
adjusting a transparency of the item of the secondary tile proportionate to the change in position caused by the moving; or
displaying a control.