[1630] Design for Center Focused Channel Vertically

[athomasmoz]

Why/User Benefit/User Problem

As a user, I want the tiles I'm looking at to be centered on the screen so it's easy to see where my remote is focused and I can see what's above & below before I click the arrows.

What / Requirements

• The focused tile is centered between the top & bottom of the screen

Design

Source file is available on Google Drive ~/Firefox - Fire TV/Mocks/FTTV-Master.sketch

[aminalhazwani]

List of cases when the channel is focus in the center (red dashed line indicates half screen height). For example when the channel is not immediate after the toolbar.

Or when the channel is in the split screen.

Exceptions are: when channel is first after toolbar in non-split screen.

Or when is last channel.

[severinrudie]

Blocked on #1669 (an intermediate state broken out of this story)

[mcomella]

This seems to be a common implementation so look for existing solutions:

• The Android TV support library
• Various blog posts

[mcomella]

@brampitoyo Is this something we might want to do? If not, please close. If so, can you rename the title to [1630] and maybe resurface it when we're focusing on homescreen polish? Hopefully, it'll come up sooner in triage though.

[brampitoyo]

@mcomella Yes. This is something we want to do when we focus on homescreen polishes.

I will post the specs shortly.

[brampitoyo]

@mcomella the specs was posted in #2238 (comment):

Whenever any channel needs to be vertically centred, it will have a 116dp padding to the top of the screen.

• Pinned site [is] vertically positioned at the centre of the screen.
• 3rd-to-last channel is still vertically centred.
• 2rd-to-last and last channels aren’t vertically centred. They are pinned to the bottom of the screen.

[mcomella]

This issue was blocked on split overlay work that is no longer relevant (source): removing "blocked" label.

[mcomella]

@athomasmoz FYI: on the current homescreen, when navigating down from Pocket to Pinned Tiles, the screen scrolls so you can see the News & Politics section. However, when focusing the News & Politics section, the screen does not scroll so you can't see the categories below that. I wonder if this is preventing users from discovering more than News & Politics channel.

[brampitoyo]

@athomasmoz This issue should be solved with the behaviour I’ve described above. Here are some illustrations to help clarify it.

1. The toolbar and first channel don’t need to be vertically centred.

2. Most other channels need to be centred. All vertically centred panels will have a 116dp padding to the top of the screen.

3. second-to-last and last channel aren’t vertically centred. They’re pinned to the bottom of the screen.

[athomasmoz]

UX completed. Implementation ticket #2573