Real-time video discovery-friendly user experience for mobile devices

1. A method comprising:

receiving, at a client device, a plurality of video items comprising a first subset of video items and a second subset of video items;

presenting, at the client device, a graphical user interface (GUI) comprising a first scrollable area to present the plurality of video items and a focus area to present one of the plurality of video items; and

presenting, in the GUI on the client device, video items of the second subset of video items in or adjacent to the focus area in a first size,

wherein the video items of the second subset of video items are presented in or adjacent to the focus area in the first size when the first subset of video items is visible in the first scrollable area in a second size and prior to a scrolling request of a user of the client device to cause the second subset of video items to become visible in the first scrollable area in the second size, and

wherein the first size of the video items from the second subset of video items presented in or adjacent to the focus area is smaller than the second size of video items of the first subset of video items presented in the first scrollable area.

2. The method of claim 1 , wherein the video items from the second subset of video items are presented as floatable elements each comprising an icon representing a corresponding video item.

3. The method of claim 2 , wherein each floatable element transits along a path across a portion of the focus area from a starting position to an ending position.

4. The method of claim 2 , wherein the icon representing the corresponding video item is one of a video thumbnail, a creator avatar, or a channel icon, and wherein the floatable elements each transit at a variable speed.

5. The method of claim 1 , wherein the video items from the second subset of video items are presented as chip elements in a second scrollable area adjacent to the focus area, and wherein each chip element comprises an icon representing a corresponding video item.

6. The method of claim 5 , wherein the plurality of video items are ordered using a first order, wherein the chip elements are presented in the second scrollable area in a second order, and wherein the second order corresponds to the first order.

7. The method of claim 5 , further comprising:

receiving, at the client device, an updated plurality of video items; and

initiating a notification animation associated with the chip elements.

8. The method of claim 1 , further comprising:

receiving, at the client device, a user input indicating a selection of a video item of the second subset of video items presented in or adjacent to the focus area;

causing the selected video item to become visible in the first scrollable area; and

causing the selected video item to be presented in the focus area.

9. A system comprising:

a memory device; and

a processing device coupled to the memory device, the processing device to perform operations comprising:

receiving, at a client device, a plurality of video items comprising a first subset of video items and a second subset of video items;

presenting, at the client device, a graphical user interface (GUI) comprising a first scrollable area to present the plurality of video items and a focus area to present one of the plurality of video items; and

presenting, in the GUI on the client device, video items of the second subset of video items in or adjacent to the focus area in a first size,

wherein the video items of the second subset of video items are presented in or adjacent to the focus area in the first size when the first subset of video items is visible in the first scrollable area in a second size and prior to a scrolling request of a user of the client device to cause the second subset of video items to become visible in the first scrollable area in the second size, and

wherein the first size of the video items from the second subset of video items presented in or adjacent to the focus area is smaller than the second size of video items of the first subset of video items presented in the first scrollable area.

10. The system of claim 9 , wherein the video items from the second subset of video items are presented as floatable elements each comprising an icon representing a corresponding video item.

11. The system of claim 10 , wherein each floatable element transits along a path across a portion of the focus area from a starting position to an ending position.

12. The system of claim 10 , wherein the icon representing the corresponding video item is one of a video thumbnail, a creator avatar, or a channel icon, and wherein the floatable elements each transit at a variable speed.

13. The system of claim 9 , wherein the video items from the second subset of video items are presented as chip elements in a second scrollable area adjacent to the focus area, and wherein each chip element comprises an icon representing a corresponding video item.

14. The system of claim 13 , wherein the plurality of video items are ordered using a first order, wherein the chip elements are presented in the second scrollable area in a second order, and wherein the second order corresponds to the first order.

15. The system of claim 13 , the operations further comprising:

receiving, at the client device, an updated plurality of video items; and

initiating a notification animation associated with the chip elements.

16. The system of claim 9 , the operations further comprising:

receiving, at the client device, a user input indicating a selection of a video item of the second subset of video items presented in or adjacent to the focus area;

causing the selected video item to become visible in the first scrollable area; and

causing the selected video item to be presented in the focus area.

17. A non-transitory computer-readable medium comprising instructions that, when executed by a processing device, cause the processing device to perform operations comprising:

receiving, at a client device, a plurality of video items comprising a first subset of video items and a second subset of video items;

presenting, at the client device, a graphical user interface (GUI) comprising a first scrollable area to present the plurality of video items and a focus area to present one of the plurality of video items; and

presenting, in the GUI on the client device, video items of the second subset of video items in or adjacent to the focus area in a first size,

wherein the video items of the second subset of video items are presented in or adjacent to the focus area in the first size when the first subset of video items is visible in the first scrollable area in a second size and prior to a scrolling request of a user of the client device to cause the second subset of video items to become visible in the first scrollable area in the second size, and

wherein the first size of the video items from the second subset of video items presented in or adjacent to the focus area is smaller than the second size of video items of the first subset of video items presented in the first scrollable area.

18. The non-transitory computer-readable medium of claim 17 , wherein the video items from the second subset of video items are presented as floatable elements each comprising an icon representing a corresponding video item.

19. The non-transitory computer-readable medium of claim 18 , wherein each floatable element transits along a path across a portion of the focus area from a starting position to an ending position.

20. The non-transitory computer-readable medium of claim 18 , wherein the icon representing the corresponding video item is one of a video thumbnail, a creator avatar, or a channel icon, and wherein the floatable elements each transit at a variable speed.

21. The non-transitory computer-readable medium of claim 17 , wherein the video items from the second subset of video items are presented as chip elements in a second scrollable area adjacent to the focus area, and wherein each chip element comprises an icon representing a corresponding video item.

22. The non-transitory computer-readable medium of claim 21 , wherein the plurality of video items are ordered using a first order, wherein the chip elements are presented in the second scrollable area in a second order, and wherein the second order corresponds to the first order.

23. The non-transitory computer-readable medium of claim 21 , the operations further comprising:

receiving, at the client device, an updated plurality of video items; and

initiating a notification animation associated with the chip elements.

24. The non-transitory computer-readable medium of claim 17 , the operations further comprising:

receiving, at the client device, a user input indicating a selection of a video item of the second subset of video items presented in or adjacent to the focus area;

causing the selected video item to become visible in the first scrollable area; and

causing the selected video item to be presented in the focus area.