-
Notifications
You must be signed in to change notification settings - Fork 2.6k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[$250] [CVP] Add an Illustration and simple directions to the the Submits to screen if there are no contacts #42227
Comments
Here is the file you need: emptystate__toddwithphones.svg.zip It should be displayed at 176px wide by 178px tall. We should also have marketing review the copy here as well. |
Job added to Upwork: https://www.upwork.com/jobs/~01632280a607ac1c81 |
Triggered auto assignment to Contributor-plus team member for initial proposal review - @rayane-djouah ( |
ProposalPlease re-state the problem that we are trying to solve in this issue.Add an Illustration and simple directions to the the Submits to screen if there are no contacts What is the root cause of that problem?New feature What changes do you think we should make in order to solve the problem?In here, if we check that the The UI will be a Of course the illustration and directions only show after the list has finished loading, for which there're some indicators like here We can also create a prop We'll likely need a different copy in case of What alternative solutions did you explore? (Optional)There're few cases we need to decide on, they are all straight forward changes once confirmed:
|
Triggered auto assignment to @mountiny, see https://stackoverflow.com/c/expensify/questions/7972 for more details. |
Also, Do we need to add an Illustration and simple directions to "split expense", "pay someone", and "send invoice"? or we need this only for "submit expense"? |
Yeah, I think all of the create flows that have the search input to search for a contaact would get this kind of empty state. |
@shawnborton Would we keep the same illustration or do we want to add a different illustration for each? @danielrvidal Are you able to handle the copy for each of the flows as they will all be slightly different I assume. Thanks! |
I think the same is fine |
@mountiny Would you mind handling the assignment? So I can start with the PR and will be updating the copy with this once it's available 👍 |
Current assignee @danielrvidal is eligible for the Waiting for copy assigner, not assigning anyone new. |
📣 @rayane-djouah 🎉 An offer has been automatically sent to your Upwork account for the Reviewer role 🎉 Thanks for contributing to the Expensify app! |
📣 @tienifr 🎉 An offer has been automatically sent to your Upwork account for the Contributor role 🎉 Thanks for contributing to the Expensify app! Offer link |
The other options we need copy and translations for are:
|
So I think the only ones we need it for are actually Submit Expense, Split Expense, and Pay someone. In all other cases, there is someone already in your recent. @shawnborton @mountiny do you agree we just need those cases? I'll get the copy and translation tomorrow for them. Track Expense |
@danielrvidal That's correct. Do we need different copies for each? |
That makes sense to me! |
Yeah we might want to do feature-specific copy for each of those flows Daniel mentioned. |
I'm working on finalizing the copy today, I should have it done by EOD. |
Heads up, I'll be mostly offline until June 5th, 2024. I can still review this issue, but my response might be slower. If there is something urgent, please reassign it. Thanks! |
Here are the different variations of copy: English: English: English: |
Assigning @allroundexperts, woo! |
@allroundexperts any update on this one? Could you review @tienifr proposal and see if it could apply to how we build this including the updates? |
@danielrvidal I think the last piece is to agree on the copy here #42413 (comment) can you please check out the discussion in the PR? Thank @allroundexperts can complete the review |
Updated in the other comment, let me know if there is anything else outstanding! |
Problem: Expensify is supposed to make money more efficient and fun. For an organic new user, the first time they send an expense to anyone they do not have any contacts. Thus, they see an empty screen which feels off brand. Especially for such a critical first time experience. It currently looks like this:
Solution: Add a fun illustration (with short and clear directions) to the empty state “Submits to” screen if the user does not have any recent contacts. If there are any recents in the list, we would not show the illustration. It could look like like this:
Current proposed text:
This is being discussed here. @shawnborton can get the final image and @kevinksullivan can help with the https://expensify.slack.com/archives/C03TBKRSB/p1715809342220239?thread_ts=1714766113.560229&cid=C03TBKRSB
Upwork Automation - Do Not Edit
Issue Owner
Current Issue Owner: @danielrvidalThe text was updated successfully, but these errors were encountered: