Home Screen - layout changes

[pmcpinto]

User story:
As a new merchant
I want to easily access the setup task list
So I can focus on completing the setup as soon as possible

Description: moving the setup tasks to the home screen increased retention among new users. However, we ended up seeing more users drifting away and not using the setup tasks. We bet that by some changes in the layout we'll be able to increase the focus in the setup tasks.

Acceptance criteria:

• For brand new stores we'll display a single column layout with the following order (setup tasks, stats overview, inbox)
  

• Upon dismissing or completing the task list, the layout should default to two columns

• For existing stores we'll keep the two-column layout (this also includes stores that already have the setup task list enabled before the Woo version where we include the layout changes). However, we'll change the sections displayed on each column: the left column should include the tasks and store management section, on the right column we should have the stats overview and inbox
  

Event tracking:
It won't be necessary to include additional event tracking for this work

Additional links:
P2 with link to Figma

[jeffstieler]

How should these changes affect the "sticky" positioning of the right column? Do we simply flip the stickiness to the left column (when in 2 column mode)? cc: @elizaan36

[elizaan36]

hey @jeffstieler, since the Inbox messages will create a pretty lengthy page we should only introduce stickiness in either column when it's at the end of the scroll. Let me put together a quick prototype to illustrate...

So in this case, when the scroll reaches the end of the left column, the right column is still free to scroll. This would happen in the opposite case as well, in case the user has dismissed all inbox notifications, the stats overview would remain sticky while the left column scrolls.