[Design Support] Onboarding / Education for existing Expensify users migrating to NewExpensify

[zanyrenney]

Coming from this issue: https://github.com/Expensify/App/issues/50736

Please create mock ups for the flow discussed here.

https://new.expensify.com//r/952046779436707/7908451309624434600

[melvin-bot[bot]]

Current assignee @dubielzyk-expensify is eligible for the Design assigner, not assigning anyone new.

[zanyrenney]

Hey @dubielzyk-expensify this is what we've landed on:

Welcome Screen

Dismiss the welcome screen to begin (modal)

---

Search

You are directed to the Search feature, with a tooltip:

Search everything here

• Click on Search > Router.
  This opens the Router.

---

Inbox

A tooltip appears on the Inbox icon in the bottom navigation:

Your todo list

• Click on Inbox.
  This opens the Inbox page.

---

Pinned Workspace Chat

Next, a tooltip appears on your Pinned Workspace Chat:

Where to submit expenses and chat with approvers.

• Click on Pinned Workspace Chat.
  This opens the Workspace Chat.

---

Global Create

Finally, a tooltip appears on Global Create:

Submit your first expense now!

[danielrvidal]

@dubielzyk-expensify feel free to hit me up in slack if you have any questions too when you get online. Hopefully, @zanyrenney can wake up to pretty complete mocks!

[zanyrenney]

I'm also still on if you're waking early @dubielzyk-expensify though I'm sure you'll have more overlap with @danielrvidal 👊🏼

[dubielzyk-expensify]

Here's the mocks. I'll work with you when you're only Zany. I'm a bit confused about how you continue with these steps. Do you have to click the purposed item to proceed? Can users skip out of this flow?

Also now that the option row icon color is more toned back, I wonder if we just make this tooltip fully green:

I didn't make it green initially cause there was so much green on screen (hey rhyme!), but I think now it feels a bit more appropriate. Still tweaking some designs in Figma.

cc @Expensify/design

[shawnborton]

Same questions as Jon here:

Do you have to click the purposed item to proceed? Can users skip out of this flow?

Otherwise these look nice. I don't feel strongly about which color green we use. The darker green might catch the eye a little more but the lighter green feels more consistent with other tooltips of this nature, so I think I prefer to stick with light green unless we want to globally update all light green tooltips to be darker green.

[dubielzyk-expensify]

Otherwise these look nice. I don't feel strongly about which color green we use. The darker green might catch the eye a little more but the lighter green feels more consistent with other tooltips of this nature, so I think I prefer to stick with light green unless we want to globally update all light green tooltips to be darker green.

Sounds good to me. I'll take the visual of the tooltip to Slack to let the rest of the convo flow with the functionality. Then we can sort out the color of the dots etc separately 👍